@charset "UTF-8";
:root {
  --userComponentCardSelectedColor: #E6B12B;
  --userComponentCardSelectedColorHover: #cf9f27;
  --userComponentCardSelectedColorActive: #b88e22;
}

/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * airicelandconnect.is
 * airicelandconnect.dk
 * airicelandconnect.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2017
 */
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The fonts folder(s) should be placed relative to the regular CSS file.
 *
 * You can use either the complete or subsetted fonts:
 * If you don’t require the entire range of characters, you can use the smaller, subsetted webfonts instead.
 * See "Glyphs & Languages" for an overview of the characters in the *_subsetted.html file in the root directory of this package.
 *
 */
/* Complete */
@font-face {
  font-family: "ReplicaPro";
  src: url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-light.eot");
  src: url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-light.eot?#iefix") format("embedded-opentype"), url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-light.woff2") format("woff2"), url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "ReplicaPro";
  src: url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-regular.eot");
  src: url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-regular.eot?#iefix") format("embedded-opentype"), url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-regular.woff2") format("woff2"), url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ReplicaPro";
  src: url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-bold.eot");
  src: url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-bold.eot?#iefix") format("embedded-opentype"), url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-bold.woff2") format("woff2"), url("/5.0.5/includes/fonts/ReplicaPro-airiceland/lineto-replica-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
body {
  font-size: 14px;
  color: #4B4B4A;
  background-color: #fdfdfd;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden !important;
}
body[data-module=administrator] header .tool-bar {
  display: none;
}

body, pre, input, button, select, textarea, .ui-menu .ui-menu-item {
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif;
}

p {
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

b, strong {
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

input, textarea {
  transition: all 200ms ease;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #4B4B4A !important;
  transition: all 200ms ease;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #4B4B4A !important;
  transition: all 200ms ease;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #4B4B4A !important;
  transition: all 200ms ease;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #4B4B4A !important;
  transition: all 200ms ease;
}

a,
a:visited,
a.link-primary,
a.link-primary:visited,
a.share-link,
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,
.wf-wrapper a,
a.stage-item.current.progress-current {
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif;
  color: #4B4B4A;
  text-decoration: none;
  transition: color 200ms ease;
}
a:hover,
a:visited:hover,
a.link-primary:hover,
a.link-primary:visited:hover,
a.share-link:hover,
a.onlineLinkPreview:hover,
.view-link-online:hover,
.control-group .copytoclipboard:hover,
table.table td a.job-title:hover,
.wf-dashboard-job-left a.job-title:hover,
.activity-title > a:hover,
.wf-jobs-list a:hover,
table.table td a:hover,
.span-link:hover,
.wf-wrapper a:hover,
a.stage-item.current.progress-current:hover {
  color: #E6B12B;
}
a:active,
a:visited:active,
a.link-primary:active,
a.link-primary:visited:active,
a.share-link:active,
a.onlineLinkPreview:active,
.view-link-online:active,
.control-group .copytoclipboard:active,
table.table td a.job-title:active,
.wf-dashboard-job-left a.job-title:active,
.activity-title > a:active,
.wf-jobs-list a:active,
table.table td a:active,
.span-link:active,
.wf-wrapper a:active,
a.stage-item.current.progress-current:active {
  color: #dda61a;
}

i.fa.fa-caret-down {
  transition: none;
}

/* Buttons */
button.btn,
button.btn-default,
button.action-btn,
button.action-btn.blue,
button.action-btn.black,
button.action-btn.green,
span.action-btn,
span.action-btn.black,
span.action-btn.green,
a.action-btn,
a.action-btn.blue,
a.action-btn.black,
a.action-btn.green,
a.action-btn:not(.disabled),
a.start-btn,
a.wizard-btn,
.admin-right ul.admin-options li.logout button.action-btn,
#carousel-holder .carousel-caption a.read-more,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a,
#image_enlarger .bottom .action-btn,
#image_enlarger .bottom .action-btn.black,
#image_enlarger .bottom.has-package .action-btn:first-child,
#image_upload > .upload-container header a.action-btn.black,
#single-collection-top .cta-main-container > li > a,
#single-collection-top .cta-main-container li.collection-delete a.action-btn,
a.dialogbutton.dialog-cancel,
header .tool-bar ul.actions-bar.group-btns.blue li a.group-btn.tip-trigger.group-edit,
#styleguide-page-footer li.new-paragraph a.group-btn,
#styleguide-page-footer li.new-embed-toolbar a.group-btn,
.wf-wrapper .btn,
.wf-wrapper .btn-default,
.wf-wrapper .btn-primary,
.stage-btn.btn-primary,
#briefingroom-modal-container .btn-primary,
#image_enlarger ul.media-info li.active .cropSave,
#styleguide-button-export,
.annotation-holder .save-annotation,
.annotation-holder .edit-annotation,
.preset .stage-management .stage-item .responsible,
.cke_dialog a.cke_dialog_ui_button_ok,
.btn.btn-download-product-data,
span.action-btn.green,
a.action-btn.green,
button.action-btn.green,
#templateSettings .pull-right .btn {
  color: #fff;
  background-color: #E6B12B;
  border: 0 !important;
  border-radius: 0;
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px;
  text-transform: none;
  box-shadow: none;
  box-sizing: border-box;
  outline: none !important;
  transition: all 200ms ease;
}
button.btn:hover,
button.btn-default:hover,
button.action-btn:hover,
button.action-btn.blue:hover,
button.action-btn.black:hover,
button.action-btn.green:hover,
span.action-btn:hover,
span.action-btn.black:hover,
span.action-btn.green:hover,
a.action-btn:hover,
a.action-btn.blue:hover,
a.action-btn.black:hover,
a.action-btn.green:hover,
a.action-btn:not(.disabled):hover,
a.start-btn:hover,
a.wizard-btn:hover,
.admin-right ul.admin-options li.logout button.action-btn:hover,
#carousel-holder .carousel-caption a.read-more:hover,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a:hover,
#image_enlarger .bottom .action-btn:hover,
#image_enlarger .bottom .action-btn.black:hover,
#image_enlarger .bottom.has-package .action-btn:first-child:hover,
#image_upload > .upload-container header a.action-btn.black:hover,
#single-collection-top .cta-main-container > li > a:hover,
#single-collection-top .cta-main-container li.collection-delete a.action-btn:hover,
a.dialogbutton.dialog-cancel:hover,
header .tool-bar ul.actions-bar.group-btns.blue li a.group-btn.tip-trigger.group-edit:hover,
#styleguide-page-footer li.new-paragraph a.group-btn:hover,
#styleguide-page-footer li.new-embed-toolbar a.group-btn:hover,
.wf-wrapper .btn:hover,
.wf-wrapper .btn-default:hover,
.wf-wrapper .btn-primary:hover,
.stage-btn.btn-primary:hover,
#briefingroom-modal-container .btn-primary:hover,
#image_enlarger ul.media-info li.active .cropSave:hover,
#styleguide-button-export:hover,
.annotation-holder .save-annotation:hover,
.annotation-holder .edit-annotation:hover,
.preset .stage-management .stage-item .responsible:hover,
.cke_dialog a.cke_dialog_ui_button_ok:hover,
.btn.btn-download-product-data:hover,
span.action-btn.green:hover,
a.action-btn.green:hover,
button.action-btn.green:hover,
#templateSettings .pull-right .btn:hover {
  color: #fff !important;
  background-color: #c79517 !important;
  border: 0 !important;
  border-color: #c79517;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
}
button.btn:focus, button.btn:active,
button.btn-default:focus,
button.btn-default:active,
button.action-btn:focus,
button.action-btn:active,
button.action-btn.blue:focus,
button.action-btn.blue:active,
button.action-btn.black:focus,
button.action-btn.black:active,
button.action-btn.green:focus,
button.action-btn.green:active,
span.action-btn:focus,
span.action-btn:active,
span.action-btn.black:focus,
span.action-btn.black:active,
span.action-btn.green:focus,
span.action-btn.green:active,
a.action-btn:focus,
a.action-btn:active,
a.action-btn.blue:focus,
a.action-btn.blue:active,
a.action-btn.black:focus,
a.action-btn.black:active,
a.action-btn.green:focus,
a.action-btn.green:active,
a.action-btn:not(.disabled):focus,
a.action-btn:not(.disabled):active,
a.start-btn:focus,
a.start-btn:active,
a.wizard-btn:focus,
a.wizard-btn:active,
.admin-right ul.admin-options li.logout button.action-btn:focus,
.admin-right ul.admin-options li.logout button.action-btn:active,
#carousel-holder .carousel-caption a.read-more:focus,
#carousel-holder .carousel-caption a.read-more:active,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a:focus,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a:active,
#image_enlarger .bottom .action-btn:focus,
#image_enlarger .bottom .action-btn:active,
#image_enlarger .bottom .action-btn.black:focus,
#image_enlarger .bottom .action-btn.black:active,
#image_enlarger .bottom.has-package .action-btn:first-child:focus,
#image_enlarger .bottom.has-package .action-btn:first-child:active,
#image_upload > .upload-container header a.action-btn.black:focus,
#image_upload > .upload-container header a.action-btn.black:active,
#single-collection-top .cta-main-container > li > a:focus,
#single-collection-top .cta-main-container > li > a:active,
#single-collection-top .cta-main-container li.collection-delete a.action-btn:focus,
#single-collection-top .cta-main-container li.collection-delete a.action-btn:active,
a.dialogbutton.dialog-cancel:focus,
a.dialogbutton.dialog-cancel:active,
header .tool-bar ul.actions-bar.group-btns.blue li a.group-btn.tip-trigger.group-edit:focus,
header .tool-bar ul.actions-bar.group-btns.blue li a.group-btn.tip-trigger.group-edit:active,
#styleguide-page-footer li.new-paragraph a.group-btn:focus,
#styleguide-page-footer li.new-paragraph a.group-btn:active,
#styleguide-page-footer li.new-embed-toolbar a.group-btn:focus,
#styleguide-page-footer li.new-embed-toolbar a.group-btn:active,
.wf-wrapper .btn:focus,
.wf-wrapper .btn:active,
.wf-wrapper .btn-default:focus,
.wf-wrapper .btn-default:active,
.wf-wrapper .btn-primary:focus,
.wf-wrapper .btn-primary:active,
.stage-btn.btn-primary:focus,
.stage-btn.btn-primary:active,
#briefingroom-modal-container .btn-primary:focus,
#briefingroom-modal-container .btn-primary:active,
#image_enlarger ul.media-info li.active .cropSave:focus,
#image_enlarger ul.media-info li.active .cropSave:active,
#styleguide-button-export:focus,
#styleguide-button-export:active,
.annotation-holder .save-annotation:focus,
.annotation-holder .save-annotation:active,
.annotation-holder .edit-annotation:focus,
.annotation-holder .edit-annotation:active,
.preset .stage-management .stage-item .responsible:focus,
.preset .stage-management .stage-item .responsible:active,
.cke_dialog a.cke_dialog_ui_button_ok:focus,
.cke_dialog a.cke_dialog_ui_button_ok:active,
.btn.btn-download-product-data:focus,
.btn.btn-download-product-data:active,
span.action-btn.green:focus,
span.action-btn.green:active,
a.action-btn.green:focus,
a.action-btn.green:active,
button.action-btn.green:focus,
button.action-btn.green:active,
#templateSettings .pull-right .btn:focus,
#templateSettings .pull-right .btn:active {
  color: #fff !important;
  background-color: #b08415 !important;
  border: 0 !important;
  border-color: #c79517;
  border-radius: 0;
  box-shadow: none;
}

#templateSettings .pull-right .btn[disabled] {
  color: #fff !important;
  background-color: #E6B12B !important;
  border: 0 !important;
}

button.btn-switch {
  background: none !important;
  color: #7ab03f !important;
  border: 0 !important;
}
button.btn-switch:hover, button.btn-switch:focus {
  background: none !important;
  color: #000 !important;
}
button.btn-switch .active {
  background: none;
  color: #CF000F !important;
}
button.btn-switch .active:hover, button.btn-switch .active:focus {
  background: none !important;
  color: #000 !important;
}

/* Secondary buttons / Cancel buttons */
a.action-btn.cancel,
a.action-btn.action-cancel,
a.action-btn.cancel-request,
a.action-btn.gray,
a.action-btn.cancel-bulk,
a.action-cancel,
a.cancel-bulk,
a#styleguide-save,
button.cancel,
button.action-btn.cancel,
button.action-btn.blue.cancel,
button.btn-default.cancel,
button.redhover,
.annotation-holder .remove-annotation,
a.dialogbutton.dialog-cancel,
a.cke_dialog_ui_button_cancel,
.content-container .page-component .form-actions a.action-btn.gray,
.import-asset-button-container #assetImportButton,
.stage-nav .stage-btn.pull-left.previous-stage {
  max-height: 40px;
  color: #fff !important;
  background-color: #3357B5 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: unset;
}
a.action-btn.cancel:hover,
a.action-btn.action-cancel:hover,
a.action-btn.cancel-request:hover,
a.action-btn.gray:hover,
a.action-btn.cancel-bulk:hover,
a.action-cancel:hover,
a.cancel-bulk:hover,
a#styleguide-save:hover,
button.cancel:hover,
button.action-btn.cancel:hover,
button.action-btn.blue.cancel:hover,
button.btn-default.cancel:hover,
button.redhover:hover,
.annotation-holder .remove-annotation:hover,
a.dialogbutton.dialog-cancel:hover,
a.cke_dialog_ui_button_cancel:hover,
.content-container .page-component .form-actions a.action-btn.gray:hover,
.import-asset-button-container #assetImportButton:hover,
.stage-nav .stage-btn.pull-left.previous-stage:hover {
  color: #fff !important;
  background-color: #28448d !important;
  border: 0 !important;
}
a.action-btn.cancel:active,
a.action-btn.action-cancel:active,
a.action-btn.cancel-request:active,
a.action-btn.gray:active,
a.action-btn.cancel-bulk:active,
a.action-cancel:active,
a.cancel-bulk:active,
a#styleguide-save:active,
button.cancel:active,
button.action-btn.cancel:active,
button.action-btn.blue.cancel:active,
button.btn-default.cancel:active,
button.redhover:active,
.annotation-holder .remove-annotation:active,
a.dialogbutton.dialog-cancel:active,
a.cke_dialog_ui_button_cancel:active,
.content-container .page-component .form-actions a.action-btn.gray:active,
.import-asset-button-container #assetImportButton:active,
.stage-nav .stage-btn.pull-left.previous-stage:active {
  color: #fff !important;
  background-color: #28448d !important;
  border: 0 !important;
  box-shadow: none !important;
}
a.action-btn.cancel:focus,
a.action-btn.action-cancel:focus,
a.action-btn.cancel-request:focus,
a.action-btn.gray:focus,
a.action-btn.cancel-bulk:focus,
a.action-cancel:focus,
a.cancel-bulk:focus,
a#styleguide-save:focus,
button.cancel:focus,
button.action-btn.cancel:focus,
button.action-btn.blue.cancel:focus,
button.btn-default.cancel:focus,
button.redhover:focus,
.annotation-holder .remove-annotation:focus,
a.dialogbutton.dialog-cancel:focus,
a.cke_dialog_ui_button_cancel:focus,
.content-container .page-component .form-actions a.action-btn.gray:focus,
.import-asset-button-container #assetImportButton:focus,
.stage-nav .stage-btn.pull-left.previous-stage:focus {
  color: #fff !important;
  background-color: #28448d !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Success button */
.stage-btn.success {
  padding: 0 15px;
  background-color: #E6B12B;
  border: 0;
}
.stage-btn.success:hover {
  background-color: #c79517;
}
.stage-btn.success:active {
  background-color: #b08415;
}
.stage-btn.success .fa {
  margin-left: 5px;
  line-height: 30px;
}

/* Setup wizard buttons */
.content .setup-lookfeel .select .upload-btn,
.content .upload-media .select .upload-btn,
.content .add-brands .board .addBrand,
.content .add-brands .board .addCategory,
.content .upload-media .select .upload-btn-review,
.setup-wizard nav .navigation .next,
.wizard-btn.addBrand,
.setup-wizard nav .navigation .previous {
  color: #fff !important;
}
.content .setup-lookfeel .select .upload-btn:hover,
.content .upload-media .select .upload-btn:hover,
.content .add-brands .board .addBrand:hover,
.content .add-brands .board .addCategory:hover,
.content .upload-media .select .upload-btn-review:hover,
.setup-wizard nav .navigation .next:hover,
.wizard-btn.addBrand:hover,
.setup-wizard nav .navigation .previous:hover {
  color: #fff !important;
  background-color: #c79517 !important;
}
.content .setup-lookfeel .select .upload-btn:focus,
.content .upload-media .select .upload-btn:focus,
.content .add-brands .board .addBrand:focus,
.content .add-brands .board .addCategory:focus,
.content .upload-media .select .upload-btn-review:focus,
.setup-wizard nav .navigation .next:focus,
.wizard-btn.addBrand:focus,
.setup-wizard nav .navigation .previous:focus {
  color: #fff !important;
  background-color: #b08415 !important;
}
.content .setup-lookfeel .select .upload-btn:active,
.content .upload-media .select .upload-btn:active,
.content .add-brands .board .addBrand:active,
.content .add-brands .board .addCategory:active,
.content .upload-media .select .upload-btn-review:active,
.setup-wizard nav .navigation .next:active,
.wizard-btn.addBrand:active,
.setup-wizard nav .navigation .previous:active {
  color: #fff !important;
  background-color: #b08415 !important;
}

button.icon-close,
.modal-close {
  color: #fff;
  background-color: #3357B5;
}

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

.bg-primary {
  background-color: #E6B12B;
}

ul.group-btns.blue li a.group-btn:active {
  background-color: transparent;
}

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

#styleguide-page-footer li.new-embed-toolbar a.group-btn:hover .fa {
  color: #fff;
}

.stage-nav .stage-btn.pull-left.previous-stage {
  padding: 0 15px;
  height: 30px;
  line-height: 28px;
}

/*=======================
HEADER
=======================*/
header.base {
  min-width: 100%;
  height: auto;
  background: #fff;
  box-shadow: none;
  z-index: 99;
  transition: top 300ms;
}

header.base.small {
  top: -50px;
}
header.base.small .nav-bar a.account-logo {
  height: 60px;
  max-height: 60px;
  line-height: 60px;
  margin-top: 0;
}
header.base.small .nav-bar a.account-logo img {
  max-height: 42px;
  margin: 9px 0;
}

/* Admin-bar section */
header > .admin-bar {
  height: 50px;
  margin: 0 auto;
  padding: 0 20px;
  background: #fff;
  font-size: 14px;
  box-shadow: none;
  z-index: auto;
  position: relative;
  width: 100%;
  max-width: 1440px !important;
  margin: 0 auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

a.admin-bar-logo.powered,
a.admin-bar-logo {
  height: 50px;
  line-height: 50px;
  margin: 0;
  background-position: 0 50%;
  opacity: 0.6;
  transition: transform ease 0.6s;
}
a.admin-bar-logo.powered:hover,
a.admin-bar-logo:hover {
  opacity: 1;
}

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

.unit-switch-container a.unit-dropdown,
.unit-switch-container.show a.unit-dropdown {
  padding: 0 25px 0 10px;
  color: #4B4B4A;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  left: 260px;
  transition: all 200ms ease;
}
.unit-switch-container a.unit-dropdown > span,
.unit-switch-container.show a.unit-dropdown > span {
  top: 0;
  right: 12px;
  line-height: 32px;
}
.unit-switch-container a.unit-dropdown > span .fa-caret-down,
.unit-switch-container.show a.unit-dropdown > span .fa-caret-down {
  transition: all 200ms ease;
}
.unit-switch-container a.unit-dropdown:hover,
.unit-switch-container.show a.unit-dropdown:hover {
  color: #3357B5;
  background-color: #fff;
  border-color: #3357B5;
}
.unit-switch-container a.unit-dropdown:hover > span .fa-caret-down,
.unit-switch-container.show a.unit-dropdown:hover > span .fa-caret-down {
  color: #3357B5;
}

.unit-switch-container.show a.unit-dropdown {
  border-color: #3357B5;
}

.unit-switch-container .unit-switch-list li input:hover {
  border-color: #3357B5;
}
.unit-switch-container .unit-switch-list li input:focus {
  border-color: #3357B5;
}

.unit-switch-container.show .unit-switch-dropdown {
  top: 32px;
  margin-top: 10px;
  left: 260px;
  border-radius: 0;
}

.unit-switch-container.show .unit-switch-dropdown .auto-complete {
  box-shadow: none;
  border-radius: 0;
}

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

ul.ui-autocomplete .ui-state-focus {
  color: #fff !important;
  background: #E6B12B !important;
  transition: none;
}

/* Admin-right */
.admin-right li a,
.admin-right li a .fa {
  transition: all 200ms ease;
}

.admin-right ul li:hover > a {
  color: #E6B12B;
  background-color: rgba(0, 0, 0, 0.1);
  transition: all 200ms ease;
}
.admin-right ul li:hover > a:before {
  color: #E6B12B !important;
  border-color: #E6B12B !important;
}
.admin-right ul li:hover > a i.fa {
  color: #E6B12B !important;
}

/* Icons adminbar */
.admin-right i.fa,
.admin-right ul.admin-options i.fa {
  height: 50px;
  line-height: 50px;
  color: #4B4B4A;
  font-size: 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  transition: color ease 0.2s;
}
.admin-right i.fa.fa-lg,
.admin-right ul.admin-options i.fa.fa-lg {
  vertical-align: middle;
}

/* Brandstore */
ul.badges > li#shoppingCart > div.activity-dropdown .checkout-btn .fa {
  vertical-align: middle;
}

ul.badges > li#shoppingCart > div.activity-dropdown .checkout-btn .fa-chevron-right {
  position: absolute;
  height: 40px;
  line-height: 40px;
  color: #fff;
  margin-left: 5px;
  font-size: 16px;
}

.admin-right ul.badges li > a {
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  color: #4B4B4A;
  box-sizing: border-box;
}
.admin-right ul.badges li > a i.fa {
  color: #4B4B4A;
  height: 50px;
  line-height: 50px;
}

.admin-right ul.badges li > a span {
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 13px 0 0 5px;
  padding: 0;
  background-color: #E6B12B;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  transition: all 200ms ease, transform ease 0.6s;
}

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

/* Notification center */
.notifications-list .category .pull-right,
.notifications-list .category .pull-right button.icon-group-close {
  height: 50px;
  line-height: 50px;
  margin-right: 10px;
  padding: 0;
}

.notifications-list button.icon-close:hover {
  background-color: transparent !important;
}

.notifications-list button.icon-group-close .fa {
  font-size: 18px;
  color: #b7b7b7;
  transition: all 200ms ease;
}

.notifications-list button.icon-group-close:hover,
.notifications-list button.icon-group-close:focus,
.notifications-list button.icon-group-close:active {
  background-color: transparent !important;
}
.notifications-list button.icon-group-close:hover .fa,
.notifications-list button.icon-group-close:focus .fa,
.notifications-list button.icon-group-close:active .fa {
  color: #E6B12B !important;
}

/* Profile & Settings */
ul.admin-options > li > a {
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  font-size: 14px;
  color: #4B4B4A;
}
ul.admin-options > li > a:hover.fa,
ul.admin-options > li > a:hover .fa-caret-down {
  color: #E6B12B !important;
}

ul.admin-options > li > a.profile > .avatar {
  position: relative;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin: 12.5px 10px 0 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  text-align: center;
  z-index: 20;
}

ul.admin-options > li > a.profile:before {
  content: "\f2be";
  position: absolute;
  width: 25px;
  height: 50px;
  line-height: 50px;
  left: 10px;
  margin: 0;
  color: #4B4B4A;
  font-family: fontAwesome;
  font-size: 20px;
  box-sizing: border-box;
  z-index: 10;
}

ul.admin-options > li > a.profile:hover:before {
  color: #E6B12B;
  border-color: #E6B12B;
  transition: color ease 0.2s;
}

ul.admin-options > li > a.settings > i.fa-caret-down,
ul.admin-options > li > a.profile > i.fa-caret-down {
  display: none;
  margin: 2px 0 0 3px;
  color: #4B4B4A;
  font-size: 14px;
}

ul.admin-options > li.touch-block.hover > a.settings > i.fa-caret-down,
ul.admin-options > li.touch-block.hover > a.profile > i.fa-caret-down {
  transition: all 200ms ease;
  transform: rotate(180deg);
}

/* Adminbar dropdown */
ul.admin-options > li > div.admin-dropdown {
  top: 50px;
  padding: 0;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

ul.admin-options > li > div.admin-dropdown .fa {
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  margin: 0 4px 0 0;
}

.admin-right ul.single i.fa {
  font-size: 14px;
}

.admin-right ul.admin-options .admin-dropdown ul.single .fa {
  width: auto;
  color: #4B4B4A;
}

ul.badges > li.active div.activity-dropdown,
ul.badges > li#shoppingCart > .activity-dropdown,
ul.badges > li.active .activity-dropdown,
ul.admin-options > li > div.admin-dropdown,
ul.admin-options > li.hover > .admin-dropdown,
ul.admin-options > li > div.admin-dropdown ul.single li.sub div.admin-dropdown-sub {
  border: 0;
  border-radius: 0 0 0 0;
  z-index: 120;
}

ul.admin-options > li > div.admin-dropdown ul.single li a.admin-option,
ul.admin-options > li > div.admin-dropdown ul.single li.sub div.admin-dropdown-sub ul.single-sub li a.admin-option-sub {
  height: auto;
  line-height: normal;
  padding: 10px 20px;
  color: #4B4B4A;
}
ul.admin-options > li > div.admin-dropdown ul.single li a.admin-option:after,
ul.admin-options > li > div.admin-dropdown ul.single li.sub div.admin-dropdown-sub ul.single-sub li a.admin-option-sub:after {
  content: "";
  position: absolute;
  width: auto;
  height: 1px;
  right: 20px;
  bottom: 0;
  left: 20px;
  background-color: #f2f2f2;
}

ul.admin-options > li.touch-block > .admin-dropdown ul.single > li:not(.logout):last-of-type a.admin-option:after,
ul.admin-options > li > div.admin-dropdown ul.single li.sub div.admin-dropdown-sub ul.single-sub li:last-of-type a.admin-option-sub:after {
  display: none;
}

ul.admin-options > li > div.admin-dropdown ul.single li:first-of-type a.admin-option {
  padding-top: 12px;
}

ul.admin-options > li > div.admin-dropdown ul.single li:last-of-type a.admin-option {
  padding-bottom: 12px;
}

ul.admin-options > li > div.admin-dropdown ul.single li.sub div.admin-dropdown-sub ul.single-sub li a.admin-option-sub {
  background: #fff;
}

ul.admin-options > li > div.admin-dropdown ul.single li.sub div.admin-dropdown-sub {
  margin: 0 0 0 4px;
  padding: 0;
  background: #fff;
}

ul.admin-options > li > div.admin-dropdown ul.single li.sub div.admin-dropdown-sub ul.single-sub li a.admin-option-sub:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

ul.admin-options > li > div.admin-dropdown ul.single li.sub:hover:before,
ul.admin-options > li > div.admin-dropdown ul.single li.sub.hover:before,
ul.admin-options > li > div.admin-dropdown ul.single li.sub.noHover.hover:before,
ul.admin-options > li > div.admin-dropdown ul.single li.sub.noHover.hover:hover:before {
  top: 11px;
}

ul.admin-options > li > div.admin-dropdown ul.single li.sub a {
  padding: 10px 10px 10px 20px;
  transition: padding ease 0.6s;
}
ul.admin-options > li > div.admin-dropdown ul.single li.sub a:hover {
  padding-left: 10px;
}

ul.admin-options > li > div.admin-dropdown ul.single li.sub .admin-dropdown-sub ul.single li a {
  padding-left: 20px;
}
ul.admin-options > li > div.admin-dropdown ul.single li.sub .admin-dropdown-sub ul.single li a:hover {
  padding-left: 20px;
}

ul.admin-options > li > div.admin-dropdown ul.single li.sub:before {
  content: "\f104";
  position: absolute;
  color: #4B4B4A;
  font-family: "FontAwesome";
  font-size: 16px;
  top: 10px;
  left: 10px;
}

ul.admin-options > li > div.admin-dropdown ul.single li.sub:hover:before,
ul.admin-options > li > div.admin-dropdown ul.single li.sub.hover:before,
ul.admin-options > li > div.admin-dropdown ul.single li.sub.noHover.hover:before,
ul.admin-options > li > div.admin-dropdown ul.single li.sub.noHover.hover:hover:before {
  top: 11px;
}

/* Logout */
.admin-right ul.admin-options > li > div.admin-dropdown ul.single li.logout {
  padding: 10px;
}

.admin-right ul.admin-options .admin-dropdown ul.single li.logout button .fa-power-off {
  color: #fff;
  font-size: 12px;
  vertical-align: baseline;
}

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

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

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

ul.badges #taskFeed a.action-btn.download-task .fa-download {
  color: #fff;
}

.open-image-bank ul.admin-options > li > a.profile:before {
  display: none;
}

ul.admin-options > li > a.profile[title=Login]:before {
  display: none;
}

/*=======================
NAVIGATION SECTION / NAVBAR SECTION
=======================*/
header .nav-bar {
  height: 60px;
  margin: 0 auto;
  padding: 0 20px;
  background: #fff;
  border-bottom: 0;
  text-align: right;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  z-index: auto;
  transition: all 200ms ease;
  position: relative;
  width: 100%;
  max-width: 1440px !important;
  margin: 0 auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
header .nav-bar:before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
header .nav-bar:after {
  content: "";
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

header .nav-bar a.account-logo {
  width: auto;
  height: 110px;
  max-height: 110px;
  line-height: 110px;
  margin: 0;
  border-radius: 0;
  margin-top: -50px;
  transition: all 200ms ease;
}

header .nav-bar a.account-logo img {
  max-height: 54px;
  margin: 28px 0;
  transition: all 200ms ease;
  vertical-align: top;
}

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

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

header .nav-bar .nav-main li a {
  height: 60px;
  line-height: 60px;
  margin: 0;
  padding: 0 10px;
  color: #3357B5;
  font-weight: 400;
  font-size: 14px;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
header .nav-bar .nav-main li a:after {
  content: "";
  position: relative;
  display: block;
  width: 0;
  height: 3px;
  top: auto;
  bottom: 4px;
  margin: auto;
  background: transparent;
  transition: width 0.2s ease, background-color 0.2s ease;
}
header .nav-bar .nav-main li a:hover:after {
  width: 100%;
  background: #E6B12B;
}
header .nav-bar .nav-main li a:active:after {
  background-color: #b08415;
}
header .nav-bar .nav-main li a.active {
  color: #E6B12B;
}
header .nav-bar .nav-main li a .fa {
  display: none;
}

/* Responsive navigation */
header .nav-bar .nav-main li.hidden-nav {
  z-index: 9;
}

header .nav-bar .nav-main li.hidden-nav ul {
  background-color: #fff;
}

header .nav-bar .nav-main li.hidden-nav a:hover:after {
  background: transparent;
}

header .nav-bar .nav-main li.hidden-nav > ul {
  border: 1px solid #CFD1D1;
  border-top: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
header .nav-bar .nav-main li.hidden-nav > ul:after {
  position: absolute;
  top: -10px;
  left: 10px;
  border-width: 5px 8px 5px 8px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.25) transparent;
  content: "";
}

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

/* Upload media button / CTA button */
header .nav-bar .cta-main-container,
#LayoutCompact #upload-compact-actions {
  height: 42px;
  line-height: 42px;
  margin: 9px 0 0 0;
}

.cta-main-container li a.cta-main,
#styleguide-button-export,
#LayoutCompact #upload-compact-actions #uploadMedia .upload-btn {
  height: 42px;
  line-height: 42px;
  margin: 0;
  padding: 0 14px;
  background: #E6B12B;
  color: #fff;
  font-size: 14px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: all 200ms ease;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
}
.cta-main-container li a.cta-main:hover,
#styleguide-button-export:hover,
#LayoutCompact #upload-compact-actions #uploadMedia .upload-btn:hover {
  background: #c79517;
  color: #fff !important;
}
.cta-main-container li a.cta-main:active,
#styleguide-button-export:active,
#LayoutCompact #upload-compact-actions #uploadMedia .upload-btn:active {
  background: #b08415;
}
.cta-main-container li a.cta-main .fa-cloud-upload, .cta-main-container li a.cta-main .fa-briefcase,
#styleguide-button-export .fa-cloud-upload,
#styleguide-button-export .fa-briefcase,
#LayoutCompact #upload-compact-actions #uploadMedia .upload-btn .fa-cloud-upload,
#LayoutCompact #upload-compact-actions #uploadMedia .upload-btn .fa-briefcase {
  display: inline-block;
  margin-right: 5px;
}
.cta-main-container li a.cta-main .fa,
#styleguide-button-export .fa,
#LayoutCompact #upload-compact-actions #uploadMedia .upload-btn .fa {
  vertical-align: baseline;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  transition: all 200ms ease;
}
.cta-main-container li a.cta-main .fa.fa-cloud-upload, .cta-main-container li a.cta-main .fa.fa-briefcase, .cta-main-container li a.cta-main .fa.fa-print,
#styleguide-button-export .fa.fa-cloud-upload,
#styleguide-button-export .fa.fa-briefcase,
#styleguide-button-export .fa.fa-print,
#LayoutCompact #upload-compact-actions #uploadMedia .upload-btn .fa.fa-cloud-upload,
#LayoutCompact #upload-compact-actions #uploadMedia .upload-btn .fa.fa-briefcase,
#LayoutCompact #upload-compact-actions #uploadMedia .upload-btn .fa.fa-print {
  display: none;
}

.cta-main-container li a.cta-main {
  background: #E6B12B;
  color: #fff !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: background ease 0.2s, color ease 0.2s;
}
.cta-main-container li a.cta-main:hover {
  background: #c79517;
  color: #fff !important;
}
.cta-main-container li a.cta-main:active {
  background: #b08415;
}

header .nav-bar .cta-main-container li:first-child a {
  border-radius: 0 0 0 0;
}

header .nav-bar .cta-main-container li:last-of-type a {
  border-radius: 0 0 0 0;
  border-left: none;
}

header .nav-bar .cta-main-container li:only-of-type a {
  border-radius: 0 !important;
}

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

html.dashboard header .nav-bar .cta-main-container #uploadMedia a,
body[data-module=media] header .nav-bar .cta-main-container #uploadMedia a {
  border-radius: 0 0 0 0;
}

header .nav-bar .cta-main-container li a.cta-main.cta-dropdown-trigger {
  width: auto;
  height: 42px;
  padding: 0 14px;
  border-radius: 0 0 0 0;
}

header .nav-bar .cta-main-container li ul.cta-dropdown {
  right: 0;
  border-radius: 0;
  min-width: 178px;
  transition: color ease 0.2s;
}

header .nav-bar .cta-main-container li ul.cta-dropdown > li > a {
  padding: 0 10px;
  line-height: 42px;
}

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

/* Searchbar section */
.nav-bar-search {
  width: 314px;
  height: 36px;
  line-height: 36px;
  margin: 7px 0 0 0;
  left: 50%;
  font-size: 14px;
  color: #4B4B4A;
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  z-index: 120;
  transform: translateX(-50%);
  box-sizing: border-box;
}
.nav-bar-search:before {
  width: calc(100% - 70px);
  bottom: 2px;
  height: 1px;
  content: "";
  left: 35px;
  right: 35px;
  background: #4B4B4A;
  position: absolute;
  box-sizing: border-box;
}

.nav-bar-search input.search {
  width: 314px;
  height: 36px;
  margin: 0;
  padding: 0 35px;
  font-size: 14px;
  color: #4B4B4A;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 0;
  box-sizing: border-box;
}
.nav-bar-search input.search:focus {
  border-color: #e9eaec;
  background: #fff;
  color: #4B4B4A;
}

.nav-bar-search input.search {
  transition: all 200ms ease;
}
.nav-bar-search input.search::-webkit-input-placeholder {
  color: #4B4B4A !important;
  transition: all 200ms ease;
}
.nav-bar-search input.search:-moz-placeholder {
  color: #4B4B4A !important;
  transition: all 200ms ease;
}
.nav-bar-search input.search::-moz-placeholder {
  color: #4B4B4A !important;
  transition: all 200ms ease;
}
.nav-bar-search input.search:-ms-input-placeholder {
  color: #4B4B4A !important;
  transition: all 200ms ease;
}
.nav-bar-search input.search:focus::-webkit-input-placeholder {
  color: #3357B5 !important;
}
.nav-bar-search input.search:focus:-moz-placeholder {
  color: #3357B5 !important;
}
.nav-bar-search input.search:focus::-moz-placeholder {
  color: #3357B5 !important;
}
.nav-bar-search input.search:focus:-ms-input-placeholder {
  color: #3357B5 !important;
}

.nav-bar-search a.spotlightClear,
.nav-bar-search .spotlightLoader,
.nav-bar-search .search-icon {
  width: 30px;
  height: 36px;
  line-height: 36px;
  top: 0;
  color: #4B4B4A;
  font-size: 16px;
  text-align: center;
}
.nav-bar-search a.spotlightClear:hover,
.nav-bar-search .spotlightLoader:hover,
.nav-bar-search .search-icon:hover {
  color: #E6B12B !important;
  transition: color ease 0.2s;
}

.nav-bar-search .search-icon {
  width: 40px;
  line-height: 36px;
  top: 0;
  left: auto;
  right: 0;
  position: absolute;
}

.nav-bar-search a.spotlightClear,
.nav-bar-search .spotlightLoader {
  width: 40px;
  left: 0;
}

/* Search results */
.nav-bar-search .nav-bar-searchbox {
  width: 314px;
  top: 41px;
  padding: 0;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.nav-bar-search .nav-bar-searchbox:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #CFD1D1 rgba(0, 0, 0, 0);
}

.nav-bar-search .nav-bar-searchbox ul li a p.searchbox-title {
  height: 40px;
  line-height: 40px;
  font-weight: 400;
}

.nav-bar-search .nav-bar-searchbox ul li a span,
.nav-bar-search .nav-bar-searchbox ul li a.header span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #72BFCB;
  border-radius: 0;
  text-transform: uppercase;
}

.nav-bar-search #suggestMediaItemPreview {
  border-radius: 0;
}

.nav-bar-search .spotlight-tag a i.fa {
  width: auto;
}

/* Dashboard search */
.nav-bar-search.dashboard-search,
.nav-bar-search.dashboard-search input.search {
  height: 45px;
  line-height: 45px;
  color: #4B4B4A;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  z-index: 90;
  border: 0;
}

.nav-bar-search.dashboard-search {
  margin: 0;
  top: 490px;
  left: 50%;
  transform: translateX(-50%);
  border: 0;
}
.nav-bar-search.dashboard-search:before {
  display: none;
}

.nav-bar-search.dashboard-search input.search {
  width: 560px;
  padding: 0 95px 0 15px;
  font-size: 18px;
  color: #AAAAAA;
}
.nav-bar-search.dashboard-search input.search::-webkit-input-placeholder {
  color: #AAAAAA !important;
}
.nav-bar-search.dashboard-search input.search:-moz-placeholder {
  color: #AAAAAA !important;
}
.nav-bar-search.dashboard-search input.search::-moz-placeholder {
  color: #AAAAAA !important;
}
.nav-bar-search.dashboard-search input.search:-ms-input-placeholder {
  color: #AAAAAA !important;
}
.nav-bar-search.dashboard-search input.search:focus {
  color: #3357B5;
}
.nav-bar-search.dashboard-search input.search:focus::-webkit-input-placeholder {
  color: #3357B5 !important;
}
.nav-bar-search.dashboard-search input.search:focus:-moz-placeholder {
  color: #3357B5 !important;
}
.nav-bar-search.dashboard-search input.search:focus::-moz-placeholder {
  color: #3357B5 !important;
}
.nav-bar-search.dashboard-search input.search:focus:-ms-input-placeholder {
  color: #3357B5 !important;
}

.nav-bar-search.dashboard-search .search-icon,
.nav-bar-search.dashboard-search a.spotlightClear,
.nav-bar-search.dashboard-search .spotlightLoader {
  width: 45px;
  height: 45px;
  line-height: 45px;
  top: 0;
  font-size: 20px;
  background: #E6B12B;
  border-radius: 0;
}
.nav-bar-search.dashboard-search .search-icon .fa,
.nav-bar-search.dashboard-search a.spotlightClear .fa,
.nav-bar-search.dashboard-search .spotlightLoader .fa {
  color: #fff;
}

.nav-bar-search.dashboard-search .search-icon {
  width: 80px;
  left: auto;
}

.nav-bar-search.dashboard-search a.spotlightClear,
.nav-bar-search.dashboard-search .spotlightLoader {
  left: -45px;
}

.nav-bar-search.dashboard-search .nav-bar-searchbox {
  width: 470px;
  top: 56px;
}

/*=======================
DASHBOARD PAGE / HOME PAGE
=======================*/
.content-container.dashboard {
  position: static;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 655px 0 0 0;
  position: relative;
  width: 100%;
  max-width: 1440px !important;
  margin: 0 auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.content-container.dashboard > .collection-stream {
  position: static;
  float: left;
  width: 100%;
  margin: 40px auto 0 auto;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

/*=======================
DASHBOARD SLIDER SECTION
=======================*/
#carousel-holder {
  width: calc(100% - 40px);
  height: 525px;
  position: absolute;
  top: 130px;
  right: 20px;
  left: 20px;
  background: #fdfdfd;
  box-shadow: none;
  overflow: hidden;
}
#carousel-holder:before {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 30px 30px 0 0 !important;
  border-color: #ffffff transparent transparent transparent !important;
  content: "" !important;
  left: 0 !important;
  top: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
}
#carousel-holder:after {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 0 0 30px 30px !important;
  border-color: transparent transparent #ffffff transparent !important;
  content: "" !important;
  right: 0 !important;
  bottom: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
}

#carousel-holder .carousel-inner > .item {
  height: 525px;
  max-height: none;
  background: transparent;
}
#carousel-holder .carousel-inner > .item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.4) 27%, rgba(38, 34, 34, 0) 62%);
}

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

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

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

#carousel-holder .carousel-caption h3 {
  margin: 0 0 32px 0;
  font-weight: 700;
  font-size: 35px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
  text-transform: uppercase;
}

#carousel-holder .carousel-caption p {
  margin: 0 0 37px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  text-align: center;
}

#carousel-holder .carousel-caption a.read-more {
  height: auto;
  display: none;
  line-height: 17px;
  margin: 0;
  padding: 11px 15px;
  font-size: 14px;
  color: #fff;
  border: 0;
  font-weight: 400 !important;
  text-transform: uppercase;
  border-radius: 0;
  background-color: #E6B12B;
  background: linear-gradient(-46deg, transparent 8px, #E6B12B 0) top left;
}
#carousel-holder .carousel-caption a.read-more:hover {
  background: linear-gradient(-46deg, transparent 8px, #c79517 0) top left !important;
}
#carousel-holder .carousel-caption a.read-more:focus {
  background: linear-gradient(-46deg, transparent 8px, #b08415 0) top left !important;
}

#carousel-holder a.carousel-control {
  opacity: 1;
}
#carousel-holder a.carousel-control i.fa {
  height: 50px;
  line-height: 50px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.2);
  transition: background-color 0.2s ease-out;
}
#carousel-holder a.carousel-control:hover i.fa {
  color: #E6B12B;
  background: #fff;
}

#carousel-holder a.carousel-control.right {
  right: -50px;
  opacity: 0;
  transition: right ease 0.2s, opacity ease 0.2s, color ease 0.2s !important;
}

#carousel-holder:hover a.carousel-control.right {
  right: 20px;
  opacity: 1;
}

#carousel-holder a.carousel-control.left {
  left: -50px;
  opacity: 0;
  transition: left ease 0.2s, opacity ease 0.2s, color ease 0.2s !important;
}

#carousel-holder:hover a.carousel-control.left {
  left: 20px;
  opacity: 1;
}

#carousel-holder a.carousel-control,
#carousel-holder a.carousel-control:hover,
#carousel-holder a.carousel-control:focus, a.carousel-control:active {
  display: block !important;
  color: #fff;
  transition: all 0.2s ease-out;
  opacity: 1;
}

.carousel-indicators {
  display: none;
}
.carousel-indicators li {
  width: 14px;
  height: 14px;
  margin: 0 2px 0 0;
  border: none;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.6);
}
.carousel-indicators li:hover {
  background: rgba(230, 177, 43, 0.9);
}
.carousel-indicators li.active {
  width: 14px;
  height: 14px;
  margin: 0 2px 0 0;
  background: rgba(255, 255, 255, 0.9);
}
.carousel-indicators li:only-child {
  display: none;
}

/*=======================
DASHBOARD NAVIGATION TILES SECTION
=======================*/
.content-container.dashboard .navigation-tiles {
  width: calc(100% + 10px);
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  overflow: hidden;
  margin: -10px 0 39px -10px;
}

.navigation-tiles .navigation-tile {
  width: calc(33.33333% - 10px);
  height: 280px;
  margin: 10px 0 0 10px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 50;
}
.navigation-tiles .navigation-tile:before {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 30px 30px 0 0 !important;
  border-color: #ffffff transparent transparent transparent !important;
  content: "" !important;
  left: 0 !important;
  top: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
}
.navigation-tiles .navigation-tile:after {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 0 0 30px 30px !important;
  border-color: transparent transparent #ffffff transparent !important;
  content: "" !important;
  right: 0 !important;
  bottom: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
}

.navigation-tiles .navigation-tile:first-child:nth-last-child(1) {
  width: calc(33.33333% - 10px);
}

.navigation-tiles .navigation-tile:first-child:nth-last-child(2),
.navigation-tiles .navigation-tile:first-child:nth-last-child(2) ~ .navigation-tile {
  width: calc(33.33333% - 10px);
}

.navigation-tiles .navigation-tile:first-child:nth-last-child(3),
.navigation-tiles .navigation-tile:first-child:nth-last-child(3) ~ .navigation-tile {
  width: calc(33.33333% - 10px);
}

/* Amount of navtiles per row */
.navigation-tiles .navigation-tile:nth-of-type(3n) {
  margin-right: 0;
}

.navigation-tiles .navigation-tile a {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  background: transparent;
  transition: background ease 0.3s !important;
}
.navigation-tiles .navigation-tile a:hover {
  background: #E6B12B;
}

.navigation-tiles .navigation-tile a .navigation-image {
  position: relative;
  width: 100%;
  height: 280px;
  background-color: #fdfdfd;
  background-repeat: no-repeat;
  transition: 600ms;
  z-index: 10;
  filter: none;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
}

.navigation-tiles .navigation-tile a .navigation-image:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0;
  transition: all 200ms ease;
}

.navigation-tiles .navigation-tile:hover a .navigation-image {
  transform: scale(1.06);
}

.navigation-tiles .navigation-tile:hover a .navigation-image:before {
  background: transparent;
}

.navigation-tiles .navigation-tile a .navigation-content,
.navigation-tiles .navigation-tile a .navigation-image + .navigation-content {
  position: absolute;
  width: 100%;
  max-height: 200px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  padding: 10px;
  color: #fff;
  background: transparent;
  text-align: left;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 30;
}

.navigation-tiles .navigation-tile a:hover .navigation-content h1,
.navigation-tiles .navigation-tile a:hover .navigation-content p {
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.navigation-tiles .navigation-tile a .navigation-image + .navigation-content h1,
.navigation-tiles .navigation-tile a .navigation-content h1 {
  margin: 0 0 10px;
  padding: 0;
  background: transparent;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  word-break: break-word;
  transition: color ease 0.2s;
  letter-spacing: 0;
  line-height: 26px;
}

.navigation-tiles .navigation-tile a .navigation-image + .navigation-content p,
.navigation-tiles .navigation-tile a .navigation-content p {
  margin: 0;
  padding: 0;
  background: transparent;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color ease 0.2s;
  letter-spacing: 0;
  line-height: 24px;
}

.navigation-tiles .navigation-tile a .navigation-content h1,
.navigation-tiles .navigation-tile a .navigation-content p {
  color: #4B4B4A;
}

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

/*=======================
DASHBOARD COLLECTIONS SECTION / FEATURED COLLECTIONS SECTION
=======================*/
.featured-news {
  position: relative;
  margin-bottom: 40px;
}
.featured-news:before {
  position: relative;
  content: "NEWS ARTICLE";
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #4B4B4A;
  display: block;
  margin: 10px 0 31px 0;
}
.featured-news:after {
  position: absolute;
  width: 100%;
  max-width: 200px;
  background: #E6B12B;
  height: 2px;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
}

.featured-collections {
  position: relative;
}
.featured-collections:before {
  position: relative;
  content: "FEATURED COLLECTION";
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #4B4B4A;
  display: block;
  margin: 10px 0 31px 0;
}
.featured-collections:after {
  position: absolute;
  width: 100%;
  max-width: 200px;
  background: #E6B12B;
  height: 2px;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
}

.collection {
  margin-bottom: 100px;
  border-bottom: 1px solid #eee;
}

.featured-collections .collection {
  margin-bottom: 0;
  border: 0;
}

.column-left:before,
.column-left:after,
.column-right .media-left a:before,
.column-right .media-right a:before,
.column-right .media-left a:after,
.column-right .media-right a:after {
  border: 0;
}

.column-right a.small,
.column-right a.big,
.column-left a.main {
  height: 320px;
}

.column-left,
.column-right {
  float: left;
  width: 66.6667%;
  margin: 0;
}

.column-left {
  width: 33.3333%;
  height: 640px;
}

.column-left a.description {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: auto;
  height: 320px;
  max-height: none;
  padding: 60px 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border: 0;
  border-bottom: 40px solid #fff;
  background: #eee;
}

.column-left a.description h1 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 300;
  text-transform: uppercase;
}

.column-left a.description p {
  font-size: 16px;
  color: #555;
}

.column-left a.description time {
  color: #777;
}

.column-left:after {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 30px 30px 0 0 !important;
  border-color: #ffffff transparent transparent transparent !important;
  content: "" !important;
  left: 0 !important;
  top: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
}

.column-left a.description.clearfix:after {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 30px 30px 0 0 !important;
  border-color: #ffffff transparent transparent transparent !important;
  content: "" !important;
  left: 0 !important;
  top: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
}

.media-right:before {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 0 0 30px 30px !important;
  border-color: transparent transparent #ffffff transparent !important;
  content: "" !important;
  right: 25px !important;
  bottom: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
  top: 596px;
}

.column-left a.main:after {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 30px 0 30px 30px !important;
  border-color: transparent transparent transparent #fff !important;
  content: "" !important;
  left: 0 !important;
  top: 250px !important;
  position: absolute !important;
  z-index: 50 !important;
  top: 85px;
}

.column-left a.description.clearfix:before {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 30px 0 30px 30px !important;
  border-color: transparent transparent transparent #fff !important;
  content: "" !important;
  left: 0 !important;
  top: 250px !important;
  position: absolute !important;
  z-index: 50 !important;
  top: 85px;
}

.column-right .media-left a:after,
.column-right .media-right a:after,
.column-left a.main:before {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  content: "";
}

.column-right .media-right a.small:before {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 30px 0 30px 30px !important;
  border-color: #fff transparent transparent transparent !important;
  content: "" !important;
  right: 0px !important;
  bottom: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
  left: 420px;
  top: 0;
}

.media-right a.big:before {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 30px 0 30px 30px !important;
  border-color: #fff transparent transparent transparent !important;
  content: "" !important;
  right: 0px !important;
  bottom: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
  left: 420px;
  top: 0;
}

.media-right:after {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 0 0 30px 30px !important;
  border-color: transparent transparent #ffffff transparent !important;
  content: "" !important;
  right: 25px !important;
  bottom: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
  top: 277px;
}

.column-right .media-left a:after {
  background-color: #eee;
}

.collection span.label,
.news-content span.label {
  position: absolute;
  top: -60px;
  left: 50%;
  width: 690px;
  height: auto;
  margin-left: -345px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  line-height: 24px;
  color: #555;
  text-align: center;
  background-color: transparent;
}

.collection span.label:before, .news-content span.label:before {
  position: absolute;
  top: -18px;
  left: 50%;
  width: 200px;
  height: 2px;
  margin-left: -100px;
  background-color: orange;
  content: "";
}

.collection span.label > i.fa, .news-content span.label > i.fa, .collection.news a.read-more > i.fa, .collection.news time {
  display: none;
}

/*=======================
DASHBOARD NEWS SECTION / FEATURED NEWS
=======================*/
.collection.news {
  margin: 0 0 20px 0;
  padding: 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  position: relative;
}
.collection.news:before {
  background: rgba(51, 87, 181, 0.2);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.collection.news .news-content {
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  max-height: 400px;
  overflow: hidden;
  z-index: 1;
}
.collection.news span.label, .collection.news time {
  display: none;
}
.collection.news .news-image {
  position: relative;
  height: 400px;
  border-radius: 0;
  overflow: hidden;
}
.collection.news .news-image:before {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 30px 30px 0 0 !important;
  border-color: #ffffff transparent transparent transparent !important;
  content: "" !important;
  left: 0 !important;
  top: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
}
.collection.news .news-image:after {
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 0 0 30px 30px !important;
  border-color: transparent transparent #ffffff transparent !important;
  content: "" !important;
  right: 0 !important;
  bottom: 0 !important;
  position: absolute !important;
  z-index: 50 !important;
}
.collection.news .news-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.collection.news h1, .collection.news h1 a {
  font-size: 30px;
  color: #fff;
  line-height: 36px;
  margin: 0 0 30px 0;
  font-weight: 700;
}
.collection.news h2 {
  font-size: 26px;
  color: #fff;
  line-height: 29px;
  margin: 0 0 30px 0;
  font-weight: 700;
}
.collection.news p {
  color: #fff;
  font-size: 19px;
  line-height: 21px;
  margin: 0 auto 36px auto;
  width: 100%;
  max-width: 700px;
}
.collection.news p:first-of-type {
  text-align: left;
}
.collection.news a.read-more {
  color: #fff;
  text-align: center;
  display: inline-block;
  height: auto;
  line-height: 17px;
  margin: 0;
  padding: 11px 15px;
  font-size: 14px;
  color: #fff;
  transition: all 200ms ease;
  border: 0;
  border-radius: 0;
  background-color: #E6B12B;
  font-weight: 400;
  text-transform: uppercase;
  background: linear-gradient(-46deg, transparent 8px, #E6B12B 0) top left;
}
.collection.news a.read-more .fa-chevron-right {
  display: none;
}
.collection.news a.read-more:hover {
  background: linear-gradient(-46deg, transparent 8px, #c79517 0) top left !important;
}
.collection.news a.read-more:focus {
  background: linear-gradient(-46deg, transparent 8px, #b08415 0) top left !important;
}

#single-collection-top .cta-main-container a.action-btn,
.wf-wrapper .cta-main-container .action-btn,
#single-collection-top .cta-main-container a.cta-main,
.wf-wrapper .cta-main-container a.cta-main,
#single-collection-top .cta-main-container a.cta-main.cta-dropdown-trigger,
.wf-wrapper .cta-main-container a.cta-main.cta-dropdown-trigger {
  background: #CFD1D1;
  color: #4B4B4A !important;
  font-weight: 400 !important;
  transition: all 200ms ease;
  box-sizing: border-box;
  letter-spacing: 0;
}
#single-collection-top .cta-main-container a.action-btn .fa,
.wf-wrapper .cta-main-container .action-btn .fa,
#single-collection-top .cta-main-container a.cta-main .fa,
.wf-wrapper .cta-main-container a.cta-main .fa,
#single-collection-top .cta-main-container a.cta-main.cta-dropdown-trigger .fa,
.wf-wrapper .cta-main-container a.cta-main.cta-dropdown-trigger .fa {
  color: #4B4B4A;
  max-height: 40px !important;
  line-height: 40px !important;
}
#single-collection-top .cta-main-container a.action-btn:hover,
.wf-wrapper .cta-main-container .action-btn:hover,
#single-collection-top .cta-main-container a.cta-main:hover,
.wf-wrapper .cta-main-container a.cta-main:hover,
#single-collection-top .cta-main-container a.cta-main.cta-dropdown-trigger:hover,
.wf-wrapper .cta-main-container a.cta-main.cta-dropdown-trigger:hover {
  background: #b5b8b8 !important;
  color: #fff !important;
}
#single-collection-top .cta-main-container a.action-btn:hover .fa,
.wf-wrapper .cta-main-container .action-btn:hover .fa,
#single-collection-top .cta-main-container a.cta-main:hover .fa,
.wf-wrapper .cta-main-container a.cta-main:hover .fa,
#single-collection-top .cta-main-container a.cta-main.cta-dropdown-trigger:hover .fa,
.wf-wrapper .cta-main-container a.cta-main.cta-dropdown-trigger:hover .fa {
  color: #fff !important;
}

/*=======================
DASHBOARD INTRO SECTION
=======================*/
.dashboard-intro {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #CFD1D1;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/*=======================
DASHBOARD RECENTLY ADDED MEDIA SECTION
=======================*/
.collection-stream > .lp-container {
  width: 880px;
  margin: 20px 0;
  border: 1px solid #CFD1D1;
  border-radius: 0;
}

.collection-stream > .lp-container #last-media-slider .carousel-inner .item a.img-responsive {
  width: auto;
  min-height: 100px;
  border-radius: 0;
  background-size: auto;
}

/*=======================
DASHBOARD-SIDE SECTION
=======================*/
.dashboard-side {
  position: relative;
  float: left;
  width: calc(100% + 40px);
  margin: 40px 0 0 -40px;
  padding: 40px 0 80px 0;
  top: 0;
  background: #EEEEEE;
}
.dashboard-side:before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #EEEEEE;
  z-index: 1;
  box-sizing: border-box;
}
.dashboard-side:after {
  content: "";
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #EEEEEE;
  z-index: 1;
  box-sizing: border-box;
}

.dashboard-side > div {
  position: relative;
  margin: 0 0 0 40px !important;
  padding: 0;
  background: transparent;
  color: #4B4B4A;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: calc(25% - 40px);
  float: left;
  box-sizing: border-box;
}
.dashboard-side > div.hide {
  display: none;
}

.dashboard-side > div > h3,
.transfer-settings .bynder-transfer-browse-button {
  margin: 0 0 20px 0;
  color: #3357B5;
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
}

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

.dashboard-side a .collection-thumb-holder {
  background: none;
  border: 0;
}
.dashboard-side a .collection-thumb-holder img {
  border: 2px solid white;
  box-sizing: border-box;
}

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

.dashboard-side .quicklinks ul li {
  position: relative;
  box-sizing: border-box;
}
.dashboard-side .quicklinks ul li:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f111";
  font-size: 3px;
  color: #3357B5;
  letter-spacing: 0;
  text-align: left;
  display: inline-block;
  line-height: 25px;
  vertical-align: middle;
}

.dashboard-side .quicklinks ul li a {
  position: relative;
  line-height: 25px;
  margin: 0 0 5px 0;
  padding: 0 5px;
  color: #4B4B4A;
  font-size: 14px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 200px;
  margin-left: 14px;
  transition: all 200ms ease;
  box-sizing: border-box;
}
.dashboard-side .quicklinks ul li a:after {
  display: none;
}
.dashboard-side .quicklinks ul li a:hover {
  background-color: #E6B12B;
}

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

.dashboard-side .news .news-list .news-item a {
  max-width: 240px;
  height: 30px;
  position: relative;
  margin: 0 0 10px 0;
  padding: 10px 0 20px 60px;
  color: #4B4B4A;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  transition: box-shadow ease 0.2s, color ease 0.2s;
}
.dashboard-side .news .news-list .news-item a:hover {
  color: #E6B12B;
  box-shadow: inset 0 -1px 0 0 rgba(230, 177, 43, 0.3);
}
.dashboard-side .news .news-list .news-item a:hover span {
  color: #E6B12B;
  transition: color ease 0.2s;
}

.dashboard-side .news .news-list .news-item a .collection-thumb-holder {
  position: absolute;
  left: 0;
  padding: 0;
  background-color: #e9eaec;
  border: 1px solid #CFD1D1;
  border-radius: 1px;
  box-shadow: none;
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  margin-top: -10px;
}

.dashboard-side .news .news-list .news-item a span {
  position: static;
  margin: 5px 0 0 0;
  color: #4B4B4A;
  font-size: 10px;
  line-height: 10px;
  transition: all 200ms ease;
}
.dashboard-side .news .news-list .news-item a span:hover {
  color: #E6B12B;
}

.dashboard-side .news .news-list .more-news a {
  color: #3357B5;
  font-size: 14px;
  border: none;
  box-shadow: none;
}

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

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

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

.dashboard-side #last-media-slider .carousel-inner img {
  background-size: contain;
}

.dashboard-side #last-media-slider .carousel-control.left,
.dashboard-side #last-media-slider .carousel-control.right {
  display: block;
  opacity: 1;
}

.dashboard-side #last-media-slider .carousel-control > .fa {
  position: absolute;
  margin-top: 0;
  margin-left: -18px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  transform: translateY(-50%);
  font-size: 30px;
  background-color: rgba(255, 255, 255, 0.2);
  transition: background-color 0.2s ease-out;
  border-radius: 0;
  color: #fff;
}
.dashboard-side #last-media-slider .carousel-control > .fa:hover {
  color: #E6B12B;
  background-color: #fff;
}

.dashboard-side #last-media-slider .carousel-control .fa-angle-left:before {
  position: absolute;
  right: 12px;
  content: "\f104";
  font-family: "FontAwesome";
}

.dashboard-side #last-media-slider .carousel-control .fa-angle-right:before {
  position: absolute;
  left: 12px;
  content: "\f105";
  font-family: "FontAwesome";
}

.dashboard-side #last-media-slider.carousel {
  opacity: 1;
}

/* Sharebox section */
.transfer-splashscreen .bynder-transfer-browse-button {
  margin: 0;
  padding: 0;
  color: #3357B5;
  font-weight: 600;
  font-size: 22px;
  line-height: 200px;
  border: 2px dashed #b5b8b8;
  text-align: center;
  border-radius: 0;
  box-sizing: border-box;
  transition: all 200ms ease;
}

.transfer-splashscreen .bynder-transfer-browse-button:hover,
.transfer-splashscreen.transfer-dragover:before {
  background: transparent;
  color: #3357B5;
  border-color: #3357B5;
}

#sharewidget .transfer {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-top: 40px;
  overflow: visible;
  min-height: 200px;
}
#sharewidget .transfer:before {
  position: absolute;
  content: "Share your files";
  margin: -40px 0 0 0;
  color: #3357B5;
  font-weight: 600;
  font-size: 18px;
  text-align: left;
}

.transfer-header {
  overflow: hidden;
}

.moxie-shim {
  height: 200px;
}

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

.transfer-settings .transfer-header {
  position: static;
  height: 40px;
  line-height: normal;
}

.transfer-settings .bynder-transfer-browse-button {
  position: absolute !important;
  height: 40px;
  top: 0;
  padding: 0;
  font-size: 14px;
  color: #4B4B4A;
  text-align: left;
  font-weight: 400;
  width: 100%;
}
.transfer-settings .bynder-transfer-browse-button:hover {
  cursor: pointer;
}

.transfer-body .list-group-item .radio label {
  height: 18px;
  line-height: 18px;
}

/* Sharebox moxie-shim, must always allign with the add more files button */
#sharewidget .transfer-settings .moxie-shim {
  top: 30px !important;
  left: 0 !important;
  width: 110px !important;
}

/* Add more files button */
.transfer-settings .transfer-header button {
  top: 0;
  right: 0;
  left: auto;
  background-color: #3357B5;
  border-radius: 0;
  font-weight: 400;
  font-size: 12px;
  padding: 0 15px;
  line-height: 30px;
  min-height: 30px;
}

#bynder-transfer:hover button.btn-default {
  background-color: #28448d !important;
}

.transfer-body a {
  color: #4B4B4A;
}

.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: 14px;
  color: #4B4B4A;
  text-align: left;
  border: 1px solid #CFD1D1;
  background: transparent;
}
.transfer-body .form-group .form-control.email-share {
  border: 0;
}

.transfer-body .share-group .btn-group .btn-primary {
  background-color: #b5b8b8;
  color: #4B4B4A;
  border: 0;
  box-shadow: none;
  transition: all 200ms ease;
  font-size: 12px;
  font-weight: 400;
}
.transfer-body .share-group .btn-group .btn-primary:hover {
  background-color: #9b9f9f;
}

.transfer-body .share-group .btn-group .btn-primary.active {
  background-color: #E6B12B;
  color: #fff;
  border: 0;
  box-shadow: none;
  font-weight: 400;
}
.transfer-body .share-group .btn-group .btn-primary.active:hover {
  background-color: #c79517;
}

.transfer-body .share-group .btn-group .btn-primary:first-of-type {
  border-radius: 0;
}

.transfer-body .share-group .btn-group .btn-primary:last-of-type {
  border-radius: 0;
}

.transfer-body .panel-group .panel.panel-default > .panel-heading {
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid #CFD1D1;
}

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

.transfer-body > .panel-group span {
  font-size: 14px;
  color: #4B4B4A;
}
.transfer-body > .panel-group span strong {
  font-weight: 400;
}

#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;
  line-height: 30px;
  margin: 0 auto;
  color: #fff;
  background-color: #E6B12B;
  font-size: 14px;
  text-align: center;
  border-radius: 0;
}

.transfer-footer .btn-default,
.transfer-footer .btn-default:disabled,
.transfer-footer button#transfer-send {
  width: auto;
  height: 30px;
  min-width: 62px;
  line-height: 30px;
  padding: 0 10px;
  background: #E6B12B;
  border-radius: 0;
  color: #fff;
  text-align: center;
  font-weight: 400;
}
.transfer-footer .btn-default:hover,
.transfer-footer .btn-default:disabled:hover,
.transfer-footer button#transfer-send:hover {
  background: #c79517;
  color: #fff;
}
.transfer-footer .btn-default:active,
.transfer-footer .btn-default:disabled:active,
.transfer-footer button#transfer-send:active {
  background: #b08415;
  color: #b08415;
}
.transfer-footer .btn-default .fa,
.transfer-footer .btn-default:disabled .fa,
.transfer-footer button#transfer-send .fa {
  display: none;
}
.transfer-footer .btn-default .fa-spin,
.transfer-footer .btn-default:disabled .fa-spin,
.transfer-footer button#transfer-send .fa-spin {
  margin: 0;
}

.transfer .file-delete:hover {
  color: #3357B5;
}

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

.transfer-body .panel-group .panel .list-group .list-group-item {
  padding-bottom: 0;
}

#sharewidget .transfer-body .panel-group .panel-collapse {
  transition: all 200ms ease;
}

#sharewidget .transfer-body .panel-group .panel-title > a .fa-chevron-up {
  transition: all 200ms ease;
}
#sharewidget .transfer-body .panel-group .panel-title > a .fa-chevron-up:before {
  content: "\f106";
}

#sharewidget .transfer-splashscreen:not(.transfer-ready) .fa-spin {
  display: none;
}

#transfer-send:focus,
#transfer-send:active,
#transfer-again:focus,
#transfer-again:active,
#transfer-cancel:focus,
#transfer-cancel:active {
  box-shadow: none;
}

.transfer-percentage {
  border-color: #E6B12B;
}

#transfer-send {
  width: auto;
  padding: 0 20px;
}
#transfer-send.sending span {
  display: none;
}
#transfer-send.sending .transfer-loader {
  display: block;
}
#transfer-send.sending .fa.fa-chevron-right {
  display: none;
}
#transfer-send .transfer-loader {
  text-align: center;
  position: relative;
  margin: 0;
}
#transfer-send .fa.fa-chevron-right {
  margin: 10px 0 0 4px;
  font-size: 10px;
}
#transfer-send .fa.fa-chevron-right:before {
  content: "\f1d8";
}

/* Dashboard dropbox */
.dashboard-side .dashboard-dropbox .upload {
  border: 2px dashed #CFD1D1;
  border-radius: 0;
  box-sizing: border-box;
  transition: all 200ms ease;
}
.dashboard-side .dashboard-dropbox .upload:hover {
  border-color: #E6B12B;
}

.dashboard-side .dashboard-dropbox.none .upload {
  border: 0;
}

.dashboard-side .dashboard-dropbox .dropLink {
  color: #3357B5;
}

.dashboard-side #dashboard-dropbox-form input[type=text],
.dashboard-side #dashboard-dropbox-form input[type=email],
.dashboard-side #dashboard-dropbox-form textarea {
  width: 195px;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.dashboard-side #dashboard-dropbox-form input[type=text]:focus,
.dashboard-side #dashboard-dropbox-form input[type=email]:focus,
.dashboard-side #dashboard-dropbox-form textarea:focus {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.dashboard-side #dashboard-drop-area .files {
  margin-top: 10px;
  padding: 0 20px;
}

.dashboard-side #dashboard-drop-area .dropbox-input-holder .fa {
  margin-left: 5px;
}

.dashboard-side #dashboard-drop-area .action-btn.big {
  width: 240px;
}

.dashboard-side #dashboard-drop-area .confirm h2 {
  color: #28cb80;
  margin-bottom: 10px;
}

.dashboard-dropbox .files ul li .loading p {
  width: 100%;
  color: #4B4B4A;
}

.dashboard-dropbox .files ul li .loading[style="width: 100%;"] p {
  color: #fff;
}

.dashboard-side .dashboard-dropbox .files ul li p {
  color: #4B4B4A;
}

.dashboard-dropbox .files ul li .loading {
  background: #E6B12B;
}

/* Popular brands */
.dashboard-side .brands ul li {
  word-break: break-all;
}

/*=======================
ASSETS PAGE / ASSETBANK PAGE / MEDIA PAGE
=======================*/
header .tool-bar {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  background-color: #fff;
  font-size: 14px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  width: 100%;
  max-width: 1440px !important;
  margin: 0 auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

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

header .tool-bar .filters-holder {
  height: auto;
  max-height: 60px;
  line-height: 60px;
  margin: 0 0 0 -5px;
  padding: 0;
}
header .tool-bar .filters-holder:before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  z-index: 0;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
header .tool-bar .filters-holder:after {
  content: "";
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  z-index: 0;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

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

header .tool-bar > .filters-holder > ul.filters > li.filter > a {
  height: 60px;
  line-height: 60px;
  margin: 0 -5px 0 1px;
  padding: 0 15px;
  color: #4B4B4A;
  font-weight: 400;
  font-size: 14px;
  transition: all 200ms ease;
}
header .tool-bar > .filters-holder > ul.filters > li.filter > a .fa {
  margin-right: 5px;
}
header .tool-bar > .filters-holder > ul.filters > li.filter > a .fa-refresh {
  margin: 10px 0 0 10px;
}
header .tool-bar > .filters-holder > ul.filters > li.filter > a:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
}

header .tool-bar > .filters-holder > ul.filters > li.filter:not(.disabled):first-of-type a.filter-button:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  top: 12px;
  bottom: 12px;
  right: 0;
  background-color: #e9eaec;
}

header .tool-bar > .filters-holder > ul.filters > li.filter.active > a {
  height: 60px;
  background: transparent;
}

.filters > li.active > a:after {
  display: none;
}

header .tool-bar > .filters-holder > ul.filters > li.filter.active > a {
  color: #4B4B4A;
  box-shadow: none;
}

header .tool-bar > .filters-holder > ul.filters > li.filter > a .fa.fa-caret-down {
  margin: 0 0 0 5px;
  transition: transform ease 200ms;
}
header .tool-bar > .filters-holder > ul.filters > li.filter > a .fa.fa-caret-down:before {
  content: "\f0d7";
  font-family: "FontAwesome";
  font-size: 16px;
  vertical-align: -2px;
}

header .tool-bar > .filters-holder > ul.filters > li.filter > a.disabled {
  color: rgba(233, 234, 236, 0.3);
}
header .tool-bar > .filters-holder > ul.filters > li.filter > a.disabled:hover {
  color: rgba(255, 71, 0, 0.5) !important;
}
header .tool-bar > .filters-holder > ul.filters > li.filter > a.disabled:focus {
  color: rgba(255, 71, 0, 0.5) !important;
}

.filters li.disabled a,
.filters li.disabled,
.filters li a.disabled {
  display: none;
  color: rgba(170, 170, 170, 0.5);
}

.filter-button.loading .fa.fa-caret-down {
  display: inline-block;
}

.filter-level > ul > li:hover {
  background: #EEEEEE;
}
.filter-level > ul > li:hover .fa {
  color: #E6B12B;
}

#filter-save-form input[type=radio],
#filter-save-form input[type=checkbox] {
  margin-top: 3px;
}

/* Filters */
.filter-level-container,
.filter-level-container.advanced {
  top: 60px;
  border: 0;
  border-radius: 0 0 0 0;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.filter-level-container.floatright {
  overflow-x: auto;
}

.filter-level {
  box-shadow: none;
  border-radius: 0;
}

.advanced .filter-level,
.smart-filter-container .filter-level {
  height: auto;
}

.filter-level > ul {
  padding: 10px 0;
}

.filter-level.disabled,
.filter-meta .filter-level.grid-filter li.disabled,
.filter-meta .filter-level.grid-filter li.disabled a {
  display: none;
}

.filters > li.filter > a {
  padding: 5px 10px;
}

.advanced .filter-level {
  min-height: 420px;
  margin-bottom: 10px;
}

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

.filter-level p,
.filter-level h2 {
  margin: 0 10px;
}

.filter-level ul.stand span.searchCount {
  margin: 15px 0 0 0;
}

.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.drop-right a span {
  right: 20px;
}

.filter-level li label span.searchCount {
  width: auto;
  height: 20px;
  line-height: 18px;
  right: 10px;
  margin-top: -10px;
  color: #4B4B4A;
  box-sizing: border-box;
  border-radius: 50px;
}

.filter-level li a.tip-trigger label span.searchCount {
  right: 20px;
}

.filters > li a.selected span.searchSelected,
.filters > li a.selected span.searchCount,
.filter-level li.selected span.searchCount {
  color: #fff;
  background-color: #E6B12B;
}

.filters .tag > span.searchCount {
  margin-left: 5px;
  color: #666;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  box-sizing: border-box;
}

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

.filters > li a.selected span.searchCount:before {
  margin-top: 2px;
}

.filters > li a.tag.selected span.searchCount:before {
  color: #fff;
}

.filter-level-container.advanced li.radio,
.filter-level-container.advanced li.checkbox,
.smart-filter-container li.radio,
.smart-filter-container li.checkbox {
  padding: 5px 10px;
}

/* Advanced filter */
.filter-level-container.advanced li > span {
  height: 18px;
  line-height: 18px;
}

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

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

.filter-level #dpiFilter button.action-btn,
.filter-level #dpiFilter button.action-btn:hover,
.filter-level #dpiFilter button.action-btn:active,
.filter-level #dpiFilter button.action-btn:focus {
  border-radius: 0 0 0 0;
}

.filter-navigation {
  margin: 0 0 0 10px;
  padding: 0;
  border: 0;
}

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

.select2-drop-active,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border-color: #E6B12B;
}

.select2-drop-active {
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
}

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

.filter-level-container.advanced li.checkbox:hover {
  background: #EEEEEE;
}

.filter-level-container.advanced li.radio:hover,
.filter-level-container.advanced li.checkbox:hover,
.filter-level-container.advanced li.radio:hover .fa,
.filter-level-container.advanced li.checkbox:hover .fa {
  color: #E6B12B !important;
}

.filter-level li.drop-right a:after,
.filter-level li.sg-sub > a:after {
  right: 10px;
}

.filters-holder .scroll-down .fa-chevron-down {
  display: none;
}

/* Grid filter / tiles filter */
.smart-filter-container .grid-filter li {
  padding: 5px 7px;
}
.smart-filter-container .grid-filter li:hover {
  background: transparent;
}

.smart-filter-container .grid-filter li a.selected {
  color: #E6B12B;
}

.smart-filter-container .grid-filter li a.selected .grid-item:after {
  border: 3px solid #E6B12B;
}

.smart-filter-container .grid-filter li .searchCount {
  top: 8px;
}

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

header .tool-bar ul.actions-bar li.select {
  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;
  height: 30px;
  line-height: 30px;
  background-color: transparent !important;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-sizing: border-box;
}

header .tool-bar ul#select-actions li.select a.group-btn.select-all {
  margin: 0;
  border-right: none;
  border-radius: 0 0 0 0;
  background: transparent !important;
  transition: all 200ms ease;
}
header .tool-bar ul#select-actions li.select a.group-btn.select-all:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  margin: auto;
  border: 1px solid #4B4B4A;
  border-radius: 0;
}
header .tool-bar ul#select-actions li.select a.group-btn.select-all:hover:before {
  border-color: #E6B12B;
}
header .tool-bar ul#select-actions li.select a.group-btn.select-all:hover:after {
  color: #E6B12B;
}

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

header .tool-bar ul.actions-bar.active li.select a.group-btn.select-all:after,
header .tool-bar ul.actions-bar.part li.select a.group-btn.select-all:after {
  content: "\f00c";
  position: absolute;
  left: 9px;
  font-family: "FontAwesome";
  font-size: 10px;
  color: #4B4B4A;
}

header .tool-bar ul.actions-bar.part li.select a.group-btn.select-all:before,
header .tool-bar ul.actions-bar.active li.select a.group-btn.select-all:before {
  border-color: #E6B12B;
}

header .tool-bar ul#select-actions.active li.select a.group-btn.select-all .fa-refresh {
  display: none;
}

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

header .tool-bar ul.actions-bar li.select a.group-btn.select-all .fa-refresh {
  font-size: 10px;
  vertical-align: baseline;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-dropdown .fa-caret-down {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #4B4B4A;
  transition: transform ease 0.2s;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-dropdown:hover .fa-caret-down {
  transform: translateY(1px);
}

header .tool-bar ul.actions-bar li.select:hover ul.auto-complete {
  top: 60px;
  background: #fff;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
}

.media-tools > .actions-bar:nth-last-child(2) li .tip:before,
#collection-media .media-tools > .actions-bar:last-child li .tip:before {
  display: none;
}
.media-tools > .actions-bar:nth-last-child(2) li:nth-last-child(2) .tip,
#collection-media .media-tools > .actions-bar:last-child li:nth-last-child(2) .tip {
  left: auto;
  right: 0;
}
.media-tools > .actions-bar:nth-last-child(2) li:nth-last-child(2) .tip:after,
#collection-media .media-tools > .actions-bar:last-child li:nth-last-child(2) .tip:after {
  left: auto;
  right: 11px;
}
.media-tools > .actions-bar:nth-last-child(2) li:last-child .tip,
#collection-media .media-tools > .actions-bar:last-child li:last-child .tip {
  left: auto;
  right: 0;
}
.media-tools > .actions-bar:nth-last-child(2) li:last-child .tip:after,
#collection-media .media-tools > .actions-bar:last-child li:last-child .tip:after {
  left: auto;
  right: 11px;
}

.notifications-category-list section.notifications-right .upload {
  background-color: #E6B12B;
}
.notifications-category-list section.notifications-right .notifications-list .notification .action-label {
  color: #E6B12B;
}

aside.notifications-panel section.notifications-right .upload {
  background-color: #E6B12B;
}
aside.notifications-panel section.notifications-right .notifications-list .notification .action-label {
  color: #E6B12B;
}

aside.notifications-panel section.notifications-left ul.notifications-flyover li.notification {
  height: auto;
}
aside.notifications-panel section.notifications-left ul.notifications-flyover li.notification .media .media-right .close-box {
  background: #E6B12B;
}
aside.notifications-panel section.notifications-left ul.notifications-flyover li.notification .media .media-right .close-box:hover {
  color: #fff !important;
  background: #ebc259 !important;
}

header .tool-bar ul.actions-bar li.select a.group-btn,
ul.group-btns.blue li a.group-btn,
ul.group-btns li.active a.group-btn {
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #4B4B4A;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  transition: none;
}
header .tool-bar ul.actions-bar li.select a.group-btn:hover,
ul.group-btns.blue li a.group-btn:hover,
ul.group-btns li.active a.group-btn:hover {
  color: #E6B12B;
  background-color: transparent;
}
header .tool-bar ul.actions-bar li.select a.group-btn:hover .fa,
header .tool-bar ul.actions-bar li.select a.group-btn:hover .fa-caret-down,
ul.group-btns.blue li a.group-btn:hover .fa,
ul.group-btns.blue li a.group-btn:hover .fa-caret-down,
ul.group-btns li.active a.group-btn:hover .fa,
ul.group-btns li.active a.group-btn:hover .fa-caret-down {
  color: #E6B12B;
}
header .tool-bar ul.actions-bar li.select a.group-btn:focus,
ul.group-btns.blue li a.group-btn:focus,
ul.group-btns li.active a.group-btn:focus {
  color: #E6B12B;
  background-color: transparent;
}

/* Export to PDF button */
header .tool-bar ul.actions-bar.export-pdf a {
  background: #E6B12B;
  color: #fff !important;
  border: 0;
  border-radius: 0;
  transition: 200ms;
}
header .tool-bar ul.actions-bar.export-pdf a:hover {
  background: #c79517;
  color: #fff;
}
header .tool-bar ul.actions-bar.export-pdf a .fa {
  color: #fff;
}
header .tool-bar ul.actions-bar.export-pdf a:hover .fa {
  color: #fff;
}

.smart-filter-container .autocomplete-loader {
  top: 45px;
}

/* Filterbar */
.filterbar {
  transition: top 0.3s;
  position: relative;
  position: relative;
  width: 100%;
  max-width: 1440px !important;
  margin: 0 auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  overflow: visible;
}
.filterbar:before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.filterbar:after {
  content: "";
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.filterbar.show,
.content-container.metaproperty-view.single-collection#pim-view .filterbar.show {
  height: auto;
  height: 40px;
  top: 170px;
  margin: 0 auto;
  padding: 5px 20px 0 20px;
  background-color: #fff;
  border: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  overflow: visible;
  opacity: 1;
}
.filterbar.show.small,
.content-container.metaproperty-view.single-collection#pim-view .filterbar.show.small {
  top: 120px;
}

.compact .filterbar.show {
  top: 60px;
}

.filterbar a.tag {
  height: 30px;
  line-height: 30px;
  margin: 0 10px 4px 0;
  padding: 0 30px 0 10px;
  color: #fff;
  background: #3357B5;
  font-weight: 400;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  transition: 200ms;
}
.filterbar a.tag:hover {
  background: #28448d;
  color: #fff !important;
}

.filterbar a.tag span .fa {
  position: absolute;
  width: 15px;
  height: 30px;
  line-height: 30px;
  right: 10px;
  margin: 0;
  font-size: 14px;
  opacity: 1;
}
.filterbar a.tag span .fa:hover {
  color: #fff;
}

.filterbar a.tag span.selected-color {
  width: 15px;
  height: 15px;
  line-height: 17px;
}

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

.filterbar a.tag > .fa {
  margin-right: 2px;
  vertical-align: baseline;
}

.filters > li.filter .tags a.tag {
  color: #4B4B4A;
}
.filters > li.filter .tags a.tag:hover {
  border: 1px solid #E6B12B;
}

.filters > li.filter .tags a.tag.selected {
  background-color: #fff;
  border: 1px solid #CFD1D1;
}

header .tool-bar > .filters-holder > ul.filters > li.filter:not(.disabled):last-of-type a.tag:after {
  display: none;
}

#image_enlarger ul.media-info li .media-info-extend ul li a.thumbnail,
#image_upload ul.media-info li .media-info-extend ul li a.thumbnail {
  background: transparent;
  color: #4B4B4A;
}
#image_enlarger ul.media-info li .media-info-extend ul li a.thumbnail:hover,
#image_upload ul.media-info li .media-info-extend ul li a.thumbnail:hover {
  background: transparent;
  color: #E6B12B;
}

#image_enlarger ul.media-info li.linked-asset-item {
  color: #4B4B4A;
  transition: all 200ms ease;
}

#image_enlarger ul.media-info li.linked-asset-item span.pull-right i.fa.fa-trash-o {
  transition: all 200ms ease;
}

#image_enlarger ul.media-info li.linked-asset-item:hover span.pull-right i.fa.fa-trash-o {
  color: #ff4700;
}

/* Color picker */
.filter-dropdown.color .action-btn {
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin-bottom: 0;
}

/* Clear / Save filter */
.filterbar #clearFilter,
.filterbar #saveFilters {
  margin: 0 7px 4px 0;
  padding: 0 10px 0 30px;
  top: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: 400 !important;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
}

.filterbar #clearFilter {
  background: #CFD1D1;
  color: #4B4B4A;
}
.filterbar #clearFilter:hover {
  background: #b5b8b8 !important;
  color: #4B4B4A;
}
.filterbar #clearFilter:active {
  background: #a8acac !important;
}

.filterbar #saveFilters {
  background: #51A856;
  color: #fff;
}
.filterbar #saveFilters:hover {
  background: #408644 !important;
  color: #fff;
}
.filterbar #saveFilters:active {
  background: #38743c !important;
}

.filterbar #clearFilter .fa-times-circle {
  position: absolute;
  height: 30px;
  line-height: 30px;
  left: 10px;
  opacity: 1;
}

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

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

#save-filter-dropdown-holder {
  margin: 0 10px 0 0;
  padding: 0;
}
#save-filter-dropdown-holder .fa-caret-down {
  vertical-align: middle;
  margin-left: 6px;
}

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

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

.filters #save-filter-dropdown > a {
  margin: 0;
  padding: 0 10px;
  color: #4B4B4A;
}

.filters #save-filter-dropdown.active > a {
  box-shadow: none;
}

#save-filter-dropdown #personal-filters {
  padding-bottom: 10px;
}

#save-filter-dropdown .filter-level li label .searchEdit {
  margin-top: -10px;
  box-sizing: border-box;
}

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

/* Assetbank content area */
body[data-module=media] #media-container.content-container.media.ui-selectable {
  padding-top: 190px;
}

body[data-module=media] .filterbar.show ~ #media-container.content-container.media.ui-selectable {
  padding-top: 190px;
}

body.hasSidebar #media-container.content-container.ui-selectable.media {
  padding-left: 300px;
}

#media-container .has-tagfilter.content-container .media-tools,
#media-container .media-tools {
  margin: 0 0 20px 0;
}

.media-tools ul.media-tools-left {
  box-sizing: border-box;
}

.media-tools ul.media-tools-left > li {
  height: auto;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}
.media-tools ul.media-tools-left > li:last-of-type {
  border-radius: 0 0 0 0;
}

#image_upload > .upload-container header a.action-btn.black {
  background: #CFD1D1 !important;
  color: #4B4B4A !important;
  border: 0 !important;
}
#image_upload > .upload-container header a.action-btn.black:hover {
  color: #fff !important;
  background: #b5b8b8 !important;
}

#media-container .media-tools ul.media-tools-left > li:not(.sort-order):not(.selected),
#media-container .media-tools ul.media-tools-left > li:not(.sort-order):not(.selected) > a,
#collection-media .media-tools ul.media-tools-left > li:not(.sort-order):not(.selected),
#collection-media .media-tools ul.media-tools-left > li:not(.sort-order):not(.selected) > a {
  border-radius: 0 0 0 0;
}

#media-container .media-tools ul.media-tools-left > li.sort-order,
#media-container .media-tools ul.media-tools-left > li.sort-order > a {
  border-radius: 0 0 0 0;
}

.media-tools ul.media-tools-left > li ul.auto-complete li a {
  font-size: 14px;
}
.media-tools ul.media-tools-left > li ul.auto-complete li a.active {
  color: #E6B12B !important;
}

.ui-menu .ui-menu-item.active,
ul.ui-autocomplete li a.active,
ul.auto-complete li a.active {
  color: #3357B5;
}

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

.media-tools ul.media-tools-left li.media-results span.selected-results {
  width: auto;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  top: 0;
  padding: 0 10px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #3357B5;
  border: none;
  border-radius: 0 0 0 0;
  box-shadow: none;
  box-sizing: border-box;
}

.media-tools ul.media-tools-left li.media-results span.results {
  height: 32px;
  line-height: 32px;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  color: #4B4B4A;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

.media-tools ul.media-tools-left li.media-results span.results strong {
  font-weight: 700;
}

/* Order by */
.media-tools ul.media-tools-left li.media-sort a.sort {
  height: 32px;
  line-height: 32px;
  color: #4B4B4A;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
}

.media-tools ul.media-tools-left li.media-sort a.sort strong {
  font-weight: 700;
}

/* Sort order */
.media-tools ul.media-tools-left li.media-sort.sort-order a.sort {
  padding: 0 10px;
  box-shadow: none;
  border: 0;
  border-left: 1px solid #CFD1D1;
  border-radius: 0 0 0 0;
}

/* Order by dropdown */
.media-tools ul.media-tools-left li.media-sort ul.auto-complete {
  padding: 0;
  background: #fff;
  border: 1px solid #CFD1D1;
  border-radius: 0 0 0 0;
  box-shadow: none;
  z-index: 85;
}

.media-tools ul.media-tools-left li.media-sort ul.auto-complete li:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

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

.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: 34px;
  line-height: 34px;
  padding: 0 10px;
  background-color: #fff;
  color: #4B4B4A;
  border: 1px solid #d5d8dc;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}
.media-tools ul.group-btns li a.group-btn:hover {
  color: #3357B5;
  background-color: #fff;
}

.media-tools ul.actions-bar.group-btns li:first-of-type a.group-btn {
  border-right: 0;
  border-radius: 0 0 0 0;
}

.media-tools ul.actions-bar.group-btns li:last-of-type a.group-btn {
  border-left: 0;
  border-radius: 0 0 0 0;
}

.media-tools ul.group-btns li.active a.group-btn {
  color: #fff;
  background-color: #3357B5;
  border-color: #3357B5;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.media-tools ul.group-btns li.active a.group-btn:hover {
  color: #fff;
  background-color: #28448d;
}
.media-tools ul.group-btns li.active a.group-btn:hover .fa {
  color: #fff;
}

ul.listview-duplicates {
  border-left: 0;
}

.primary-duplicate h3 {
  margin-top: 20px;
}
.primary-duplicate form button {
  top: 30px !important;
}

/* All view buttons */
#media-container .media-tools ul.group-btns:nth-of-type(2) li a.group-btn {
  border: 1px solid #CFD1D1;
  border-right: 0;
}

/* First view butt0n */
#media-container .media-tools ul.group-btns:nth-of-type(2) li:first-of-type a.group-btn {
  border-radius: 0 0 0 0;
}

/* Last view button */
#media-container .media-tools ul.group-btns:nth-of-type(2) li:last-of-type a.group-btn {
  border-right: 1px solid #CFD1D1;
  border-radius: 0 0 0 0;
}

/* Duplicate finder view button */
#media-container .media-tools ul.group-btns li a.group-btn.duplicate-finder {
  border: 1px solid #CFD1D1;
  border-radius: 0;
}

/* Show / Select page view buttons */
.content-container.metaproperty-view.single-collection#pim-view .media-tools ul.group-btns li a.group-btn {
  border: 0;
}

.content-container.metaproperty-view.single-collection#pim-view .media-tools ul.group-btns li a.group-btn.select-all,
.content-container.metaproperty-view.single-collection#pim-view .media-tools ul.group-btns li a.group-btn.select-dropdown {
  border: 1px solid #CFD1D1;
}

.content-container.metaproperty-view.single-collection#pim-view .media-tools ul.group-btns li a.group-btn.select-dropdown {
  border-left: 0;
}

/* Assetbank content */
#media-container.content-container.media {
  margin: 0;
  padding: 190px 0 0 20px;
  text-align: center;
  transition: padding ease 0.2s;
  position: relative;
  width: 100%;
  max-width: 1240px !important;
  margin: 0 auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

#media-container.content-container.media.has-tagfilter {
  padding: 230px 20px 0 20px;
  text-align: center;
  transition: padding ease 0.2s;
}

body.hasSidebar #media-container.content-container.ui-selectable.media.has-tagfilter {
  padding-top: 230px;
}

#results-thumbs .media-holder {
  width: 220px;
  height: auto;
  margin: 0 20px 20px 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  vertical-align: top;
  transition: all 200ms ease;
}

#results-thumbs .media-holder .thumbnail,
#image_upload .media-holder .thumbnail {
  width: 100%;
  height: auto;
  min-height: 190px;
  padding: 10px;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  transition: all 200ms ease;
}
#results-thumbs .media-holder .thumbnail:hover,
#image_upload .media-holder .thumbnail:hover {
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 2px #CFD1D1;
  cursor: pointer !important;
}

#results-thumbs .media-holder.active .thumbnail {
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 2px #3357B5;
}

.media-holder .thumbnail {
  border-radius: 0;
}

.media-holder .thumbnail .image-holder,
.media-holder.portrait .thumbnail .image-holder {
  width: 100%;
  height: 130px;
  background-color: #e9eaec;
  border: 1px solid #fafafa;
  border-radius: 0;
  box-sizing: border-box;
}

#results-thumbs .media-holder .thumbnail p {
  width: 100%;
  max-width: 100%;
  min-height: 20px;
  height: auto;
  max-height: 20px;
  line-height: 20px;
  margin: 10px 0 0 0;
  padding: 0;
  font-weight: 700;
  font-size: 14px;
  color: #4B4B4A;
  transition: all 200ms ease;
}

#results-thumbs .media-holder .thumbnail p:hover,
#results-thumbs .media-holder .portrait .thumbnail p:hover {
  max-height: 80px;
  color: #E6B12B;
  word-break: break-all;
  white-space: normal;
}

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

body[data-module=collections] #results-thumbs {
  width: calc(100% + 20px);
  margin: -20px 0 0 -20px;
}
body[data-module=collections] #results-thumbs .media-holder {
  width: calc(25% - 20px);
  margin: 20px 0 0 20px;
  display: inline-block;
  font-size: 0;
  margin-right: -4px;
}

/* Asset file extensions */
.media-holder .thumbnail span.extension, .media-holder ul.listview-info span.extension, .media-holder.duplicate .thumbnail > span, .media-holder.original .thumbnail > span, .media-holder.duplicate .thumbnail:hover > span, .media-holder.original .thumbnail:hover > span {
  position: static;
  display: inline-block !important;
  width: auto;
  height: 22px;
  line-height: 22px;
  margin: 2px 0 0 0;
  padding: 0 8px;
  background: #72BFCB;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-transform: lowercase;
  border-radius: 0;
}
.media-holder .thumbnail span.extension.jpg, .media-holder .thumbnail span.extension.JPG, .media-holder .thumbnail span.extension.jpeg, .media-holder .thumbnail span.extension.JPEG, .media-holder .thumbnail span.extension.tif, .media-holder .thumbnail span.extension.TIF, .media-holder ul.listview-info span.extension.jpg, .media-holder ul.listview-info span.extension.JPG, .media-holder ul.listview-info span.extension.jpeg, .media-holder ul.listview-info span.extension.JPEG, .media-holder ul.listview-info span.extension.tif, .media-holder ul.listview-info span.extension.TIF, .media-holder.duplicate .thumbnail > span.jpg, .media-holder.duplicate .thumbnail > span.JPG, .media-holder.duplicate .thumbnail > span.jpeg, .media-holder.duplicate .thumbnail > span.JPEG, .media-holder.duplicate .thumbnail > span.tif, .media-holder.duplicate .thumbnail > span.TIF, .media-holder.original .thumbnail > span.jpg, .media-holder.original .thumbnail > span.JPG, .media-holder.original .thumbnail > span.jpeg, .media-holder.original .thumbnail > span.JPEG, .media-holder.original .thumbnail > span.tif, .media-holder.original .thumbnail > span.TIF, .media-holder.duplicate .thumbnail:hover > span.jpg, .media-holder.duplicate .thumbnail:hover > span.JPG, .media-holder.duplicate .thumbnail:hover > span.jpeg, .media-holder.duplicate .thumbnail:hover > span.JPEG, .media-holder.duplicate .thumbnail:hover > span.tif, .media-holder.duplicate .thumbnail:hover > span.TIF, .media-holder.original .thumbnail:hover > span.jpg, .media-holder.original .thumbnail:hover > span.JPG, .media-holder.original .thumbnail:hover > span.jpeg, .media-holder.original .thumbnail:hover > span.JPEG, .media-holder.original .thumbnail:hover > span.tif, .media-holder.original .thumbnail:hover > span.TIF {
  background: #72BFCB;
}
.media-holder .thumbnail span.extension.png, .media-holder .thumbnail span.extension.PNG, .media-holder ul.listview-info span.extension.png, .media-holder ul.listview-info span.extension.PNG, .media-holder.duplicate .thumbnail > span.png, .media-holder.duplicate .thumbnail > span.PNG, .media-holder.original .thumbnail > span.png, .media-holder.original .thumbnail > span.PNG, .media-holder.duplicate .thumbnail:hover > span.png, .media-holder.duplicate .thumbnail:hover > span.PNG, .media-holder.original .thumbnail:hover > span.png, .media-holder.original .thumbnail:hover > span.PNG {
  background: #C63E22;
}
.media-holder .thumbnail span.extension.gif, .media-holder .thumbnail span.extension.GIF, .media-holder .thumbnail span.extension.raw, .media-holder .thumbnail span.extension.RAW, .media-holder .thumbnail span.extension.ico, .media-holder .thumbnail span.extension.ICO, .media-holder ul.listview-info span.extension.gif, .media-holder ul.listview-info span.extension.GIF, .media-holder ul.listview-info span.extension.raw, .media-holder ul.listview-info span.extension.RAW, .media-holder ul.listview-info span.extension.ico, .media-holder ul.listview-info span.extension.ICO, .media-holder.duplicate .thumbnail > span.gif, .media-holder.duplicate .thumbnail > span.GIF, .media-holder.duplicate .thumbnail > span.raw, .media-holder.duplicate .thumbnail > span.RAW, .media-holder.duplicate .thumbnail > span.ico, .media-holder.duplicate .thumbnail > span.ICO, .media-holder.original .thumbnail > span.gif, .media-holder.original .thumbnail > span.GIF, .media-holder.original .thumbnail > span.raw, .media-holder.original .thumbnail > span.RAW, .media-holder.original .thumbnail > span.ico, .media-holder.original .thumbnail > span.ICO, .media-holder.duplicate .thumbnail:hover > span.gif, .media-holder.duplicate .thumbnail:hover > span.GIF, .media-holder.duplicate .thumbnail:hover > span.raw, .media-holder.duplicate .thumbnail:hover > span.RAW, .media-holder.duplicate .thumbnail:hover > span.ico, .media-holder.duplicate .thumbnail:hover > span.ICO, .media-holder.original .thumbnail:hover > span.gif, .media-holder.original .thumbnail:hover > span.GIF, .media-holder.original .thumbnail:hover > span.raw, .media-holder.original .thumbnail:hover > span.RAW, .media-holder.original .thumbnail:hover > span.ico, .media-holder.original .thumbnail:hover > span.ICO {
  background: #C63E22;
}
.media-holder .thumbnail span.extension.mp4, .media-holder .thumbnail span.extension.MP4, .media-holder .thumbnail span.extension.mov, .media-holder .thumbnail span.extension.MOV, .media-holder .thumbnail span.extension.wmv, .media-holder .thumbnail span.extension .WMV, .media-holder .thumbnail span.extension.qt, .media-holder .thumbnail span.extension.QT, .media-holder ul.listview-info span.extension.mp4, .media-holder ul.listview-info span.extension.MP4, .media-holder ul.listview-info span.extension.mov, .media-holder ul.listview-info span.extension.MOV, .media-holder ul.listview-info span.extension.wmv, .media-holder ul.listview-info span.extension .WMV, .media-holder ul.listview-info span.extension.qt, .media-holder ul.listview-info span.extension.QT, .media-holder.duplicate .thumbnail > span.mp4, .media-holder.duplicate .thumbnail > span.MP4, .media-holder.duplicate .thumbnail > span.mov, .media-holder.duplicate .thumbnail > span.MOV, .media-holder.duplicate .thumbnail > span.wmv, .media-holder.duplicate .thumbnail > span .WMV, .media-holder.duplicate .thumbnail > span.qt, .media-holder.duplicate .thumbnail > span.QT, .media-holder.original .thumbnail > span.mp4, .media-holder.original .thumbnail > span.MP4, .media-holder.original .thumbnail > span.mov, .media-holder.original .thumbnail > span.MOV, .media-holder.original .thumbnail > span.wmv, .media-holder.original .thumbnail > span .WMV, .media-holder.original .thumbnail > span.qt, .media-holder.original .thumbnail > span.QT, .media-holder.duplicate .thumbnail:hover > span.mp4, .media-holder.duplicate .thumbnail:hover > span.MP4, .media-holder.duplicate .thumbnail:hover > span.mov, .media-holder.duplicate .thumbnail:hover > span.MOV, .media-holder.duplicate .thumbnail:hover > span.wmv, .media-holder.duplicate .thumbnail:hover > span .WMV, .media-holder.duplicate .thumbnail:hover > span.qt, .media-holder.duplicate .thumbnail:hover > span.QT, .media-holder.original .thumbnail:hover > span.mp4, .media-holder.original .thumbnail:hover > span.MP4, .media-holder.original .thumbnail:hover > span.mov, .media-holder.original .thumbnail:hover > span.MOV, .media-holder.original .thumbnail:hover > span.wmv, .media-holder.original .thumbnail:hover > span .WMV, .media-holder.original .thumbnail:hover > span.qt, .media-holder.original .thumbnail:hover > span.QT {
  background: #3357B5;
}
.media-holder .thumbnail span.extension.pdf, .media-holder .thumbnail span.extension.PDF, .media-holder .thumbnail span.extension.doc, .media-holder .thumbnail span.extension.DOC, .media-holder .thumbnail span.extension.docx, .media-holder .thumbnail span.extension.DOCX, .media-holder .thumbnail span.extension.ppt, .media-holder .thumbnail span.extension.PPT, .media-holder .thumbnail span.extension.pptx, .media-holder .thumbnail span.extension.PPTX, .media-holder .thumbnail span.extension.xlsx, .media-holder .thumbnail span.extension.XLSX, .media-holder ul.listview-info span.extension.pdf, .media-holder ul.listview-info span.extension.PDF, .media-holder ul.listview-info span.extension.doc, .media-holder ul.listview-info span.extension.DOC, .media-holder ul.listview-info span.extension.docx, .media-holder ul.listview-info span.extension.DOCX, .media-holder ul.listview-info span.extension.ppt, .media-holder ul.listview-info span.extension.PPT, .media-holder ul.listview-info span.extension.pptx, .media-holder ul.listview-info span.extension.PPTX, .media-holder ul.listview-info span.extension.xlsx, .media-holder ul.listview-info span.extension.XLSX, .media-holder.duplicate .thumbnail > span.pdf, .media-holder.duplicate .thumbnail > span.PDF, .media-holder.duplicate .thumbnail > span.doc, .media-holder.duplicate .thumbnail > span.DOC, .media-holder.duplicate .thumbnail > span.docx, .media-holder.duplicate .thumbnail > span.DOCX, .media-holder.duplicate .thumbnail > span.ppt, .media-holder.duplicate .thumbnail > span.PPT, .media-holder.duplicate .thumbnail > span.pptx, .media-holder.duplicate .thumbnail > span.PPTX, .media-holder.duplicate .thumbnail > span.xlsx, .media-holder.duplicate .thumbnail > span.XLSX, .media-holder.original .thumbnail > span.pdf, .media-holder.original .thumbnail > span.PDF, .media-holder.original .thumbnail > span.doc, .media-holder.original .thumbnail > span.DOC, .media-holder.original .thumbnail > span.docx, .media-holder.original .thumbnail > span.DOCX, .media-holder.original .thumbnail > span.ppt, .media-holder.original .thumbnail > span.PPT, .media-holder.original .thumbnail > span.pptx, .media-holder.original .thumbnail > span.PPTX, .media-holder.original .thumbnail > span.xlsx, .media-holder.original .thumbnail > span.XLSX, .media-holder.duplicate .thumbnail:hover > span.pdf, .media-holder.duplicate .thumbnail:hover > span.PDF, .media-holder.duplicate .thumbnail:hover > span.doc, .media-holder.duplicate .thumbnail:hover > span.DOC, .media-holder.duplicate .thumbnail:hover > span.docx, .media-holder.duplicate .thumbnail:hover > span.DOCX, .media-holder.duplicate .thumbnail:hover > span.ppt, .media-holder.duplicate .thumbnail:hover > span.PPT, .media-holder.duplicate .thumbnail:hover > span.pptx, .media-holder.duplicate .thumbnail:hover > span.PPTX, .media-holder.duplicate .thumbnail:hover > span.xlsx, .media-holder.duplicate .thumbnail:hover > span.XLSX, .media-holder.original .thumbnail:hover > span.pdf, .media-holder.original .thumbnail:hover > span.PDF, .media-holder.original .thumbnail:hover > span.doc, .media-holder.original .thumbnail:hover > span.DOC, .media-holder.original .thumbnail:hover > span.docx, .media-holder.original .thumbnail:hover > span.DOCX, .media-holder.original .thumbnail:hover > span.ppt, .media-holder.original .thumbnail:hover > span.PPT, .media-holder.original .thumbnail:hover > span.pptx, .media-holder.original .thumbnail:hover > span.PPTX, .media-holder.original .thumbnail:hover > span.xlsx, .media-holder.original .thumbnail:hover > span.XLSX {
  background: #51A856;
}
.media-holder .thumbnail span.extension.mp3, .media-holder .thumbnail span.extension.MP3, .media-holder .thumbnail span.extension.wav, .media-holder .thumbnail span.extension.WAV, .media-holder ul.listview-info span.extension.mp3, .media-holder ul.listview-info span.extension.MP3, .media-holder ul.listview-info span.extension.wav, .media-holder ul.listview-info span.extension.WAV, .media-holder.duplicate .thumbnail > span.mp3, .media-holder.duplicate .thumbnail > span.MP3, .media-holder.duplicate .thumbnail > span.wav, .media-holder.duplicate .thumbnail > span.WAV, .media-holder.original .thumbnail > span.mp3, .media-holder.original .thumbnail > span.MP3, .media-holder.original .thumbnail > span.wav, .media-holder.original .thumbnail > span.WAV, .media-holder.duplicate .thumbnail:hover > span.mp3, .media-holder.duplicate .thumbnail:hover > span.MP3, .media-holder.duplicate .thumbnail:hover > span.wav, .media-holder.duplicate .thumbnail:hover > span.WAV, .media-holder.original .thumbnail:hover > span.mp3, .media-holder.original .thumbnail:hover > span.MP3, .media-holder.original .thumbnail:hover > span.wav, .media-holder.original .thumbnail:hover > span.WAV {
  background: #de593d;
}
.media-holder .thumbnail span.extension.zip, .media-holder .thumbnail span.extension.ZIP, .media-holder .thumbnail span.extension.psd, .media-holder .thumbnail span.extension.PSD, .media-holder .thumbnail span.extension.ai, .media-holder .thumbnail span.extension.AI, .media-holder .thumbnail span.extension.eps, .media-holder .thumbnail span.extension.EPS, .media-holder ul.listview-info span.extension.zip, .media-holder ul.listview-info span.extension.ZIP, .media-holder ul.listview-info span.extension.psd, .media-holder ul.listview-info span.extension.PSD, .media-holder ul.listview-info span.extension.ai, .media-holder ul.listview-info span.extension.AI, .media-holder ul.listview-info span.extension.eps, .media-holder ul.listview-info span.extension.EPS, .media-holder.duplicate .thumbnail > span.zip, .media-holder.duplicate .thumbnail > span.ZIP, .media-holder.duplicate .thumbnail > span.psd, .media-holder.duplicate .thumbnail > span.PSD, .media-holder.duplicate .thumbnail > span.ai, .media-holder.duplicate .thumbnail > span.AI, .media-holder.duplicate .thumbnail > span.eps, .media-holder.duplicate .thumbnail > span.EPS, .media-holder.original .thumbnail > span.zip, .media-holder.original .thumbnail > span.ZIP, .media-holder.original .thumbnail > span.psd, .media-holder.original .thumbnail > span.PSD, .media-holder.original .thumbnail > span.ai, .media-holder.original .thumbnail > span.AI, .media-holder.original .thumbnail > span.eps, .media-holder.original .thumbnail > span.EPS, .media-holder.duplicate .thumbnail:hover > span.zip, .media-holder.duplicate .thumbnail:hover > span.ZIP, .media-holder.duplicate .thumbnail:hover > span.psd, .media-holder.duplicate .thumbnail:hover > span.PSD, .media-holder.duplicate .thumbnail:hover > span.ai, .media-holder.duplicate .thumbnail:hover > span.AI, .media-holder.duplicate .thumbnail:hover > span.eps, .media-holder.duplicate .thumbnail:hover > span.EPS, .media-holder.original .thumbnail:hover > span.zip, .media-holder.original .thumbnail:hover > span.ZIP, .media-holder.original .thumbnail:hover > span.psd, .media-holder.original .thumbnail:hover > span.PSD, .media-holder.original .thumbnail:hover > span.ai, .media-holder.original .thumbnail:hover > span.AI, .media-holder.original .thumbnail:hover > span.eps, .media-holder.original .thumbnail:hover > span.EPS {
  background: #408644;
}

.media-holder .thumbnail span.extension,
.media-holder ul.listview-info span.extension {
  background-color: #72BFCB;
}

/* Asset selector */
.media-holder .thumbnail .select,
.media-holder.listview .thumbnail .select,
.table_wrapper .overlay-detail .select,
.table_wrapper.active .overlay-detail .select,
.assets li .select {
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: 70px solid #CFD1D1;
  border-left: 70px solid transparent;
  position: absolute;
  color: rgba(255, 255, 255, 0.75);
  transition: all 200ms ease;
  display: block !important;
  opacity: 0;
  pointer-events: none;
}
.media-holder .thumbnail .select:hover,
.media-holder.listview .thumbnail .select:hover,
.table_wrapper .overlay-detail .select:hover,
.table_wrapper.active .overlay-detail .select:hover,
.assets li .select:hover {
  border-top: 70px solid #3357B5;
  border-left: 70px solid transparent;
  color: rgba(255, 255, 255, 0.75);
}

.ui-selectable .media-holder .thumbnail:hover .select,
.template-container ul.assets li:hover .select {
  opacity: 1;
  pointer-events: all;
  display: block !important;
}

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

.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,
.assets li.selected .select {
  color: #fff !important;
  border-top: 70px solid #3357B5;
  opacity: 1;
}

/* Asset metaproperties */
.media-holder dl {
  margin: 10px 0 0 0;
  padding: 5px 0 0 0;
  color: #4B4B4A;
  border-top: 1px solid #e1e1e1;
}
.media-holder dl dt {
  margin-right: 10px;
}

.media-holder dl dd {
  word-break: break-all;
}

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

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

.media-holder.singleview .thumbnail .image-holder {
  height: 130px;
  display: table;
}
.media-holder.singleview .thumbnail .image-holder img {
  position: absolute;
  max-width: 100%;
  max-height: 130px;
  display: table-cell;
  vertical-align: middle;
}

/* List view */
#results-thumbs .listviewrow .media-holder.listview {
  width: 50%;
  min-width: 400px;
  padding: 0;
  margin: 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;
}

ul.listview-info li strong {
  font-size: 14px;
  color: #44444e;
  font-weight: 400;
}

body[data-module=media] #media-container.content-container.media.ui-selectable #results-thumbs .listviewrow .media-holder {
  width: calc(50% - 20px);
}
body[data-module=media] #media-container.content-container.media.ui-selectable #results-thumbs .listviewrow .media-holder dl {
  border: 0;
}
body[data-module=media] #media-container.content-container.media.ui-selectable #results-thumbs .listviewrow .media-holder .extension {
  float: right;
}

/* Duplicate finder */
#results-thumbs .primary-duplicate .media-holder.listview {
  margin-top: 20px;
}

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

.no-results .no-results-container {
  margin: 100px 20px 0 20px;
  padding: 20px;
}

body[data-module=media] #media-container.content-container.media.ui-selectable #results-thumbs {
  margin: -20px 0 0 -20px;
}
body[data-module=media] #media-container.content-container.media.ui-selectable #results-thumbs .media-holder {
  width: calc(20% - 20px);
  margin: 20px 0 0 20px;
  float: none;
  display: inline-block;
  font-size: 0;
  margin-right: -4px;
}

/*=======================
ASSET DETAIL
=======================*/
#image_upload,
#image_enlarger {
  background: rgba(25, 25, 25, 0.95);
}
#image_upload header,
#image_upload .upload-container header,
#image_enlarger header,
#image_enlarger .upload-container header {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
#image_upload .selected,
#image_upload .bottom,
#image_enlarger .selected,
#image_enlarger .bottom {
  background: #fff !important;
  color: #4B4B4A !important;
}

#image_upload ul.media-info ul, #image_upload ul.media-info li, #image_upload ul.media-info li b, #image_upload ul.media-info input, #image_upload ul.media-info label, #image_upload ul.media-info .fa,
#image_enlarger ul.media-info ul,
#image_enlarger ul.media-info li,
#image_enlarger ul.media-info li b,
#image_enlarger ul.media-info input,
#image_enlarger ul.media-info label,
#image_enlarger ul.media-info .fa {
  color: #4B4B4A;
  background: transparent;
}

#image_upload .media-info .media-info-extend .control-group li label,
#image_enlarger ul.media-info li .control-group .controls label.checkbox,
#image_upload ul.media-info li .control-group .controls label.checkbox,
#image_enlarger ul.media-info li a.link,
#image_upload ul.media-info li a.link,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul li span a,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul li time {
  color: #4B4B4A;
}
#image_upload .media-info .media-info-extend .control-group li label:hover,
#image_enlarger ul.media-info li .control-group .controls label.checkbox:hover,
#image_upload ul.media-info li .control-group .controls label.checkbox:hover,
#image_enlarger ul.media-info li a.link:hover,
#image_upload ul.media-info li a.link:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul li span a:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul li time:hover {
  color: #E6B12B !important;
  background: transparent !important;
}

#image_enlarger ul.media-info > li.edited > a.action-btn,
#image_upload ul.media-info > li.edited > a.action-btn,
#image_enlarger ul.media-info > li > a.action-btn,
#image_upload ul.media-info > li > a.action-btn,
#image_enlarger ul.media-info > li.toggle-active > a.action-btn,
#image_upload ul.media-info > li.toggle-active > a.action-btn,
#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: #4B4B4A;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
#image_enlarger ul.media-info > li.edited > a.action-btn:hover, #image_enlarger ul.media-info > li.edited > a.action-btn:focus,
#image_upload ul.media-info > li.edited > a.action-btn:hover,
#image_upload ul.media-info > li.edited > a.action-btn:focus,
#image_enlarger ul.media-info > li > a.action-btn:hover,
#image_enlarger ul.media-info > li > a.action-btn:focus,
#image_upload ul.media-info > li > a.action-btn:hover,
#image_upload ul.media-info > li > a.action-btn:focus,
#image_enlarger ul.media-info > li.toggle-active > a.action-btn:hover,
#image_enlarger ul.media-info > li.toggle-active > a.action-btn:focus,
#image_upload ul.media-info > li.toggle-active > a.action-btn:hover,
#image_upload ul.media-info > li.toggle-active > a.action-btn:focus,
#image_enlarger ul.media-info > li.toggle-active.active > a.action-btn:hover,
#image_enlarger ul.media-info > li.toggle-active.active > a.action-btn:focus,
#image_upload ul.media-info > li.toggle-active.active > a.action-btn:hover,
#image_upload ul.media-info > li.toggle-active.active > a.action-btn:focus {
  color: #E6B12B !important;
  background: transparent !important;
}
#image_enlarger ul.media-info > li.edited > a.action-btn:hover .fa, #image_enlarger ul.media-info > li.edited > a.action-btn:focus .fa,
#image_upload ul.media-info > li.edited > a.action-btn:hover .fa,
#image_upload ul.media-info > li.edited > a.action-btn:focus .fa,
#image_enlarger ul.media-info > li > a.action-btn:hover .fa,
#image_enlarger ul.media-info > li > a.action-btn:focus .fa,
#image_upload ul.media-info > li > a.action-btn:hover .fa,
#image_upload ul.media-info > li > a.action-btn:focus .fa,
#image_enlarger ul.media-info > li.toggle-active > a.action-btn:hover .fa,
#image_enlarger ul.media-info > li.toggle-active > a.action-btn:focus .fa,
#image_upload ul.media-info > li.toggle-active > a.action-btn:hover .fa,
#image_upload ul.media-info > li.toggle-active > a.action-btn:focus .fa,
#image_enlarger ul.media-info > li.toggle-active.active > a.action-btn:hover .fa,
#image_enlarger ul.media-info > li.toggle-active.active > a.action-btn:focus .fa,
#image_upload ul.media-info > li.toggle-active.active > a.action-btn:hover .fa,
#image_upload ul.media-info > li.toggle-active.active > a.action-btn:focus .fa {
  color: #E6B12B !important;
}

.controls.meta-option label.meta-label,
#image_upload .media-info .media-info-extend .control-group li label {
  margin-left: 5px;
}

#image_upload > .upload-container nav.edit,
#image_enlarger > figure > div.table_wrapper .overlay-detail {
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #4B4B4A !important;
}

#image_upload ul.media-info input, #image_upload ul.media-info textarea,
#image_enlarger ul.media-info input,
#image_enlarger ul.media-info textarea {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  box-sizing: border-box;
  padding: 2px 5px !important;
  color: #333 !important;
}
#image_upload ul.media-info input:focus, #image_upload ul.media-info input:active, #image_upload ul.media-info textarea:focus, #image_upload ul.media-info textarea:active,
#image_enlarger ul.media-info input:focus,
#image_enlarger ul.media-info input:active,
#image_enlarger ul.media-info textarea:focus,
#image_enlarger ul.media-info textarea:active {
  border: 1px solid #E6B12B !important;
}

#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a .media-item-info,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul .large-btn a .additional-name,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a .fa {
  color: #fff !important;
}

#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a.action-btn:hover span {
  color: #fff !important;
}

#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a span.pull-right {
  line-height: 39px;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info li .media-info-extend.media-downloads ul li a span.extension {
  height: 23px;
  line-height: 23px;
}

#image_enlarger ul.media-info button i.fa.fa-fw {
  line-height: 30px;
  color: #fff;
  vertical-align: top;
}

#image_enlarger ul.media-info a.action-btn.save-focus-point i.fa.fa-fw {
  color: #fff;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail ul li span.child-options {
  float: none;
  margin-left: 10px;
}

#image_upload .media-info-extend .linkToAssets {
  color: #ccc;
}

#image_upload .media-info .media-info-extend .linkToAssets {
  color: #4B4B4A;
}

/* Asset detail image */
#image_enlarger > figure {
  top: 0;
  right: 20px;
  bottom: 10px;
  left: 20px;
}

#image_enlarger > figure > div.table_wrapper > div.cell_wrapper.top {
  text-align: center;
  vertical-align: middle;
  padding-right: 360px;
  padding-left: 20px;
}

#image_enlarger > figure img.detail-image {
  margin-top: 0;
}

#image_enlarger > a.nav .icon {
  font-size: 45px;
}

/* Asset overlay info */
#image_enlarger > figure > div.table_wrapper .cell_wrapper.top .overlay-stats,
#image_enlarger > figure > div.table_wrapper .cell_wrapper.top .overlay-stats span {
  color: #fff;
}

#image_enlarger > figure > div.table_wrapper .cell_wrapper.top .overlay-stats {
  height: auto;
  margin: 20px 0;
  color: #fff;
  background-color: transparent;
  border-radius: 0;
  z-index: 100;
}

#image_enlarger > figure > div.table_wrapper .overlay-stats,
#image_enlarger > figure > div.table_wrapper .overlay-stats.bottom {
  height: 38px;
  margin: 0;
  padding: 10px 20px 10px 20px;
  background: transparent !important;
  opacity: 1;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0;
}

#image_enlarger > figure > div.table_wrapper .overlay-stats span,
#image_enlarger > figure > div.table_wrapper .overlay-stats.bottom span {
  color: #fff;
}

#image_enlarger > figure > div.table_wrapper .overlay-stats hr {
  margin: 5px 0 10px 0;
}

/* PDF popup */
#pdf-container {
  top: 60px;
}

/* Asset detail side */
#image_enlarger ul.media-info {
  width: 300px;
}

#image_enlarger ul.media-info li.alert,
#image_enlarger ul.media-info li#video-Converting,
#image_enlarger ul.media-info li#image-Converting,
#image_enlarger ul.media-info li.message {
  padding: 10px;
  color: #4B4B4A;
  background: #fff;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
}
#image_enlarger ul.media-info li.alert .fa,
#image_enlarger ul.media-info li#video-Converting .fa,
#image_enlarger ul.media-info li#image-Converting .fa,
#image_enlarger ul.media-info li.message .fa {
  margin-right: 2px;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul {
  width: 340px;
  border-bottom: 1px solid #f2f2f2;
}

#image_enlarger > figure > div.table_wrapper .overlay-stats span,
#image_enlarger > figure > div.table_wrapper .overlay-stats {
  color: #fff;
}

a.pull-right.addtocollection span,
a.pull-right.share span {
  color: #fff !important;
}
a.pull-right.addtocollection span:hover,
a.pull-right.share span:hover {
  color: #E6B12B !important;
}

#image_enlarger > a.nav,
#image_enlarger > span.detail-loader {
  color: #fff;
}
#image_enlarger > a.nav:hover,
#image_enlarger > span.detail-loader:hover {
  color: #E6B12B !important;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li,
#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li a {
  color: #4B4B4A;
}
#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li a:hover {
  color: #E6B12B !important;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li.active {
  color: #E6B12B;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li.active a {
  border-bottom: 1px solid rgba(51, 87, 181, 0.6);
}

#image_enlarger .media-info-extend .control-group,
.media-info-extend .control-group {
  color: #4B4B4A;
}

.media-holder.edit input[type=select],
.media-holder.edit input[type=text],
.media-holder.edit textarea {
  line-height: 14px;
}

/* Asset detail asset selector */
#image_enlarger .media-holder .thumbnail .select,
#image_enlarger .media-holder.listview .thumbnail .select,
#image_enlarger .table_wrapper .overlay-detail .select,
#image_enlarger .table_wrapper.active .overlay-detail .select {
  top: 61px;
}

/* Asset detail top */
.table_wrapper .overlay-detail .select {
  display: block;
  opacity: 0;
}

.table_wrapper.active .overlay-detail .select,
.table_wrapper .overlay-detail .select:hover {
  opacity: 1;
}

#image_enlarger .image-detail-toolbar {
  position: absolute;
  top: 0;
  right: 340px;
  transition: 0.6s;
  padding: 0 20px;
}

#image_enlarger a.overlay-resize,
#image_enlarger a.close {
  width: auto;
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  color: #fff;
  font-size: 20px;
}
#image_enlarger a.overlay-resize:hover,
#image_enlarger a.close:hover {
  color: #E6B12B !important;
}

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

#image_enlarger a.close .times {
  width: auto;
  height: 60px;
  line-height: 60px;
  margin: 0;
  font-size: 0;
}

#image_enlarger a.close .times:before {
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 25px;
}

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

.fullscreen #image_enlarger .image-detail-toolbar {
  right: 0px;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail {
  top: 0;
  right: 0;
  bottom: 0;
  width: 340px;
}

#image_enlarger ul.media-info li .control-group .controls .archive-options,
#image_enlarger ul.media-info li .control-group .controls .embargo-options,
#image_enlarger ul.media-info li .control-group .controls .watermark-options,
#image_enlarger ul.media-info li .control-group .controls textarea,
#image_upload ul.media-info li .control-group .controls textarea,
#image_enlarger ul.media-info li .control-group .controls input.title {
  margin-left: 0;
}

#image_enlarger ul.media-info li .control-group .controls input.title {
  border-color: transparent !important;
}
#image_enlarger ul.media-info li .control-group .controls input.title:focus {
  border: 1px solid #E6B12B !important;
}

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

#image_enlarger .tags.select2-container-multi .select2-search-choice-close,
#image_upload .tags.select2-container-multi .select2-search-choice-close {
  color: #fff !important;
}

#image_enlarger .tags.select2-container-multi .select2-choices .select2-search-choice,
#image_upload .tags.select2-container-multi .select2-choices .select2-search-choice {
  background: #E6B12B;
  border-radius: 0;
  color: #fff !important;
  box-shadow: none;
}
#image_enlarger .tags.select2-container-multi .select2-choices .select2-search-choice:hover,
#image_upload .tags.select2-container-multi .select2-choices .select2-search-choice:hover {
  background: #c79517;
}
#image_enlarger .tags.select2-container-multi .select2-choices .select2-search-choice:hover a,
#image_upload .tags.select2-container-multi .select2-choices .select2-search-choice:hover a {
  color: #fff !important;
}

.tags.select2-container-multi .select2-choices,
.tags.select2-container-multi .select2-choices {
  overflow: visible;
}

#image_enlarger ul.media-info li .media-info-extend .controls.action {
  background: #E6B12B;
}
#image_enlarger ul.media-info li .media-info-extend .controls.action label {
  color: #fff;
}
#image_enlarger ul.media-info li .media-info-extend .controls.action label:hover {
  color: #fff !important;
}

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

/* Asset detail bottom */
.related-assets .row {
  padding-bottom: 40px;
}

/* Asset detail title */
#image_enlarger ul.media-info li .control-group .controls input[type=text].title {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

#image_enlarger ul.media-info li .control-group .controls input[type=text].title:focus {
  width: 100% !important;
  min-width: auto !important;
  text-overflow: clip;
}

#image_enlarger ul.media-info li .control-group .controls textarea {
  border: 1px dotted rgba(0, 0, 0, 0.2) !important;
}
#image_enlarger ul.media-info li .control-group .controls textarea:focus {
  border: 1px solid #E6B12B !important;
}

#image_enlarger ul.media-info li .control-group .controls textarea:focus {
  min-height: 56px;
}

#image_enlarger ul.media-info li .media-info-extend ul li a.stats .tip b {
  color: #fff;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail ul li h2 {
  color: #4B4B4A;
}

/* Asset detail checkbox and radiobutton */
#image_enlarger ul.media-info li .control-group .controls.meta-option input[type=checkbox] {
  position: relative;
}

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

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

/* Select all checkbox */
#image_enlarger ul.media-info li .control-group.select-options .controls.meta-option.advanced-categories input[type=checkbox] {
  float: left;
}

.option-holder ul.advanced-categories > li {
  border-color: #CFD1D1;
}

.option-holder ul.advanced-categories > li label {
  color: #fff;
}

#image_upload .media-info .media-info-extend .control-group.select-options li.meta-select label {
  margin-right: 5px;
}

/* Versions tab */
#newFilesdropzone:hover,
#newFilesdropzone:hover .fa {
  color: #E6B12B !important;
}

#image_enlarger ul.media-info li .control-group .controls span.input a.nofollow.tip-trigger input[type=text] {
  width: 220px !important;
  min-width: 220px !important;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li span {
  border-radius: 0;
  background-color: #3357B5;
}

/* Avaliable files */
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a {
  padding-top: 10px;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info li .media-info-extend.media-downloads ul li a span.extension {
  left: 10px;
}

/* CROP */
#image_enlarger ul.media-info .media-info-extend.crop input {
  margin-top: 5px;
}

.media-info-extend.crop input.number {
  width: 133px;
}

.media-info-extend.crop .size .input-mini input.number {
  width: 52px;
}

#image_enlarger ul.media-info li.active .cropSave .fa {
  color: #fff !important;
  transition: all 0.2s;
}

#image_enlarger ul.media-info li.active .cropSave:hover .fa {
  color: #fff !important;
}

#image_enlarger ul.media-info li .media-info-extend.crop .size .input-mini span .fa.fa-lock {
  background: #E6B12B;
  color: #fff;
}

/* Asset detail related assets */
#image_enlarger .related-assets .media-holder {
  vertical-align: top;
}

#image_enlarger .related-assets .media-holder .thumbnail:hover {
  border: #E6B12B;
}

#image_enlarger .related-assets .media-holder .thumbnail:hover,
#image_enlarger .related-assets .ui-selecting .thumbnail,
#image_enlarger .related-assets .media-holder.active .thumbnail {
  padding: 5px;
}

#image_enlarger .related-assets .media-holder .thumbnail p {
  max-width: 120px;
  line-height: 20px;
}

#image_enlarger .related-assets .media-holder .thumbnail:hover p {
  height: auto;
  text-overflow: unset;
  word-break: break-word;
  white-space: normal;
}

#image_enlarger .related-assets .media-holder .thumbnail .extension {
  display: none !important;
}

.related-assets .media-holder .thumbnail:hover,
.related-assets .ui-selecting .thumbnail,
.related-assets .media-holder.active .thumbnail {
  padding: 5px;
}

/* UPLOAD & EDIT MEDIA */
#image_upload ul.media-info li,
#image_upload ul.media-info li .media-info-extend {
  padding: 6px 0;
}

#image_upload ul.media-info li.description .heading {
  color: #4B4B4A;
}

#image_upload .media-tools-left .media-reulsts.selected {
  border: none;
  height: 30px;
}

a.toggle-option.active,
a.toggle-option-all.active,
a.multi-edit-option.delete.reset,
a.multi-edit-option.delete-all.reset {
  background-color: #E6B12B !important;
  color: #4B4B4A;
}
a.toggle-option.active i.fa,
a.toggle-option-all.active i.fa,
a.multi-edit-option.delete.reset i.fa,
a.multi-edit-option.delete-all.reset i.fa {
  color: #fff !important;
}

a.toggle-option-all.active:hover,
a.multi-edit-option.toggle-option.active:hover,
a.multi-edit-option.delete.reset:hover,
a.multi-edit-option.delete-all.reset:hover {
  background: #c79517 !important;
}
a.toggle-option-all.active:hover .fa.fa-eye-slash,
a.multi-edit-option.toggle-option.active:hover .fa.fa-eye-slash,
a.multi-edit-option.delete.reset:hover .fa.fa-eye-slash,
a.multi-edit-option.delete-all.reset:hover .fa.fa-eye-slash {
  color: #fff !important;
}

.multi-edit-options a.multi-edit-option {
  margin-top: 3px;
  color: #333;
}
.multi-edit-options a.multi-edit-option:hover .fa {
  color: #E6B12B !important;
}

span.count-meta.disabled {
  color: #fff;
  background: #3357B5;
}

span.count-meta {
  color: #fff;
  background: #E6B12B;
  border: 1px solid #fff;
}

i.fa.fa-times-circle.remove-meta {
  color: #fff !important;
}

#image_upload ul.media-info {
  top: 50px;
  padding: 0 20px 20px 20px;
}

#image_upload ul.media-info input[type=radio], #image_upload ul.media-info input[type=checkbox] {
  width: 13px;
  height: 13px;
}

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

.media-holder .thumbnail .thumbnail-loader p.state {
  white-space: initial;
  text-overflow: ellipsis;
  overflow: visible;
  line-height: 1.2;
}

.media-holder .thumbnail .thumbnail-loader .state-converting {
  height: 100px;
  right: -1px;
  top: -160px;
  height: 130px;
  box-sizing: border-box;
}

.media-holder .thumbnail .thumbnail-loader .state-saving {
  height: 100px;
  right: -1px;
  top: -160px;
  height: 130px;
  box-sizing: border-box;
}

#image_upload > .upload-container .media-holder .thumbnail-loader .upload-progress {
  top: -30px;
  right: -1px;
}

.upload-media .media-holder.edit .thumbnail > span.upload-extension {
  margin-top: 5px;
}

.media-holder .thumbnail .thumbnail-loader .state-uploading .percent {
  border-radius: 0;
  box-sizing: border-box;
  margin-left: 0;
  left: 1px;
  width: 100%;
  height: 130px;
  top: -160px;
  padding-top: 38px;
}

/* Asset edit */
#image_enlarger ul.media-info .media-info-extend .control-group {
  margin: 0;
}

#image_enlarger ul.media-info .media-info-extend .controls label.checkbox {
  min-height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

#image_enlarger ul.media-info .media-info-extend .controls label.checkbox input[type=checkbox] {
  width: 14px;
  margin: 3px 2px 0 0;
}

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

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

/* Asset edit select all */
#image_upload header ul.actions-bar li.select a.group-btn.select-all {
  width: 35px;
  height: 30px;
  line-height: 30px;
  background: none;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-sizing: border-box;
}
#image_upload header ul.actions-bar li.select a.group-btn.select-all:before {
  position: absolute;
  left: 50%;
  font-family: "FontAwesome";
  font-size: 18px;
  color: #4B4B4A;
  content: "\f096";
  transform: translateX(-50%);
}

#image_upload header ul.actions-bar.active li.select a.group-btn.select-all:before {
  content: "\f046";
}

#image_upload header ul.actions-bar li.select a.group-btn.select-dropdown {
  border: 0;
  border-left: 1px solid #CFD1D1;
  border-radius: 0;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Asset detail side bottom */
#image_enlarger > figure > div.table_wrapper .overlay-detail .bottom,
#image_upload > .upload-container .bottom {
  left: 0;
  border-top: 1px solid #CFD1D1;
  box-shadow: none;
}

/* Asset upload */
#image_upload > .upload-container .upload-media-wrapper {
  margin-top: 50px;
}

#image_upload > .upload-container nav.edit .selected {
  padding: 20px 20px 0 20px;
  max-height: 20px;
}

nav.edit .selected .multi-edit-options {
  top: 12px;
}

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

#image_upload .media-tools ul.media-tools-left li.media-results span.results {
  border-radius: 0 4px 4px 0;
}

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

#image_upload .option-holder.option-categories .option-container {
  width: auto;
  max-width: 100%;
  background-color: #484848;
  color: #fff;
}

#image_upload .option-header,
#image_upload .option-holder .option-container,
#image_upload .option-footer {
  padding: 10px;
}

#image_upload .option-header .action-btn,
#image_upload .option-holder .option-container .action-btn,
#image_upload .option-footer .action-btn {
  height: 25px;
  position: relative;
  display: table;
}

#image_upload .option-header .action-btn .fa,
#image_upload .option-holder .option-container .action-btn .fa,
#image_upload .option-footer .action-btn .fa {
  vertical-align: middle;
  display: table-cell;
}

#image_upload .option-holder {
  left: 0;
  max-width: 100%;
  color: #fff;
  background: #484848;
}

#image_upload .option-holder .option-header,
#image_upload .option-holder .option-footer {
  color: #fff;
  background: #484848;
}

#image_upload .option-holder input[type=text] {
  border: 1px solid #CFD1D1;
  padding: 0 5px !important;
}

#image_upload .option-holder input[type=text].select2-focused {
  color: #fff !important;
}

#image_upload .option-holder .option-container form .control-group .property .controls select {
  max-width: 100%;
}

.option-holder .checkbox-checkbox {
  margin: 5px 2px 3px 0;
}

#image_upload header ul.actions-bar li.select:hover ul.auto-complete {
  top: 35px;
}

#image_upload .media-info-extend .control-group {
  list-style-type: none !important;
}

#image_enlarger ul.media-info li .media-info-extend ul li a.linked-asset-remove.thumbnail,
#image_upload ul.media-info li .media-info-extend ul li a.linked-asset-remove.thumbnail {
  color: #4B4B4A;
  background: transparent;
}

#image_upload .option-holder .property_linked_assets ul.linked-assets-items li .thumbnail {
  width: 205px;
  border-radius: 0;
}
#image_upload .option-holder .property_linked_assets ul.linked-assets-items li .thumbnail:hover .pull-right .fa {
  color: #ff4700;
}

#image_upload .option-holder .pull-right {
  color: #fff;
}
#image_upload .option-holder .pull-right .fa {
  color: #fff;
  transition: all 200ms ease;
}
#image_upload .option-holder .pull-right .fa:hover {
  cursor: pointer;
}

#image_upload > .upload-container nav.edit ul li .control-group textarea.copyrightArea {
  width: 260px;
  min-width: 260px;
}

/* Asset upload/edit selector and tiles */
#image_upload .media-holder .thumbnail:hover {
  border: 0;
  box-shadow: none;
}

#image_upload .media-holder .thumbnail {
  border: 0;
  box-shadow: none;
}

#image_upload .media-holder.active .thumbnail {
  border: 0;
  box-shadow: none;
}

#image_upload .media-holder .thumbnail .select,
#image_upload .media-holder.active .thumbnail .select {
  top: 0;
  right: 0;
}

/* Asset detail miscellaneous */
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info li .media-info-extend ul li span.input .tip-trigger,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info li .media-info-extend ul li span.date .tip-trigger {
  color: #333;
}

/* Asset detail video preview icons */
.vjs-icon-pause,
.video-js .vjs-play-control,
.video-js button {
  font-family: "VideoJS" !important;
}

.video-js button:hover,
.video-js button:active,
.video-js button:focus {
  background: transparent !important;
}

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

.content-container.collections {
  padding: 110px 0 0 0;
}
.content-container.collections #collections-container .collection-holder .thumbnail,
.content-container.collections #collections-container .collection-holder .thumbnail > a,
.content-container.collections #collections-container .collection-holder .thumbnail .image-holder {
  width: 100%;
  box-sizing: border-box;
}
.content-container.collections #collections-container .collection-holder .thumbnail .image-holder img {
  border-radius: 3px;
}

.collection-navigation {
  width: 220px;
  top: 130px;
  left: 20px;
  padding: 0 0 10px 0;
  border: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
  transition: top 0.3s;
}

header.small ~ .collection-navigation {
  top: 83px;
}

.collection-navigation ul {
  padding: 0;
}

.collection-navigation ul li h3 {
  margin: 0;
  padding: 10px;
  color: #4B4B4A;
  font-weight: 700;
  font-size: 16px;
}

.collection-navigation ul li a {
  max-height: 35px;
  line-height: 35px;
  padding: 0 45px 0 10px;
  font-weight: 400;
  font-size: 14px;
  color: #4B4B4A;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.collection-navigation ul li a:hover {
  color: #3357B5;
}
.collection-navigation ul li a:hover .fa {
  color: #3357B5;
}

.collection-navigation ul li a .fa {
  margin-right: 5px;
  color: #4B4B4A;
  transition: color ease 0.2s;
}

.collection-navigation ul li span.count {
  position: absolute;
  right: 10px;
  font-weight: 700;
  font-size: 12px;
  color: #4B4B4A;
  background-color: #fff;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 7px 0 0 0;
  padding: 0 4px;
}

.collection-navigation ul li.dropdown.alwaysopen ul li.active a,
.collection-navigation ul li.dropdown.active ul li.active a {
  color: #3357B5;
  background-color: rgba(0, 0, 0, 0.03);
  border: 0;
  border-radius: 0;
}
.collection-navigation ul li.dropdown.alwaysopen ul li.active a .fa,
.collection-navigation ul li.dropdown.active ul li.active a .fa {
  color: #3357B5;
}
.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;
  border-color: #3357B5;
  background-color: #3357B5;
}

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

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

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

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

.media-tools > .media-tools-left > li.media-sort p,
.chosen-container-single .chosen-single span {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  color: #4B4B4A;
}

.content-container.collections .collections-container .media-tools .media-tools-left .media-sort .dropdown-search a.chosen-single {
  font-weight: 400;
  font-size: 12px;
  color: #4B4B4A;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
}

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

#collections-container ul.media-tools-right {
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
}

#collections-container ul.media-tools-right li.media-sort > a {
  font-weight: 400;
  font-size: 14px;
  color: #4B4B4A;
  letter-spacing: 0;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: color ease 0.2s;
}
#collections-container ul.media-tools-right li.media-sort > a strong {
  font-weight: 400;
}
#collections-container ul.media-tools-right li.media-sort > a:hover strong {
  color: #E6B12B;
}

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

#collections-container ul.media-tools-right li.media-sort ul.auto-complete li a {
  color: #4B4B4A !important;
}
#collections-container ul.media-tools-right li.media-sort ul.auto-complete li a strong {
  font-weight: 400;
}

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

/* Collection tiles */
#collections-container .collection-holder {
  width: 220px;
  height: 200px;
  margin: 0 20px 20px 0;
  border: 0;
  border-radius: 0;
  transition: transform ease 0.2s;
  position: relative;
}
#collections-container .collection-holder:hover {
  z-index: 98;
}

.collection-holder:before,
.collection-holder:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: auto;
  height: 195px;
  border: 1px solid #f5f7f9;
  border-radius: 4px;
  background: #f5f7f9;
  box-shadow: none;
  content: "";
  transition: all 0.2s;
}

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

.collection-holder:hover:before {
  transform: rotate(-5deg);
}

.collection-holder:hover:after {
  transform: rotate(3deg);
}

#collections-container .collection-holder .thumbnail {
  height: auto;
  min-height: 195px;
  bottom: auto;
  left: auto;
  margin: 0;
  z-index: 3;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
}

#collections-container .collection-holder .thumbnail > a {
  position: absolute;
  width: 220px;
  height: 100%;
  top: 0;
  left: 0;
}

#collections-container .collection-holder .thumbnail .image-holder {
  height: 125px;
  margin: 0 auto;
  background: transparent;
}

.collection-holder .thumbnail .image-holder .empty-collections {
  top: 35px;
  left: 70px;
  margin: 0;
}

#collections-container .collection-holder .thumbnail h4 {
  max-width: 100%;
  position: static;
  margin: 145px 10px 0 10px;
  font-weight: 600;
  font-size: 14px;
  color: #4B4B4A;
  word-break: break-all;
  white-space: nowrap;
}

#collections-container .collection-holder .thumbnail span.count {
  height: 20px;
  line-height: 20px;
  bottom: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #3357B5;
}

#collections-container .collection-holder .thumbnail .share-holder {
  height: 25px;
  line-height: 25px;
  right: 10px;
  bottom: 5px;
}
#collections-container .collection-holder .thumbnail .share-holder:hover .share > .fa {
  color: #E6B12B;
}

#collections-container .collection-holder .thumbnail .share-holder .share {
  display: block;
  height: 20px;
  line-height: 20px;
  top: 0;
  border-radius: 0;
}
#collections-container .collection-holder .thumbnail .share-holder .share .fa {
  padding: 2px 4px;
}

.collection-holder .thumbnail .share:hover {
  border: 1px solid transparent;
}

#collections-container .collection-holder .thumbnail .share ul.auto-complete {
  min-width: 200px;
  top: 20px;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
}

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

#copyEmbed {
  color: #E6B12B !important;
}

/* Collection detail section */
.content-container.single-collection {
  padding-top: 170px;
  padding-right: 0;
  transition: padding ease 0.2s;
  position: relative;
  width: 100%;
  max-width: 1240px !important;
  margin: 0 auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.filterbar.show ~ .content-container.single-collection {
  padding-top: 170px;
}

#single-collection-top {
  min-height: 100px;
  position: relative;
  padding: 20px 0;
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
  box-sizing: border-box;
}
#single-collection-top:before {
  content: "";
  border-bottom: 0;
  display: none;
}

#single-collection-top > h1 {
  height: auto;
  line-height: normal;
  padding-right: 320px;
  word-break: break-all;
  font-weight: 700;
  font-size: 28px;
  color: #4B4B4A;
  text-align: left;
  margin: 0 0 20px 0;
}
#single-collection-top > h1 strong {
  font-weight: 700;
}

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

#single-collection-top .cta-main-container > li > a,
#single-collection-top .cta-main-container li.collection-delete a.action-btn {
  height: 40px !important;
  line-height: 40px !important;
  margin-right: 10px !important;
  vertical-align: top;
}

#single-collection-top .cta-main-container li.collection-delete a.action-btn {
  color: #fff !important;
  font-weight: 400 !important;
}
#single-collection-top .cta-main-container li.collection-delete a.action-btn .fa {
  color: #fff !important;
}

#single-collection-top .cta-main-container > li > a > .fa {
  line-height: 40px;
}

#single-collection-top .cta-main-container > li:last-of-type > a {
  margin-right: 0 !important;
}

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

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

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

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

.cta-main-container ul.cta-dropdown li .switch-holder.active .switch .fa {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 22px;
  line-height: 22px;
  color: #E6B12B;
}

/* Colections sidebar */
#collection-detail {
  position: static;
  float: left;
  margin: 55px 0 0 0;
  padding: 0;
}
#collection-detail ul li {
  font-size: 12px;
  color: #4B4B4A;
  border-bottom: 1px solid #CFD1D1;
}
#collection-detail ul li strong {
  font-weight: 400;
}
#collection-detail ul li:first-of-type {
  border-bottom: 1px solid #CFD1D1;
}
#collection-detail ul li:nth-of-type(2) a {
  border-top: 0;
  margin-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #CFD1D1;
}
#collection-detail ul li .fa {
  width: 12px !important;
  margin-right: 8px;
  display: block;
  float: left;
  font-size: 12px;
}
#collection-detail ul li .fa.fa-globe {
  margin-bottom: 8px;
}
#collection-detail ul li a {
  display: block;
  width: 100%;
  border-top: 1px solid #CFD1D1;
  padding-top: 8px;
  float: none;
}
#collection-detail ul li a.saveCollection {
  padding-bottom: 8px;
}
#collection-detail ul li a .fa-circle {
  color: #51A856;
}

#collection-detail h2 {
  margin: 10px 0;
  font-weight: 400;
  font-size: 14px;
  color: #4B4B4A;
  text-align: left;
}

#collection-detail .description {
  margin: 0;
  border-bottom: 0;
}

#collection-detail .description textarea {
  width: 260px;
  margin-left: 0;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #CFD1D1;
  border-radius: 0;
}
#collection-detail .description textarea:focus {
  background: #fff;
  border-color: #E6B12B;
}

/* Collection content */
#collection-media {
  margin: 0 0 0 300px;
}
#collection-media .media-tools {
  min-height: 35px;
  max-height: 70px;
  padding: 20px 0;
}
#collection-media .media-tools > .actions-bar {
  margin-right: 0;
}

/*=======================
NEWS PAGE
=======================*/
.content-container.dashboard.single .collection-stream {
  width: 880px;
  margin-top: 0;
}

.content-container.dashboard.single .dashboard-side {
  margin: 0 0 0 20px;
}

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

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

/*=======================
STYLEGUIDE PAGE / GUIDELINES PAGE
=======================*/
.filters-holder.styleguide #styleguide-save {
  margin: 15px 0 0 0;
  color: #4B4B4A !important;
}

.filters-holder.styleguide .filters > li a.selected span.searchCount:before {
  margin-top: 1px;
}

.filters-holder #styleguide-save.disabled {
  background-color: #3357B5;
}

#styleguide-container {
  max-width: none;
  padding: 190px 20px 50px 20px;
}

#styleguide-sidebar {
  width: 280px;
  padding: 0 0 50px 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

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

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

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

.arrow-styleguide {
  right: 30px;
}

#styleguide-sidebar a.action-btn.edit-nav .fa {
  vertical-align: middle;
}

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

#styleguide-sidebar ul li.chapter:first-child {
  border-top: 1px solid #CFD1D1;
}

#styleguide-sidebar ul li.chapter > .title {
  padding: 0 20px;
  color: #3357B5;
  border: none;
  border-radius: 0;
  background: #fff;
}
#styleguide-sidebar ul li.chapter > .title:hover p {
  color: #E6B12B;
}
#styleguide-sidebar ul li.chapter > .title .fa {
  display: none;
}

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

#styleguide-sidebar ul li.chapter > .title p {
  max-width: 210px;
  font-weight: 700;
  font-size: 16px;
  color: #4B4B4A;
  line-height: 22px;
  outline: none;
}
#styleguide-sidebar ul li.chapter > .title p i.fa {
  line-height: 22px;
}

#styleguide-sidebar ul li.chapter.opened > .title p {
  color: #4B4B4A;
}
#styleguide-sidebar ul li.chapter.opened > .title p i.fa {
  display: none;
}

/* Styleguide pages */
#styleguide-sidebar ul.pages li.page span.page {
  max-width: 210px;
  margin: 0 20px;
  padding: 10px 20px 10px 0;
  font-size: 14px;
  color: #4B4B4A;
  box-shadow: inset 0 -1px 0 0 #F5F5F5;
  overflow: hidden;
  word-break: break-word;
  transition: all 200ms ease;
}
#styleguide-sidebar ul.pages li.page span.page .fa {
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #4B4B4A;
  transition: all 200ms ease;
}
#styleguide-sidebar ul.pages li.page span.page:hover .fa {
  right: 28px;
}

#styleguide-sidebar ul.pages li.page.active span.page {
  margin: 0 20px;
  padding: 10px 20px 10px 0;
  color: #3357B5;
  background-color: transparent;
  font-weight: 700;
}
#styleguide-sidebar ul.pages li.page.active span.page .fa {
  display: none;
}

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

#styleguide-sidebar ul li.opened > ul li:hover > span.page {
  background-color: #fff;
  color: #E6B12B;
}

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

#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 li.add a.action-btn.add-page {
  margin: 10px auto 0 auto;
  line-height: 30px;
}

#styleguide-sidebar li.editmode li.add a.action-btn.add-page {
  width: 50%;
}

#styleguide-sidebar li.add a.action-btn.add-page .fa {
  vertical-align: baseline;
}

#styleguide-sidebar ul li.chapter > .title p[contenteditable=true],
#styleguide-sidebar ul.pages li.page span.page span[contenteditable=true] {
  border: 0;
  border-radius: 0;
  padding: 0 !important;
  outline: none !important;
  box-shadow: none;
}

#styleguide-sidebar ul li.chapter > .title p[contenteditable=true] {
  margin: 0 20px !important;
}

#styleguide-sidebar ul li.chapter [contentEditable=true]:hover {
  box-shadow: none;
}

#styleguide-sidebar #styleguide-addchapter a.action-btn {
  margin: 0;
}

/* Styleguide header */
#styleguide-page-header {
  margin-left: 300px;
  padding: 20px 20px 0 20px;
  border: 1px solid #CFD1D1;
  border-bottom: 0;
  border-radius: 0 0 0 0;
}

#styleguide-page-header h1.header-title,
#pdf-page-header h1.header-title {
  font-weight: 400;
  font-size: 31px;
  color: #3357B5;
  letter-spacing: 0.1px;
}

#styleguide-page-header .tableofcontents-check input {
  margin-right: 5px;
}

#styleguide-page-header .styleguide-controls li a.group-btn {
  font-size: 16px;
  color: #4B4B4A;
  border: none;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
}
#styleguide-page-header .styleguide-controls li a.group-btn:hover {
  color: #E6B12B !important;
  background: transparent !important;
}

#styleguide-page-header .styleguide-controls li a.group-btn {
  background: transparent !important;
}

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

#styleguide-page-header .styleguide-controls li a.group-btn .fa-globe {
  color: #E6B12B;
}

#styleguide-page-header .styleguide-controls li a.group-btn:hover .fa-globe {
  color: #c79517;
}

#styleguide-page-content {
  margin-left: 300px;
  padding: 20px;
  border: 1px solid #CFD1D1;
  border-top: 0;
  border-radius: 0 0 0 0;
}

#styleguide-content.editmode .group {
  border: 0;
}

.editmode .header,
.editmode .group > .header {
  height: 30px;
  margin: 0;
  background: linear-gradient(to bottom, #fdfbfb 0, #ebedee 100%);
  border: 1px solid #CFD1D1;
}

/* Styleguide paragraph formats */
#styleguide-container .content-text .paragraph {
  border-radius: 0;
}

#styleguide-container .content-text .paragraph,
#styleguide-container p,
#styleguide-container p.paragraph,
#styleguide-container .content-title h2,
#styleguide-container h2.title {
  color: #4B4B4A !important;
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif !important;
  font-weight: 400;
}

#styleguide-container .content-title h2,
#styleguide-container h2.title {
  font-size: 30px;
  line-height: 30px;
}

#styleguide-container .content-text .paragraph.intro,
#styleguide-container h3.intro {
  font-size: 22px;
  line-height: 22px;
}

#styleguide-container .content-text .paragraph,
#styleguide-container p.paragraph {
  font-size: 14px;
  line-height: 22px;
}

#styleguide-container .content-text .caption,
#styleguide-container p.caption {
  font-size: 14px;
  line-height: 14px;
}

#styleguide-container .content-text button {
  padding: 5px 10px;
}

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

#styleguide-container ul.group-btns.big li.new-embed-toolbar a.group-btn {
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  border: 0 solid #E6B12B;
  border-radius: 0;
  background-color: #E6B12B;
  box-shadow: none;
}

.draft-notification,
.notcurrent-notification {
  margin: 0 0 10px 0;
  padding: 5px 20px;
  color: #4B4B4A;
  background: #e9eaec;
  border: 0;
  border-radius: 0;
}
.draft-notification p a.action-btn,
.notcurrent-notification p a.action-btn {
  margin-left: 10px;
}

.editmode .between:after {
  content: "\f067";
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 30px;
}

#styleguide-version-history li {
  min-height: 35px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  transition: all 200ms ease;
}
#styleguide-version-history li a {
  color: #4B4B4A;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  float: none;
  width: 300px;
  transition: all 200ms ease;
}
#styleguide-version-history li a:hover {
  color: #E6B12B !important;
}
#styleguide-version-history li:not(.active):hover a {
  color: #E6B12B !important;
}
#styleguide-version-history li i.fa-angle-right {
  margin: 0;
  font-size: 22px;
  display: table-cell !important;
  vertical-align: middle;
  float: none;
  width: 20px;
}
#styleguide-version-history li .page-info {
  position: static;
  display: table-cell;
  vertical-align: middle;
  float: none;
  top: 0;
  width: 160px;
}
#styleguide-version-history li .page-info p {
  margin: 0;
}
#styleguide-version-history li .status {
  position: static;
  display: table-cell;
  vertical-align: middle;
  float: none;
  margin: 0;
  text-align: center;
}
#styleguide-version-history li .status.head {
  background: #E6B12B;
  color: #fff;
  border: 0;
  border-radius: 0;
}
#styleguide-version-history li div {
  position: static;
  display: table-cell;
  vertical-align: middle;
  float: none;
}
#styleguide-version-history li div.delete {
  visibility: visible;
  text-align: center;
  float: none;
  margin: 0;
  width: 30px;
}
#styleguide-version-history li div.delete .fa {
  color: #ff4700;
  margin-top: 0;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  transition: all 200ms ease;
}
#styleguide-version-history li div.delete:before {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  background: transparent;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  right: 11px;
  border-radius: 3px;
  z-index: 1;
  transition: all 200ms ease;
}
#styleguide-version-history li div.delete:hover .fa {
  color: #fff;
}
#styleguide-version-history li div.delete:hover:before {
  background: #ff4700;
}
#styleguide-version-history li.active a {
  color: #4B4B4A;
  font-weight: 700;
}

/* Styleguide featured collection / Styleguide content embed */
.bynder-widget-media-list {
  border: 1px solid #CFD1D1;
}

#styleguide-page-content .content-embed .embed {
  margin: 0;
}

#styleguide-page-content .bynder-widget-media-list .bynder-widget-header {
  background: #fff;
  border-bottom: 0;
  box-shadow: none;
}

#styleguide-page-content .bynder-widget-media-list .bynder-widget-header a.bynder-widget-link {
  color: #4B4B4A;
}

#styleguide-page-content .bynder-widget-header a.bynder-widget-btn {
  background: #E6B12B;
  color: #fff;
  border: 0 solid #E6B12B;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
}
#styleguide-page-content .bynder-widget-header a.bynder-widget-btn:hover {
  background: #c79517;
  color: #fff !important;
}

#styleguide-page-content .bynder-widget-header a.bynder-widget-btn .icon-download-white {
  width: 10px;
  margin: 0 6px 0 0;
  background: none;
  text-align: left;
  font-size: 14px;
}
#styleguide-page-content .bynder-widget-header a.bynder-widget-btn .icon-download-white:before {
  content: "\f019";
  position: absolute;
  font-family: "FontAwesome";
  color: #fff;
}

#styleguide-page-content .bynder-widget-content {
  height: auto !important;
}

#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li {
  width: auto;
}
#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li:hover a.bynder-widget-media-link {
  padding: 10px;
  border: 1px solid #E6B12B;
}

#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li a.bynder-widget-media-link {
  width: 189px;
  margin: 0 10px 10px 0;
  color: #4B4B4A;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
}

#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li a .bynder-widget-mediaholder {
  width: 189px;
}

#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li a.bynder-widget-btn {
  opacity: 0;
}

#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li:hover a.bynder-widget-btn {
  opacity: 1;
}

#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li a.bynder-widget-btn,
#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li:hover a.bynder-widget-btn {
  width: 170px;
  top: 93px;
  left: 10px;
  right: 10px;
  margin: 0;
  color: #fff;
  background: #E6B12B;
  border: 0;
}
#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li a.bynder-widget-btn:hover,
#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li:hover a.bynder-widget-btn:hover {
  color: #fff !important;
}
#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li a.bynder-widget-btn.active,
#styleguide-page-content .bynder-widget-content ul.bynder-widget-media-items li:hover a.bynder-widget-btn.active {
  width: 170px !important;
}

a.bynder-widget-btn {
  text-shadow: none;
}

.bynder-widget .icon-download-white {
  height: 28px;
  line-height: 28px;
  margin: 0;
  background: transparent;
}

.bynder-widget .icon-download-white:before {
  content: "\f019";
  font-family: "FontAwesome";
  position: absolute;
}

/* Styleguide asset detail */
#bynder-widget-lightbox > .bynder-widget-figure > .bynder-widget-table-wrapper > .bynder-widget-overlay-detail ul li a.bynder-widget-btn {
  background: #E6B12B;
  color: #fff;
  border: 0;
  box-shadow: none;
}
#bynder-widget-lightbox > .bynder-widget-figure > .bynder-widget-table-wrapper > .bynder-widget-overlay-detail ul li a.bynder-widget-btn:hover {
  background: #c79517;
  color: #fff !important;
}

#bynder-widget-lightbox > .bynder-widget-figure > .bynder-widget-table-wrapper > .bynder-widget-overlay-detail ul li ul#fileList li i {
  margin-top: 0;
}

/*=======================
STYLEGUIDE CATEGORIES PAGE /  STYLEGUIDE OVERVIEW PAGE
=======================*/
body[data-module=styleguide] header .tool-bar > .filters-holder > ul.filters > li.filter > a {
  border-right: 0;
  border-left: 0;
}
body[data-module=styleguide] header .tool-bar > .filters-holder > ul.filters > li.filter > a:before {
  display: none !important;
}
body[data-module=styleguide] header .tool-bar > .filters-holder > ul.filters > li.filter > a:after {
  display: none !important;
}

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

.content-container.guidelines {
  width: 100%;
  max-width: 1200px;
  padding: 190px 20px 60px 20px;
}

.content-container.guidelines .guideline-intro {
  margin: 0;
}
.content-container.guidelines .guideline-intro h1 {
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
  color: #4B4B4A;
}
.content-container.guidelines .guideline-intro p {
  margin: 0 0 20px 0;
  padding: 0 20px 0 0;
}

.content-container.guidelines .guideline-blocks {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}

.content-container.guidelines .guideline-block-holder {
  float: left;
  width: 220px;
  height: 220px;
  margin: 0 20px 20px 0;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
}

/* General guideline tiles styling */
.content-container.guidelines .guideline-blocks .guideline-block {
  display: flex;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  min-height: 240px;
  overflow: inherit;
  border: 1px solid #CFD1D1;
  transition: background ease 0.2s;
  flex-grow: 1;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.content-container.guidelines .guideline-blocks .guideline-block img {
  position: relative;
  object-fit: cover;
  margin: 0 auto;
  width: 100%;
  height: 240px;
  background: #fff;
  order: 1;
}
.content-container.guidelines .guideline-blocks .guideline-block h3 {
  position: relative;
  display: block;
  margin: 0;
  padding: 12px 20px;
  width: 100%;
  min-height: 50px;
  background: #fff;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
  border-top: 1px solid #CFD1D1;
  transition: 200ms;
  z-index: 31;
  overflow: hidden;
  color: #E6B12B;
  order: 2;
}
.content-container.guidelines .guideline-blocks .guideline-block h3 .fa {
  position: absolute;
  margin-top: 3px;
  margin-left: 4px;
  font-size: 18px;
  transition: transform 300ms ease;
}
.content-container.guidelines .guideline-blocks .guideline-block h3 .fa.fa-chevron-right:before {
  content: "\f105";
}
.content-container.guidelines .guideline-blocks .guideline-block h3 .guidelines-subcategories {
  width: 100%;
  float: left;
  text-align: center;
}
.content-container.guidelines .guideline-blocks .guideline-block:hover h3 .fa {
  transform: translateX(2px);
}
.content-container.guidelines .guideline-blocks .guideline-block p {
  position: relative;
  top: auto;
  margin: 0;
  padding: 10px 20px;
  width: 100%;
  color: #4B4B4A;
  text-align: center;
  border-top: 1px solid #CFD1D1;
  background: #fff;
  transition: 200ms;
  overflow: hidden;
  order: 3;
}
.content-container.guidelines .guideline-blocks .guideline-block p:empty,
.content-container.guidelines .guideline-blocks .guideline-block h3:empty {
  display: none;
}
.content-container.guidelines .guideline-blocks .guideline-block:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 240px;
  background: rgba(9, 139, 199, 0);
  transition: 200ms;
  z-index: 30;
}
.content-container.guidelines .guideline-blocks .guideline-block:hover {
  border: 1px solid #E6B12B;
  box-shadow: 0 0 0 1px rgba(230, 177, 43, 0.95);
}
.content-container.guidelines .guideline-blocks .guideline-block:hover:before {
  background: rgba(0, 0, 0, 0.1);
}

/* Styleguide-subcategories disabled  */
.content-container.guidelines .guideline-blocks > .guideline-block {
  float: left;
  margin: 0 0 20px 20px;
  padding: 0;
  max-width: calc(33% - 20px);
  background: transparent;
  transition: 200ms;
  flex-grow: 1;
}

/* Styleguide-subcategories enabled */
.content-container.guidelines .guideline-blocks .guideline-block-holder {
  float: left;
  margin: 0 0 20px 20px;
  padding: 0;
  width: calc(33% - 20px);
  max-width: calc(33% - 20px);
  height: auto;
  border: 0;
  background: transparent;
  transition: 200ms;
  flex-grow: 1;
}

.content-container.guidelines .guideline-blocks .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block {
  margin: 0 0 20px 20px;
  width: calc(33.3333333333% - 20px);
  max-width: calc(33% - 20px);
  background: #fff;
  transition: 200ms;
}
.content-container.guidelines .guideline-blocks .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block h3 .fa {
  margin-left: 4px;
  font-size: 16px;
  vertical-align: middle;
}
.content-container.guidelines .guideline-blocks .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block h3 .fa.fa-chevron-right:before {
  content: "\f105";
}
.content-container.guidelines .guideline-blocks .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block p {
  position: relative;
  top: auto;
  margin: 0;
  padding: 13px 20px;
  width: 100%;
  color: #4B4B4A;
  text-align: center;
  font-weight: 400;
  border-top: 1px solid #CFD1D1;
  background: #fff;
  transition: 200ms;
  order: 3;
}
.content-container.guidelines .guideline-blocks .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block p:empty,
.content-container.guidelines .guideline-blocks .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block h3:empty {
  display: none;
}
.content-container.guidelines .guideline-blocks .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 240px;
  background: rgba(9, 139, 199, 0);
  transition: 200ms;
  z-index: 30;
}
.content-container.guidelines .guideline-blocks .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block:hover {
  border: 1px solid #E6B12B;
  box-shadow: 0 0 0 1px rgba(230, 177, 43, 0.95);
}
.content-container.guidelines .guideline-blocks .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block:hover:before {
  background: rgba(0, 0, 0, 0.1);
}

.content-container.guidelines .guideline-blocks .category-info {
  margin: 0 0 20px 0;
  padding: 20px 0 0 0;
}

.content-container.guidelines .guideline-blocks .category-info .guideline-subcategories-block h2 {
  margin: 0 20px 20px 20px;
}
.content-container.guidelines .guideline-blocks .category-info .guideline-subcategories-block p {
  margin: 0 20px 20px 20px;
}

.content-container.guidelines .guideline-blocks .category-info .guideline-subcategories-block .guideline-subcategories-holder {
  display: flex;
  flex-wrap: wrap;
}

.guidelines-main .content-container.guidelines .category-info .guideline-subcategories-block .guideline-subcategories-arrow {
  top: -50px;
}

/* IE fixes styleguide overview page */
html.ie11 .content-container.guidelines .guideline-blocks .category-info .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block {
  border: 1px solid #CFD1D1;
  background: #fff;
}
html.ie11 .content-container.guidelines .guideline-blocks .category-info .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block:hover {
  background: #E6B12B;
}
html.ie11 .content-container.guidelines .guideline-blocks .category-info .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block h3, html.ie11 .content-container.guidelines .guideline-blocks .category-info .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block p {
  border: 0;
  border-top: 1px solid #CFD1D1;
}
html.ie11 .content-container.guidelines .guideline-blocks .category-info .guideline-subcategories-block .guideline-subcategories-holder a.guideline-block img {
  width: auto;
  border: 0;
}

html.ie11 .content-container.guidelines .guideline-blocks .guideline-block img {
  width: auto;
}

/*=======================
WORKFLOW PAGE
=======================*/
body[data-module=workflow] header .tool-bar {
  width: auto;
  max-width: unset !important;
  max-height: 40px;
  line-height: 40px;
  background-color: #fff;
}

body[data-module=workflow] header .tool-bar ul.breadcrumb {
  height: 40px;
  line-height: 40px;
  margin: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  border-radius: 0;
}
body[data-module=workflow] header .tool-bar ul.breadcrumb:before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
body[data-module=workflow] header .tool-bar ul.breadcrumb:after {
  content: "";
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.breadcrumb li a {
  max-width: 768px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

body[data-module=workflow] .single-collection .popover.popover-wide.top {
  left: 15px !important;
}

body[data-module=workflow] .single-collection .popover.popover-wide.top .arrow {
  left: 25%;
  margin-left: 0;
}

.content-container.brands.workflow.sub-navigation {
  position: relative;
  width: 100%;
  max-width: 1240px !important;
  margin: 0 auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-top: 190px;
  padding-top: 0;
}

.modal-content .stage-management .stage-item .responsible {
  background-color: #E6B12B;
}

.new-job .stage-management .stage-item .avatar {
  margin: 0;
}

.modal-content form.no-auto-submit.clearfix .empty-value {
  color: #fff;
}

.wf-asset-activity.wf-stage-activity ul.auto-complete {
  right: 0;
}

.wf-message-options.left {
  margin-top: 10px;
}

.wf-message-options .select2-container.select2-container-multi .select2-choices,
.wf-message-options .select2-container-multi.select2-container-active .select2-choices,
.wf-message-options .select2-container-active .select2-choice,
.wf-message-options .select2-container-active .select2-choices {
  border: 1px solid #CFD1D1 !important;
}

.wf-asset-activity.wf-stage-activity .select2-container-multi .select2-choices .select2-search-field {
  padding-left: 5px;
}

/* Workflow navigation section */
.content-container.workflow .module-navigation {
  position: absolute;
  left: 50%;
  z-index: 89;
  margin: 0 10px 0 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  transform: translateX(-50%);
}

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

.content-container.workflow .module-navigation ul.module-nav li {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: none;
}

.content-container.workflow .module-navigation ul.module-nav li a {
  padding: 0;
  font-size: 12px;
  color: #4B4B4A;
}
.content-container.workflow .module-navigation ul.module-nav li a strong {
  font-weight: 400;
}

ul.module-nav > li.active:after {
  background-color: #E6B12B;
}

.workflow-header .list-buttons,
.workflow-header .list-buttons a.action-btn {
  height: 30px;
  line-height: 30px;
}

.workflow-jobs-header .workflow-jobs-filter.filter-dropdown {
  margin-top: 20px;
}

.workflow-jobs-header .workflow-jobs-filter .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  background: none !important;
  color: #4B4B4A;
}

/* Workflow view type section */
.workflow-header .media-results {
  margin: 0;
}

.workflow-header .viewtoggle-container .change-view-type {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}

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

.workflow-header .viewtoggle-container .change-view-type:first-child {
  border-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.workflow-header .viewtoggle-container .change-view-type:last-child {
  border-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.content-container.workflow.dashboard.brands.sub-navigation .media-results,
.content-container.workflow.dashboard.brands.sub-navigation .media-results span.selected-results,
.content-container.workflow.dashboard.brands.sub-navigation .media-results span.results {
  top: 0;
  height: 30px;
  line-height: 30px;
}

.content-container.workflow.dashboard.brands.sub-navigation .media-results span.results {
  border: 1px solid #CFD1D1;
  border-left: 0;
  box-sizing: border-box;
  box-shadow: none;
}

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

.workflow-header {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 20px 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  float: left;
}

.workflow-header.header-overview > h1,
.workflow-header h1 {
  max-width: 520px;
  height: 30px;
  line-height: 30px;
  float: left;
  font-weight: 700;
  font-size: 28px;
  color: #4B4B4A;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

.workflow-campaigns-header {
  width: 220px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.workflow-header .media-results.viewtoggle-container span {
  color: #4B4B4A;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
}

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

/* Workflow content */
.status-progress .wf-job-status {
  border-color: #3357B5;
}
.status-progress .wf-job-status:before {
  background-color: #3357B5;
}

.workflow-jobs-container {
  margin: 0;
  border-radius: 0;
}

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

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

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

.campaign-action,
.campaign-actions button.campaign-action {
  color: #4B4B4A;
}

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

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

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

.brand-holder .campaign-info {
  transition: all 200ms ease;
  border-top: 0;
}

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

.campaign-info strong {
  font-weight: 700;
}

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

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

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

.campaign-img > i.fa-picture-o {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.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";
  transform: translate(-50%, -50%);
}

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

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

.workflow .brand-holder {
  width: 280px;
  margin: 0 20px 20px 0;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

.workflow .brand-holder .campaign-img {
  border-bottom: 1px solid #CFD1D1;
  border-radius: 0;
}

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

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-img {
  height: 145px;
  background-position: top center;
  background-repeat: no-repeat;
}

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-title {
  border-bottom: 2px solid #F5F5F5;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-title p {
  max-width: 100%;
  max-height: 20px;
  overflow: hidden;
  font-size: 14px;
  color: #4B4B4A;
  white-space: nowrap;
  text-overflow: ellipsis;
}

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-title i {
  position: absolute;
  bottom: 20px;
  max-width: calc(100% - 120px);
  overflow: visible;
  font-size: 12px;
  font-style: normal;
  color: #4B4B4A;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 68px;
}

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-badges {
  position: absolute;
  top: auto;
  right: 10px;
  bottom: 14px;
  transition: all 200ms ease;
}

.workflow .brand-holder .campaign-badges > ul > li.footer-campaign {
  margin-top: 0;
  margin-right: 0;
  margin-left: 5px;
}

.workflow .brand-holder .campaign-badges > ul > li.campaign-progress > span {
  background: #DA291C;
}

.campaign-overview.campaign-collection-grid > .grid-row-holder {
  margin: -20px 0 0 -20px;
  width: calc(100% + 20px);
}
.campaign-overview.campaign-collection-grid > .grid-row-holder .brand-holder {
  margin: 20px 0 0 20px;
  width: calc(25% - 20px);
}

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

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

.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: 26px;
  height: 18px;
  line-height: 18px;
  padding: 0 3px;
  font-weight: 500;
  font-size: 9px;
  color: #fff;
  text-align: center;
  border-radius: 1px;
}

.workflow-header .media-results span.selected-results {
  background-color: #E6B12B;
  border-radius: 3px 0 0 3px;
  box-shadow: none;
}

.workflow .brand-holder .progress {
  background: #F5F5F5;
  box-shadow: none;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-info .campaign-info-block {
  font-size: 12px;
  color: #3357B5;
  max-width: 140px;
  max-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.brand-holder .progress-bar {
  background-color: #E6B12B;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.campaign-overview .grid-row-holder .brand-holder.show-closed .show-closed-container {
  width: 280px;
  height: 250px;
  border-radius: 2px;
}

.content-container.workflow.sub-navigation .campaign-collection-list .listview-collection {
  margin: 0;
  width: 100% !important;
  border: 0;
}

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

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

.mentions-input-box .mentions > div > strong {
  font-size: 12px;
  margin: -1px 0 -1px -4px;
  padding: 0;
}

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

.empty-value {
  color: #e9eaec;
}

/* FTE Overview */
.availability-campaign-overview .content-container.single-collection.campaign-fte-overview {
  padding-top: 150px;
}

.availability-campaign-overview .content-container.single-collection.campaign-fte-overview .fte-container {
  padding: 0;
}

.availability-campaign-overview .campaign-fte-overview .fte-viewer {
  margin-top: 0;
}

.availability-campaign-overview .content-container.single-collection.campaign-fte-overview #single-collection-top {
  padding-top: 0;
}

.availability-campaign-overview .content-container.full-width.campaign-fte-overview {
  padding-top: 0;
}

.availability-campaign-overview .fte-viewer .table-right {
  margin-top: -1px;
}

.availability-campaign-overview .fte-viewer table.campaign-list.list-fte td {
  height: 44px;
}

/* Calendar view */
.campaign-calendar #single-collection-top {
  position: fixed;
  padding-top: 150px;
  background-color: rgba(245, 245, 245, 0.95);
  border: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.campaign-calendar #single-collection-top h1 {
  margin: 0 20px;
}

/* Workflow sidebar feature */
body .content-container.brands.workflow.sub-navigation.sidebar-feature {
  margin-top: 150px !important;
  max-width: unset !important;
  padding: 0;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .workflow-campaigns-header {
  width: unset;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .workflow-header {
  width: calc(100% - 100px) !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 .grid-row-holder .brand-holder a .campaign-data .campaign-title i,
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .grid-row-holder .brand-holder.show-all a .campaign-data .campaign-title i {
  height: 20px;
  overflow: hidden;
}

/* Workflow detail */
.jobview-top#single-collection-top .cta-main-container {
  top: 170px;
  margin-right: 20px;
}

.jobview-top#single-collection-top .cta-main-container li.job-actions-dropdown.dropdown a.action-btn {
  margin-right: 0 !important;
}

.jobview-top#single-collection-top .cta-main-container li.job-actions-dropdown.dropdown a.action-btn .fa-caret-down {
  transition: transform ease 0.2s;
}

.jobview-top#single-collection-top .cta-main-container li.job-actions-dropdown.dropdown.open a.action-btn .fa-caret-down {
  transform: rotate(180deg);
}

.job-actions-dropdown a i.fa-cog,
.job-actions-dropdown a i.fa-caret-down {
  top: 0;
  vertical-align: middle;
}

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

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

.job-detail#collection-media {
  margin-top: 20px;
}

.stage-number i {
  line-height: 34px;
}

.progress-done .stage-number {
  background-color: #28cb80;
}

a.stage-item.progress-done {
  color: #28cb80;
}

.job-detail .stage .stage-nav.stage-actions {
  height: 30px;
}

a.wf-stage-add.modal-link:hover {
  background: #E6B12B;
  color: #fff !important;
}

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

/* Workflow detail header */
.job-detail .stage-responsible .stage-settings .fa-caret-down {
  transition: all 200ms ease;
}

.job-detail .stage-responsible .stage-settings.open .fa-caret-down {
  transform: rotate(180deg);
}

.responsible-avatar {
  position: relative;
  overflow: hidden;
  border-radius: 100px;
}

.responsible-avatar img {
  overflow: hidden;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: 150%;
  max-height: 150%;
  transform: translate(-50%, -50%);
}

/* Workflow detail side */
.job-detail#collection-detail {
  top: 0;
  left: 0;
}

.job-detail .job-attachment:hover .name {
  width: auto;
}

.job-detail#collection-detail .additional-info .job-link {
  color: #4B4B4A;
}

/* Workflow timeline */
.stage-timeline,
.stage-timeline > ul,
.stage-timeline > ul > li {
  height: 100px;
}

.stage-timeline .timeline-button:hover {
  color: #fff !important;
}

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

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

.progress-rejected.current span.stage-number {
  background: #E6B12B;
}

.stage-status.stage-needschanges {
  background: #E6B12B;
}

.stage-nav .stage-btn.pull-left.previous-stage {
  background-color: #E6B12B !important;
  color: #fff !important;
  transition: all 200ms ease !important;
  border: 0 !important;
  border-radius: 3px !important;
}
.stage-nav .stage-btn.pull-left.previous-stage:hover {
  background-color: #c79517 !important;
  color: #fff !important;
  border: 0 !important;
}
.stage-nav .stage-btn.pull-left.previous-stage:focus, .stage-nav .stage-btn.pull-left.previous-stage:active {
  background-color: #b08415 !important;
  color: #fff !important;
  border: 0 !important;
}

a.stage-item:hover span.stage-number {
  box-shadow: 0 0 0 3px #7c828d;
}
a.stage-item.current:hover span.stage-number {
  box-shadow: 0 0 0 3px #c79517;
}

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

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

/* Workflow form */
.wf-stage-order-form-container {
  padding: 20px;
}

.wf-stage-order-form-container {
  margin-right: -20px;
  margin-left: -20px;
}

.wf-stage-task-list .checlbox label input[type=checkbox] {
  margin-top: 1px;
}

.pod-batch button,
.wf-stage-order-form-container form button {
  font-size: 14px;
}
.pod-batch button:focus, .pod-batch button:hover, .pod-batch button:active,
.wf-stage-order-form-container form button:focus,
.wf-stage-order-form-container form button:hover,
.wf-stage-order-form-container form button:active {
  font-size: 14px;
}

/* Workflow media-tools */
.job-detail#collection-media .media-tools {
  z-index: auto;
}

.wf-stage-content-holder .media-tools ul.media-tools-left li.media-sort > a.sort:only-of-type {
  border-radius: 0 !important;
}

/* Workflow assets / workflow tiles */
.job-detail .stage {
  margin-right: 20px;
}

.job-detail .stage-body {
  padding: 20px;
}

.wf-stage-content-holder .wf-assets-container {
  height: auto;
  margin: 20px 0 0 0;
}

.wf-stage-content-holder .wf-assets-container .media-holder .thumbnail.add {
  top: 0;
  padding: 10px;
}
.wf-stage-content-holder .wf-assets-container .media-holder .thumbnail.add:hover {
  padding: 10px;
}

.wf-assets-container .media-holder.asset-placeholder {
  margin: 0;
}

.wf-assets-container .media-holder.asset-placeholder i {
  margin-top: 0;
}

.wf-assets-container .media-holder .add-asset-buttons {
  top: 160px;
}

.wf-assets-container .media-holder.asset-placeholder {
  height: 205px;
  vertical-align: top;
}

.wf-assets-container .media-holder .thumbnail {
  width: 220px;
  height: 205px;
  position: relative;
}

.wf-assets-container .asset-template.media-holder .thumbnail {
  height: 205px;
  bottom: auto;
}

.wf-assets-container .asset-template.media-holder .thumbnail:hover {
  border: 1px solid #CFD1D1;
}

.media-holder .thumbnail:hover .wf-stage-asset-remove {
  top: 10px;
  right: 10px;
}

.wf-assets-container .media-holder,
.wf-assets-container .media-holder.asset.processing,
.wf-assets-container .media-holder.asset.square,
.wf-assets-container .media-holder.asset-upload {
  width: 220px;
  height: 205px !important;
  vertical-align: top;
  margin: 0 20px 20px 0 !important;
}

.media-holder.add-asset.templates {
  margin-top: 0;
  margin-right: 23px;
}

.wf-assets-container .media-holder .thumbnail {
  padding: 10px;
  border: 1px solid #CFD1D1;
  box-shadow: none;
}

.wf-assets-container .media-holder .thumbnail:hover {
  padding: 10px;
  border: 1px solid #CFD1D1;
  box-shadow: 0 0 0 1px #e6b12b;
}

.wf-assets-container .media-holder .thumbnail.add {
  height: 205px;
  border: 2px dashed #d5d5d5;
}

.wf-assets-container .media-holder .thumbnail.add:hover {
  box-shadow: none;
  border-color: #E6B12B;
  cursor: pointer !important;
}

.wf-assets-container .media-holder .thumbnail.add p {
  line-height: 12px;
}

.wf-assets-container .media-holder .thumbnail p.asset-name {
  max-width: 160px;
}
.wf-assets-container .media-holder .thumbnail p.asset-name:hover {
  max-width: 100%;
  max-height: 50px;
  word-break: break-all;
  white-space: normal;
}

.wf-assets-container .media-holder .thumbnail span.extension {
  height: 20px;
  line-height: 20px;
  margin: 0;
}

.media-holder.asset-template .thumbnail span.wf-stage-asset-edit:hover,
.media-holder .thumbnail > span.edit-name-button:hover {
  border-color: #CFD1D1;
  background-color: #c79517;
}

a.user-assign.user-assigned {
  color: #fff !important;
  transition: all 200ms ease;
}
a.user-assign.user-assigned:hover {
  color: #fff !important;
}

.wf-assets-container .media-holder .thumbnail .wf-stage-asset-approve,
.wf-assets-container .media-holder .thumbnail:hover .wf-stage-asset-approve {
  top: 10px;
  left: 10px;
}

.wf-assets-container .media-holder .thumbnail > span.edit-name-button:hover {
  color: #fff;
  cursor: pointer;
}

.media-holder .thumbnail.add .image-holder {
  height: 120px;
}

.wf-assets-container .media-holder.asset.processing,
.wf-assets-container .media-holder.asset.square {
  margin-top: 0 !important;
}

.media-holder .thumbnail > span.edit-name-button {
  margin-right: 0;
}

.wf-assets-container ul.thumbnail-badges li.thumb-annotations,
.wf-assets-container ul.thumbnail-badges li.thumb-comments {
  color: #4B4B4A;
}

/* Workflow assets portrait */
.wf-assets-container .media-holder.portrait {
  width: 220px;
}

.wf-assets-container .media-holder.portrait .thumbnail {
  width: 220px;
  height: 205px;
  top: 0;
  bottom: auto;
  left: 0;
  margin-left: 0;
  border: 1px solid #CFD1D1;
  box-shadow: none;
}
.wf-assets-container .media-holder.portrait .thumbnail:hover {
  border: 1px solid #CFD1D1;
  box-shadow: 0 0 0 1px #00aaff;
}

/* Workflow rejected / approved assets */
.wf-stage-content-holder .wf-assets-container .media-holder.rejected .thumbnail,
.wf-stage-content-holder .wf-assets-container .media-holder.rejected .thumbnail:hover {
  border: 2px solid #d13f32;
  box-shadow: none;
}

.wf-stage-content-holder .wf-assets-container .media-holder.approved .thumbnail,
.wf-stage-content-holder .wf-assets-container .media-holder.approved .thumbnail:hover {
  border: 2px solid #5cb85c;
  box-shadow: none;
}

/* Workflow asset detail */
.annotation-holder .save-annotation,
.annotation-holder .edit-annotation,
.annotation-holder .remove-annotation {
  padding: 2px 7px;
}

/* Workflow auto-complete dropdown */
.stage-body .wf-stage-content-holder .media-tools ul.media-tools-left {
  z-index: 80;
}

/* Workflow upload */
.import-asset-button-container {
  top: 10px;
  right: 10px;
  left: 10px;
  z-index: 10;
}

.wf-stage-content-holder .wf-assets-container .media-holder.templates .thumbnail.add .image-holder {
  background: transparent;
}

.import-asset-button-container button#assetImportButton {
  max-width: 180px;
  min-height: 30px;
  line-height: 30px;
  font-size: 12px;
}

.wf-stage-content-holder .wf-assets-container .media-holder#assetAddContainer .thumbnail.add .image-holder {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.wf-stage-content-holder .wf-assets-container .media-holder#assetAddContainer .thumbnail.add .image-holder img {
  margin-top: 30px;
}

.stage-btn.btn-link {
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
}
.stage-btn.btn-link:hover {
  text-decoration: none;
  background-color: transparent !important;
  color: #E6B12B !important;
}

/* Workflow tasks */
.wf-stage-task-list .task .checkbox input[type=checkbox] {
  margin-top: 2px;
}

a.user-assign {
  border: 1px solid #CFD1D1;
  transition: all 200ms ease;
}
a.user-assign:hover {
  color: #fff !important;
  background: #E6B12B;
}

/* Workflow annotations */
.wf-wrapper.asset-view-wrapper .wf-asset-status {
  padding: 20px;
}
.wf-wrapper.asset-view-wrapper .wf-asset-status .container .row span.left {
  height: 40px;
  line-height: 40px;
}
.wf-wrapper.asset-view-wrapper .wf-asset-status .container .row .clearfix.left {
  float: right;
  height: 40px;
  line-height: 40px;
}
.wf-wrapper.asset-view-wrapper .wf-asset-status .container .row button {
  margin: 0;
  padding: 10px 20px;
}

.media-annotations .annotation-holder .frame span.annotation-number {
  background-color: rgba(75, 75, 75, 0.3) !important;
}

/* Worflow review / notes */
.wf-wrapper.asset-view-wrapper {
  margin-top: 150px;
}

.wf-asset-notes ol > li {
  padding-right: 80px;
}

.wf-asset-notes ol > li span {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.wf-wrapper #media-view .wf-asset-name .editable .edit-buttons {
  border: 1px solid #CFD1D1;
  border-radius: 0;
}

.wf-wrapper #media-view .wf-asset-name .editable .edit-buttons .btn.save {
  background: #28cb80;
}
.wf-wrapper #media-view .wf-asset-name .editable .edit-buttons .btn.save:hover, .wf-wrapper #media-view .wf-asset-name .editable .edit-buttons .btn.save:active, .wf-wrapper #media-view .wf-asset-name .editable .edit-buttons .btn.save:focus {
  background: #24b673 !important;
}

.wf-wrapper #media-view .wf-asset-name .editable .edit-buttons .btn.exit {
  background: #ff4700;
}
.wf-wrapper #media-view .wf-asset-name .editable .edit-buttons .btn.exit:hover, .wf-wrapper #media-view .wf-asset-name .editable .edit-buttons .btn.exit:active, .wf-wrapper #media-view .wf-asset-name .editable .edit-buttons .btn.exit:focus {
  background: #e64000 !important;
}

/* Workflow modals */
.wf-wrapper a:hover,
.wf-wrapper a:focus {
  text-decoration: none;
}

.wf-wrapper .modal-header button.close,
.wf-wrapper .modal-header button.close:hover,
.wf-wrapper .modal-header button.close:active,
.wf-wrapper .modal-header button.close:focus {
  height: 30px;
  line-height: 30px;
  text-shadow: none;
  opacity: 1 !important;
  padding: 0 10px;
  color: #3357B5 !important;
  background: transparent !important;
  -webkit-appearance: initial;
  transition: none;
}

.wf-wrapper .modal-header button.close:hover {
  color: #E6B12B !important;
}

#briefingroom-modal-container .modal-body .upload-btn > img {
  max-width: 78px;
}

/* Workflow calendar */
.content-container.campaign-fte-overview .table {
  margin-top: 0;
}

/* Workflow Comments and activity */
.wf-asset-activity {
  padding: 0 20px 0 0;
  width: auto;
}

/* Template access management */
.template-container.assets-container ul.assets > li {
  transition: all 200ms ease;
}

.template-container ul.assets li:hover,
.template-container ul.assets li.selected {
  border: 1px solid transparent;
  box-shadow: inset 0 0 0 2px #3357B5;
}

.template-container .asset-info .template-button,
.template-container .template-name {
  white-space: nowrap;
}

/* Workflow sidebar feature */
body .content-container.brands.workflow.sub-navigation.sidebar-feature .campaign-overview.campaign-collection-grid > .grid-row-holder {
  margin: 0;
  width: 100%;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .campaign-overview.campaign-collection-grid .brand-holder, body .content-container.brands.workflow.sub-navigation.sidebar-feature .campaign-overview.campaign-collection-grid .brand-holder.show-all {
  margin-left: 0;
}

/*=======================
LOGIN PAGE
=======================*/
#login header.base {
  background: transparent;
}

#login header > .admin-bar {
  background: transparent;
}

/* Login general */
#login ul.admin-options {
  background: transparent;
}

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

#login .admin-right ul.badges li:hover > a,
#login .admin-right ul.admin-options > li:hover > a {
  background-color: rgba(255, 255, 255, 0.2);
}

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

#login header li .fa-globe {
  vertical-align: -3px;
}

#login header li a:hover .fa-globe {
  color: #E6B12B;
}

#login header.base.small {
  top: 0;
  background: transparent;
}

#login .login-container {
  width: 360px;
  margin: 0 0 0 -180px;
  top: 150px;
  left: 50%;
  z-index: 80;
}

#login .login-container a.account-logo {
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  background-size: 100px auto !important;
  border: none;
  border-radius: 0;
  box-shadow: 0 5px 60px rgba(0, 0, 0, 0.1);
  transform: none;
  z-index: 110;
}

#login .login-container .form-bottom button,
#login .login-container a.action-btn.block {
  margin: 0;
  font-size: 16px;
}

#login .login-container .form-bottom button.login-btn {
  margin: 0 0 10px 0;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
}

#login .login-container .form {
  padding: 75px 40px 40px 40px;
  color: #4B4B4A;
  border-radius: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transition: none;
}

.cbox_messagebox_info,
.cbox_messagebox_error {
  background: #fff;
  color: #4B4B4A;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
}

#login .login-container .form .alt-login p {
  font-size: 14px;
  color: #4B4B4A;
}

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

#login .login-container .form .alt-login button .fa-google {
  margin-right: 4px;
}

#login .login-container .form #regular-login input {
  width: 280px;
  height: 40px;
  color: #4B4B4A;
  background: #fff;
  border: 1px solid #DEE2E4;
  border-radius: 0;
  box-sizing: border-box;
}

#login .login-container .form #regular-login .input-holder span i.fa {
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 0;
  color: #4B4B4A;
  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-size: 14px;
  color: #4B4B4A;
  opacity: 0.6;
}

#login .login-container .input-holder span i.fa {
  color: #4B4B4A;
}

/* Login input fields */
#login .login-container .input-holder input {
  width: 217px;
}

#login .login-container .form #regular-login input:focus,
#login #dashboard-dropbox-form input[type=text]:focus,
#login #dashboard-dropbox-form input[type=email]:focus,
#login #dashboard-dropbox-form textarea:focus {
  border: 1px solid #E6B12B !important;
}

/* Forgot password */
#login .captcha-holder > h1,
#login .captcha-holder > p {
  margin: 0;
}

#login form .captcha-holder .captcha-image-holder {
  margin-bottom: 0;
}

/* Login dropbox */
#login .dashboard-dropbox {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 0;
  border-radius: 0;
}

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

#login .dashboard-dropbox a.dropLink {
  color: #4B4B4A;
  border-color: #4B4B4A;
  border-radius: 0;
}
#login .dashboard-dropbox a.dropLink:hover {
  border-color: #E6B12B;
}

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

#login .dashboard-dropbox .files ul li .loading {
  background: #E6B12B;
  border-radius: 0;
}

.dashboard-dropbox .files ul li .loading[style="width: 100%"] p {
  color: #fff;
}

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

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

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

#login .dropbox-input-holder .fa.icon-clear:hover {
  color: #ff4700;
}

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

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

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

#login #dashboard-dropbox-form input[type=text],
#login #dashboard-dropbox-form input[type=email],
#login #dashboard-dropbox-form textarea {
  color: #4B4B4A;
  width: 275px;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

#login .dashboard-dropbox button.black {
  background-color: #3357B5;
}

#login .dashboard-dropbox .send-form .help-inline {
  right: 320px;
}

#login .dashboard-dropbox .confirm h2 {
  color: #4B4B4A;
}

/* Register page */
#login .login-container .request-account {
  top: -330px !important;
}

#account-request li a.action-btn.cancel-request {
  float: right;
}

#login .request-form input,
#login .request-form textarea {
  width: 305px;
}

#login .request-form input.medium-input {
  width: 65%;
}

/* Login footer */
#login footer.login-footer {
  position: absolute;
  min-width: 360px;
  height: auto;
  bottom: 0;
  left: 50%;
  margin: 0 auto;
  padding: 0 20px;
  background: #fff;
  border-radius: 0 0 0 0;
  box-sizing: border-box;
  transform: translateX(-50%);
  z-index: 10;
}

#login footer.login-footer a,
#login footer.login-footer h2,
#login footer.login-footer p {
  margin: 20px 0 0 0;
  text-align: center;
}
#login footer.login-footer a:last-of-type,
#login footer.login-footer h2:last-of-type,
#login footer.login-footer p:last-of-type {
  margin-bottom: 20px;
}

/*=======================
WAITINGROOM PAGE
=======================*/
.collection-navigation a:hover {
  cursor: pointer;
}

.collection-navigation .overall-count {
  padding-left: 18px;
}

.collection-navigation .overall-count .fa {
  margin-right: 3px;
}

.collection-navigation a .state-icon {
  width: 15px;
  height: 15px;
  line-height: 15px;
}

.collection-navigation a .state-icon .fa {
  width: 15px !important;
  font-size: 14px !important;
}

.collection-navigation a .state-icon.state-open {
  color: #333;
  border-color: #333;
}
.collection-navigation a .state-icon.state-open .fa {
  color: #333 !important;
}

.collection-navigation a .state-icon.state-accepted {
  color: #5fa81b;
  border-color: #5fa81b;
}
.collection-navigation a .state-icon.state-accepted .fa {
  color: #5fa81b !important;
}

.collection-navigation a .state-icon.state-denied {
  color: #c01212;
  border-color: #c01212;
}
.collection-navigation a .state-icon.state-denied .fa {
  color: #c01212 !important;
}

#waitingroom-container .tools-container {
  padding: 5px 0 0 0;
}

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

#waitingroom-container .collection-holder:before,
#waitingroom-container .collection-holder:after {
  display: none;
}

#waitingroom-view a.group-btn.tip-trigger.audit-request .fa-inverse {
  color: #4B4B4A;
}

#waitingroom-view a.group-btn.tip-trigger.audit-request:hover .fa-inverse {
  color: #E6B12B;
}

/*=======================
SELECT PAGE
=======================*/
html.select-overflow .content-container.brands {
  width: 100%;
  margin: 0 auto;
  padding: 130px 20px 20px 20px;
  box-sizing: border-box;
  overflow: visible;
}
html.select-overflow .content-container.brands .brand-holder {
  margin: 0 20px 20px 0;
  width: 220px;
  float: left;
}
html.select-overflow .content-container.brands .brand-holder.show-all > .thumbnail {
  border: 1px solid #CFD1D1;
  background: #fff;
  color: #4B4B4A;
  box-shadow: none;
}
html.select-overflow .content-container.brands .brand-holder.show-all > .thumbnail .image-holder .fa {
  color: #4B4B4A;
  transition: all 200ms ease;
}
html.select-overflow .content-container.brands .brand-holder.show-all > .thumbnail:hover .image-holder .fa {
  color: #E6B12B;
}
html.select-overflow .content-container.brands .brand-holder.show-all > .thumbnail p {
  padding-right: 10px;
}
html.select-overflow .content-container.brands .brand-holder .thumbnail {
  width: 100%;
  padding: 10px;
  border: 1px solid #CFD1D1;
  box-shadow: none;
}
html.select-overflow .content-container.brands .brand-holder .thumbnail:hover p, html.select-overflow .content-container.brands .brand-holder .thumbnail:hover .fa {
  color: #E6B12B;
}
html.select-overflow .content-container.brands .brand-holder .thumbnail p {
  position: relative;
  width: 100%;
  color: #4B4B4A;
  font-weight: 500;
  font-size: 14px;
  transition: all 200ms ease;
  box-sizing: border-box;
}
html.select-overflow .content-container.brands .brand-holder .thumbnail p:after {
  top: 0;
  right: 0;
  font-size: 12px;
  line-height: 20px;
}
html.select-overflow .content-container.brands .brand-holder .thumbnail p:hover:after {
  color: #E6B12B;
}
html.select-overflow .content-container.brands .brand-holder .brand-bottom {
  height: 52px;
  line-height: 52px;
  background: #fff;
  margin: 0 -10px;
  padding: 10px;
  border-top: 1px solid #CFD1D1;
  box-shadow: none;
  box-sizing: border-box;
}
html.select-overflow .content-container.brands .brand-holder .brand-bottom .media-count {
  color: #4B4B4A;
  font-size: 12px;
}
html.select-overflow .content-container.brands .brand-holder .brand-bottom .has-options.blue {
  background: #c79517;
  border-radius: 0;
  border: 1px solid #CFD1D1;
  font-size: 12px;
  text-shadow: none;
}
html.select-overflow .content-container.brands .brand-info {
  margin: 15px 0;
}

/*=======================
SHOW PAGE / PIM PAGE
=======================*/
#media-container.content-container.ui-selectable {
  margin: 0 auto;
  padding: 130px 20px 60px 20px;
  box-sizing: border-box;
}
#media-container.content-container.ui-selectable .media-tools {
  margin-bottom: 20px;
}
#media-container.content-container.ui-selectable .media-tools .metaentity-header.small {
  margin: 0 20px 0 0;
}
#media-container.content-container.ui-selectable .media-tools .metaentity-header.small h1 {
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-weight: 700;
}
#media-container.content-container.ui-selectable .brand-holder.entity-holder {
  margin: 0 20px 20px 0;
  width: 220px;
  min-height: 220px;
}
#media-container.content-container.ui-selectable .brand-holder.entity-holder > .thumbnail {
  width: 100%;
  padding: 10px;
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
}
#media-container.content-container.ui-selectable .brand-holder.entity-holder > .thumbnail .image-holder {
  background-color: #e9eaec;
}
#media-container.content-container.ui-selectable .brand-holder.entity-holder > .thumbnail .metaentity-description {
  height: 50px;
  margin: 10px 0 0 0;
  line-height: normal;
}
#media-container.content-container.ui-selectable .brand-holder.entity-holder .action-btn.edit-brand {
  display: block;
  opacity: 0;
  transition: all 200ms ease;
}
#media-container.content-container.ui-selectable .brand-holder.entity-holder:hover .action-btn.edit-brand {
  opacity: 1;
}

/* Show detail page */
#pim-view.content-container.metaproperty-view.single-collection {
  padding-top: 110px;
  padding-right: 0;
  transition: all 200ms ease;
}
#pim-view.content-container.metaproperty-view.single-collection header {
  box-shadow: none;
}
#pim-view.content-container.metaproperty-view.single-collection header .tool-bar {
  padding: 0;
}
#pim-view.content-container.metaproperty-view.single-collection header .tool-bar .filters:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 60px;
  top: 0;
  bottom: 12px;
  left: 0;
  background-color: #CFD1D1;
}
#pim-view.content-container.metaproperty-view.single-collection header .tool-bar .filter-navigation {
  float: left;
}
#pim-view.content-container.metaproperty-view.single-collection #single-collection-top {
  min-height: 0;
  margin-top: 0;
  padding: 20px;
  margin-right: 0;
  margin-left: -20px;
}
#pim-view.content-container.metaproperty-view.single-collection #single-collection-top h1 {
  padding: 0;
}
#pim-view.content-container.metaproperty-view.single-collection #single-collection-top .pim-breadcrumb-intro {
  font-weight: 700;
}
#pim-view.content-container.metaproperty-view.single-collection .media-tools {
  height: 60px;
  padding: 0;
}
#pim-view.content-container.metaproperty-view.single-collection .media-tools #select-actions,
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container {
  margin-right: 20px;
}
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container,
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container li,
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container li .bulk-share,
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container li .cta-main {
  height: 30px;
  margin: 0;
  font-weight: 700;
}
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container li .bulk-share,
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container li .cta-main {
  line-height: 30px;
}
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container {
  margin-top: 20px;
}
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container li .bulk-share {
  margin: 0 10px 0 0;
}
#pim-view.content-container.metaproperty-view.single-collection .media-tools .cta-main-container li .cta-main {
  margin-right: 20px;
}
#pim-view.content-container.metaproperty-view.single-collection .media-tools .media-tools-left {
  margin-top: 20px;
}

#pim-view.content-container.metaproperty-view.single-collection #collection-media #results-thumbs {
  margin-top: 100px;
}

.content-container#pim-view header .tool-bar ul.actions-bar li.select a.group-btn.select-all .fa-refresh {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 9px;
}

.content-container#pim-view header .tool-bar ul.actions-bar li.select a.group-btn.select-all,
.content-container#pim-view header .tool-bar ul.actions-bar li.select a.group-btn.select-dropdown {
  width: 30px;
  padding: 0;
}

.content-container#pim-view header .tool-bar ul.actions-bar li.select:hover ul.auto-complete {
  top: 45px;
}

.content-container.metaproperty-view.single-collection#pim-view .filterbar {
  padding: 0;
}

.content-container.metaproperty-view.single-collection#pim-view .media-tools-left {
  margin-top: 20px;
}

.content-container.metaproperty-view.single-collection#pim-view .cta-main-container {
  margin-top: 20px;
}

.content-container.metaproperty-view.single-collection#pim-view .cta-main-container li,
.content-container.metaproperty-view.single-collection#pim-view .cta-main-container li a.cta-main,
.content-container.metaproperty-view.single-collection#pim-view .cta-main-container li a.cta-main .fa,
.content-container.metaproperty-view.single-collection#pim-view .cta-main-container .bulk-share {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.content-container.metaproperty-view.single-collection#pim-view .cta-main-container .bulk-share {
  margin: 0 10px 0 0;
}

/*=======================
VIDEOS PAGE
=======================*/
.content-container.videos {
  width: 1240px;
  padding: 130px 20px 20px 20px;
}

/*=======================
PYBYNDER PAGES
=======================*/
.avatar-holder {
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: relative;
  overflow: hidden;
}

.avatar-holder img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  max-width: 150%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}

.navbar-nav .dropdown-toggle.avatar .fa {
  transition: all 200ms ease;
}

/*=======================
FOOTER SECTION
=======================*/
footer.fixed {
  margin: 0 auto;
  padding: 0;
  right: 20px;
  left: 20px;
  box-sizing: border-box;
}

footer.fixed ul.footer-btns {
  height: auto;
  left: 0;
  padding: 0;
}

footer.fixed ul.footer-btns li:hover {
  transition: color ease 0.2s;
}
footer.fixed ul.footer-btns li:hover li a:before {
  color: #E6B12B;
}
footer.fixed ul.footer-btns li:hover span {
  color: #E6B12B !important;
}

footer.fixed .footer-btn {
  background: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

footer.fixed .footer-btn .text,
footer.fixed .footer-btn {
  font-size: 14px;
  color: #4B4B4A;
}

footer.dashboard-footer {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 40px 20px;
  color: #4B4B4A;
  background: #fff;
  border-top: 1px solid #CFD1D1;
  border-bottom: 0;
  box-sizing: border-box;
}

/*=======================
COOKIE SECTION
=======================*/
#cookie-container {
  padding: 0;
}

#cookie-container .cookie-wrapper {
  padding: 20px 0;
}

#cookie-container .cookie-left {
  padding: 0;
}

/*=======================
SETUP WIZARD SECTION
=======================*/
.setup-wizard nav .navigation ul li.checked .fa,
.setup-wizard nav .navigation ul li.checked .check {
  color: #E6B12B;
}

.content .add-brands .board .upload-btn .brand-thumb {
  height: auto;
  max-height: 45px;
}

.select2-container-multi.select2-container-active .select2-choices,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid transparent !important;
}

.news-holder-content .icon.small {
  width: 30px;
  height: 30px;
  margin: 0 15px 0 0;
}
.news-holder-content .news-title {
  display: inline-block;
  max-height: 30px;
}

/*=======================
GENERAL SECTION
=======================*/
::selection {
  background: rgba(230, 177, 43, 0.7);
  color: #fff;
}

::-moz-selection {
  background: rgba(230, 177, 43, 0.7);
  color: #fff;
}

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],
.wf-wrapper .form-control,
#briefingroom-modal-container .form-control.hover-edit:hover,
#briefingroom-modal-container .form-control.hover-edit:focus,
#briefingroom-modal-container .form-control {
  color: #4B4B4A;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  box-shadow: none;
  transition: all 200ms ease;
}
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,
.wf-wrapper .form-control:focus,
#briefingroom-modal-container .form-control.hover-edit:hover:focus,
#briefingroom-modal-container .form-control.hover-edit:focus:focus,
#briefingroom-modal-container .form-control:focus {
  box-shadow: none !important;
  border-color: #E6B12B;
}

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 {
  outline: none !important;
}

/*=======================
CUSTOM RADIOBUTTON SECTION / CUSTOM CHECKBOX SECTION
=======================*/
.filter-level-container.advanced .filter-level li input[type=radio],
.filter-level-container.advanced .filter-level li input[type=checkbox] {
  margin: 4px 4px 0 0;
}

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

/*=======================
MISCELLANEOUS SECTION
=======================*/
.content-container.no-toolbar {
  padding: 20px;
}

.tool-bar .actions-bar a.group-btn {
  background-color: #E6B12B;
}

#breadcrumbs li,
#breadcrumbs li a {
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.scrollup {
  right: 20px;
  bottom: 20px;
  background: none #E6B12B;
  border-radius: 0;
  color: #fff !important;
  font-size: 0;
  text-indent: -30px;
}
.scrollup:active {
  background-color: #b08415;
}
.scrollup:before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
}
.scrollup:focus:before {
  -webkit-transform: translate(0, -3px);
  transform: translate(0, -3px);
}
.scrollup:hover {
  color: #fff !important;
  background: none #E6B12B;
}

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

.update.info,
.update.warning {
  height: 50px;
  max-height: 50px;
  line-height: 50px;
  background: rgba(230, 177, 43, 0.9);
}

.update .notification,
.update a.cancel,
.update .notification h1 {
  height: 50px;
  line-height: 50px;
}

/* Moxie shim IE / Edge CTA button file uploader */
header #uploadContainer .moxie-shim {
  max-height: 42px !important;
}

.moxie-shim:hover,
.moxie-shim > input:hover {
  cursor: pointer;
}

/* Asset selection / lasso */
#results-thumbs .media-holder.ui-selecting .thumbnail:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  pointer-events: none;
  border: 2px solid #E6B12B;
  border-radius: 0;
  content: "";
}

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

/* Management pages */
.content-container {
  padding: 190px 20px 60px 20px;
}

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

.content-container .table.news {
  margin-top: 0;
}

.content-container#editNews {
  padding-top: 130px;
}

.content-container .table table tbody tr td a,
.content-container .table table tbody tr td a.edit {
  display: inline-block;
}

.content-container .table a.action-btn.access-btn .fa {
  vertical-align: middle;
}

.content-container .table table#user-management tbody tr td a.edit {
  display: inline-block;
  position: relative;
  float: left;
  width: 20px;
  margin-top: -10px;
}

.content-container .table table#user-management tbody tr td a.edit button.edit.action-btn {
  margin-top: 15px;
}

/* User profile / user edit */
#frmUserDetail fieldset.left:nth-of-type(1) {
  padding-top: 0;
}

#frmProfileDetail .content-container .page-component {
  padding-bottom: 120px;
}

/* Pager */
.pager ul.group-btns li a.group-btn {
  color: #666;
  background-color: #f9f9f9;
  line-height: 30px;
}

.pager ul.group-btns li.pages.active a.group-btn {
  padding: 1px 12px;
  color: #fff;
  background-color: #E6B12B;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.pager ul.group-btns li.pages.active a.group-btn:hover {
  background-color: #c79517 !important;
  color: #fff !important;
}

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

a.dialogbutton.dialog-confirm {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
}

a.dialogbutton.dialog-cancel {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
}

a.dialogbutton.dialog-cancel span,
a.dialogbutton.dialog-cancel:hover span.text {
  text-decoration: none;
}

a.delete:hover,
a.delete:hover .fa-trash,
.multi-edit-options a.multi-edit-option:hover .fa-trash {
  color: #ff4700 !important;
}

.table.news a.action-btn {
  display: inline-block;
  padding: 0 10px;
}
.table.news a.action-btn .fa {
  vertical-align: middle;
  font-size: 15px;
}

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

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

/* Tag management */
.content-container .page-component button.delete-multiple.action-btn {
  position: absolute;
  left: 330px;
}

/* Permissions management */
.page-component .content nav ul li.active > a {
  background-color: #E6B12B;
}

.page-component .content nav ul li.active > a:hover {
  color: #fff !important;
}

/* Modals */
#modal-container {
  overflow: auto;
}

#modal-container > .modal {
  margin-bottom: 20px;
}

#briefingroom-modal-container ul.groups li.group a:hover {
  background: transparent;
}

#modal-wrapper .settings-header a.modal-close {
  border-radius: 0;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  line-height: 32px;
  font-size: 22px;
}

#modal-wrapper .settings-header a.modal-close:hover {
  background: none;
  color: #E6B12B;
}

#modal-wrapper .settings-header a.modal-close .fa:before {
  content: "\f057";
}

.modal-container .modal-header .modal-close {
  color: #fff;
}
.modal-container .modal-header .modal-close:hover {
  color: #E6B12B;
}

#frmshareBox .control-group input[type=checkbox] {
  margin-top: 2px;
}

body[data-module=styleguide] #modal-container .modal-overflow-box.large > a.close {
  background: none;
}

/* Terms modal login page */
#login #terms {
  z-index: 999;
}

#login #terms .acceptTC {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 60px;
}

#login #terms .acceptTC .reader {
  position: static;
  max-height: 355px;
  margin: 0;
  padding: 20px;
  overflow: auto;
}

/* Mangagement table settings/delete buttons */
.content-container .table a.action-btn.options {
  float: right;
  margin-right: 10px;
}

.content-container .table table tbody tr td button.edit {
  margin-right: 5px;
}

/* Settings */
#settings-wrapper {
  max-width: 100%;
  padding: 0 20px;
  margin: 130px 20px 0 20px;
}

#settings-wrapper .settings-container {
  margin-left: 280px;
}

#settings-wrapper .settings-block {
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

#settings-wrapper .side-navigation {
  border: 1px solid #CFD1D1;
  border-radius: 0;
  box-shadow: none;
}

#settings-wrapper .settings-block-content table tr td p {
  margin: 0;
}

#settings-wrapper .settings-header a.action-btn .fa {
  vertical-align: middle;
}

#settings-wrapper .settings-block-content table tr .action-btn,
#settings-wrapper .settings-block-content table tr .action-btn.no-outline {
  color: #4B4B4A;
  background-color: transparent !important;
}
#settings-wrapper .settings-block-content table tr .action-btn:hover, #settings-wrapper .settings-block-content table tr .action-btn:focus,
#settings-wrapper .settings-block-content table tr .action-btn.no-outline:hover,
#settings-wrapper .settings-block-content table tr .action-btn.no-outline:focus {
  color: #E6B12B !important;
  background-color: transparent !important;
}
#settings-wrapper .settings-block-content table tr .action-btn.tip-trigger .tip,
#settings-wrapper .settings-block-content table tr .action-btn.no-outline.tip-trigger .tip {
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: all 200ms ease;
}
#settings-wrapper .settings-block-content table tr .action-btn.tip-trigger:hover .tip,
#settings-wrapper .settings-block-content table tr .action-btn.no-outline.tip-trigger:hover .tip {
  opacity: 1;
  pointer-events: all;
}
#settings-wrapper .settings-block-content table tr .action-btn.delete .tip,
#settings-wrapper .settings-block-content table tr .action-btn.no-outline.delete .tip {
  right: 0;
  left: auto;
}
#settings-wrapper .settings-block-content table tr .action-btn.delete .tip:before, #settings-wrapper .settings-block-content table tr .action-btn.delete .tip:after,
#settings-wrapper .settings-block-content table tr .action-btn.no-outline.delete .tip:before,
#settings-wrapper .settings-block-content table tr .action-btn.no-outline.delete .tip:after {
  right: 8px;
  left: auto;
}

#settings-wrapper .side-navigation ul li a .fa {
  margin-right: 10px;
}
#settings-wrapper .settings-block-content table tr td {
  padding: 16px 15px;
}

.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif !important;
}

.select2-input, .select2-input:focus {
  margin: 0 !important;
  padding: 0 !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
  min-height: 30px !important;
  line-height: 30px !important;
}

.select2-container-multi .select2-choices,
.select2-container-multi.select2-container-active .select2-choices {
  border: 0 !important;
  outline: none;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.tags.select2-container-multi.select2-container-active .select2-choices {
  border: 0 !important;
}

.popover-content .checkbox label input[type=checkbox] {
  margin-top: 3px;
}

#confirm-modal .action-btn.action-confirm span.type {
  padding: 0;
  background-color: transparent;
  font-family: "ReplicaPro", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: none;
}

/* FTE manager */
.availability-management .fte-container {
  margin-top: 0;
}

.fte-container {
  padding: 25px;
}

#frmUserDetail .left .controls input#emailList {
  line-height: normal;
}

/* Permissions management */
#profileManagement .permissionRight .roles input {
  margin-top: 2px;
}

.chatlio-widget {
  right: 80px;
}

/* Maintenance popup */
.popup-notification {
  z-index: 200;
}

/* Edit current account */
.content-container .page-component {
  overflow-y: auto;
  border-radius: 0;
}

.filter-menu-holder > ul {
  border-top-right-radius: 3px;
}
.filter-menu-holder > ul > li:last-child {
  border-top-right-radius: 3px;
}
.filter-menu-holder > ul > li:last-child a.filter-menuitem {
  border: none;
  border-top-right-radius: 3px;
}
.filter-menu-holder > ul > li:last-child a.filter-menuitem:hover .fa {
  color: #3357B5;
}

#podEditor .template-sidebar .template-frame li a.active:hover,
#podEditor .template-sidebar .template-frame li a:focus:hover {
  color: #fff !important;
}

.content-container .page-component #adminAdditionalThumbs tbody td:nth-last-child(2) {
  display: inline-block;
  min-width: 200px;
}

.content-container .page-component #adminAdditionalThumbs tbody td:nth-last-child(2) button {
  float: left;
}

.content-container .page-component #adminAdditionalThumbs tbody td:nth-last-child(2) button:first-of-type {
  margin-right: 10px;
}

html.ie11 table {
  table-layout: fixed;
}

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

#carousel-holder {
  -webkit-animation: fadein 2s;
  -moz-animation: fadein 2s;
  animation: fadein 2s;
}

.featured-news:before,
.featured-news:after {
  display: none !important;
}

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

@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;
  }
}
@media screen and (max-width: 1200px) {
  .campaign-overview.campaign-collection-grid > .grid-row-holder .brand-holder {
    width: calc(50% - 20px);
  }
  body[data-module=media] #media-container.content-container.media.ui-selectable #results-thumbs .media-holder {
    width: calc(33.33333% - 20px);
  }
  .content-container.collections #collections-container .collection-holder {
    width: calc(33.33333% - 20px);
  }
  body[data-module=collections] #results-thumbs .media-holder {
    width: calc(33.33333% - 20px);
  }
  .content-container.dashboard,
  .content-container.dashboard .navigation-tiles {
    max-width: 880px;
  }
  #carousel-holder .carousel-caption {
    width: 880px;
  }
  .dashboard-side {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
  .dashboard-side > div {
    width: 100%;
    box-sizing: border-box;
  }
  .dashboard-side > .quicklinks {
    display: inline-block;
  }
  .dashboard-side > .quicklinks ul li {
    float: left;
    margin-right: 59px;
  }
  .dashboard-side > .quicklinks ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  .dashboard-side .news .news-list {
    display: inline-block;
    width: 100%;
  }
  .dashboard-side .news .news-list .news-item {
    float: left;
    width: 265px;
    margin-right: 20px;
  }
  .dashboard-side .news .news-list .news-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .dashboard-side #last-media-slider .carousel-inner .item a.img-responsive {
    background-size: contain;
  }
  /* Workflow */
  .workflow-header {
    margin: 15px 0 0 0;
  }
  .content-container.brands.workflow.sub-navigation {
    width: auto;
  }
  .campaign-overview > .grid-row-holder {
    width: 880px;
    margin-right: auto;
    margin-left: auto;
  }
  .content-container.workflow .brand-holder:nth-of-type(4),
  .content-container.workflow .brand-holder:nth-of-type(7n) {
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .smart-filter-container {
    position: absolute;
    right: auto;
    left: auto;
  }
}
/* 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: #E6B12B !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
}
#image_enlarger .toggle-additionals .media-info-extend #rootAssetMetapropertyPermissions button.action-btn.cta-main.blue.button-small:hover {
  background: #c79517 !important;
  color: #fff !important;
}
#image_enlarger .toggle-additionals .media-info-extend #rootAssetMetapropertyPermissions button.action-btn.cta-main.blue.button-small:active {
  background: #b08415 !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: #4B4B4A;
}
header > .admin-bar div div.admin-right ul.admin-options div li.touch-block a:hover {
  color: #E6B12B;
}
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
=======================*/