@import url(custom-remy-styleguide.css);

:root {
    --userComponentCardSelectedColor: #ec2a3a;
    --userComponentCardSelectedColorHover: #d22935;
    --userComponentCardSelectedColorActive: #b9282f;
}

/* styleguide overview */
.content-container.guidelines {
    padding-top: 150px;
}

a.guideline-block:hover h3 {
    color: #ec2a3a;
}

.bynder-widget [class^='icon-'] {
    background-image: none;
    margin-top: 0;
    margin-right: 5px !important;
}

/* end of the styleguide code */

@font-face {
    font-family: 'SourceSansPro-light';
    font-weight: 300;
    src: url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-light.eot');
    src: url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-light.eot?#iefix') format('embedded-opentype'),
        url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-light.woff2') format('woff2'),
        url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-light.woff') format('woff'),
        url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-light.ttf') format('truetype');
}

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

@font-face {
    font-family: 'SourceSansPro-bold';
    font-weight: 600;
    src: url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-bold.eot');
    src: url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-bold.eot?#iefix') format('embedded-opentype'),
        url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-bold.woff2') format('woff2'),
        url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-bold.woff') format('woff'),
        url('/5.0.5/includes/fonts/SourceSansPro/SourceSansPro-bold.ttf') format('truetype');
}

body {
    font-size: 14px;
    color: #454040;

    background-color: #f8f8f8;

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

html.dashboard body {
    background: #fff;
}

p {
    font-size: 14px;
}

a,
a.link-primary,
a:visited,
a.onlineLinkPreview,
.view-link-online,
.control-group .copytoclipboard,
table.table td a.job-title,
.wf-dashboard-job-left a.job-title,
.activity-title>a,
.wf-jobs-list a,
table.table td a,
.span-link {
    font-family: 'SourceSansPro-regular';
    color: #ec2a3a;
    text-decoration: none;

    -webkit-transition: color ease 0.3s;
    -moz-transition: color ease 0.3s;
    -o-transition: color ease 0.3s;
    transition: color ease 0.3s;
}

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

/*=======================
BUTTONS
=======================*/
button.btn,
button.btn-default,
button.btn-danger,
button.action-btn,
button.action-btn.blue,
button.action-btn.black,
span.action-btn,
span.action-btn.black,
a.action-btn,
a.action-btn.blue,
a.action-btn.black,
a.tag,
.filters .tag,
a.action-btn:not(.disabled),
#carousel-holder .carousel-caption a.read-more,
.admin-right ul.admin-options li.logout button.action-btn,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a,
#image_enlarger .bottom .action-btn,
#image_upload>.upload-container header a.action-btn.black,
a.dialogbutton.dialog-cancel,
header .tool-bar ul.actions-bar.group-btns.blue li a.group-btn.tip-trigger.group-edit,
ul.group-btns.blue li a.group-btn,
.wf-wrapper .btn-default,
.wf-wrapper .btn-primary,
#briefingroom-modal-container .btn-primary,
.editmode #styleguide-page-footer #styleguide-content-toolbar li a.group-btn,
.editmode #styleguide-page-footer .group-btns li a.group-btn {
    color: #fff;
    text-shadow: none;

    border: 1px solid transparent;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    outline: none !important;
    background-color: #ec2a3a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

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

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

    border: 1px solid #ec2a3a;
    background-color: #fff !important;
}

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

span.action-btn,
a.action-btn,
a.tag,
a.group-btn,
button.action-btn,
button.action-btn:focus {
    height: 30px;

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

    border: 1px solid transparent;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

    background-color: transparent !important;
}

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

/* Secondary button / Cancel button */
button.action-btn.cancel {
    background-color: #f7f8f9 !important;
    color: rgba(0, 34, 51, 0.8) !important;
}

button.action-btn.cancel:hover {
    background-color: #f2f4f5 !important;
}

button.action-btn.cancel:active {
    background-color: #ebedef !important;
}

/*=======================
HEADER
=======================*/
header.base {
    height: auto;

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

header>.admin-bar {
    position: relative;
    z-index: 110;

    height: 60px;
    margin: auto;
    padding: 0 25px;

    font-size: 14px;

    background: #f8f8f8;
    -webkit-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    -moz-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    box-shadow: inset 0 -1px 0 0 #d0d2d3;
}

header>.admin-bar:before,
header>.admin-bar:after {
    position: absolute;
    top: 0;

    width: 100%;
    height: 60px;

    background: #f8f8f8;
    -webkit-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    -moz-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    box-shadow: inset 0 -1px 0 0 #d0d2d3;

    content: ' ';
}

header>.admin-bar:before {
    right: 90%;
}

header>.admin-bar:after {
    left: 100%;
}

header.base.small {
    top: -60px;
}

a.admin-bar-logo.powered,
a.admin-bar-logo {
    position: relative;

    width: 142px;
    height: 60px;
    margin: 0;

    line-height: 60px;

    background-position: 0 50%;

    -webkit-transition: opacity ease 0.5s, -webkit-transform ease 0.5s;
    -moz-transition: opacity ease 0.5s, transform ease 0.5s,
        -moz-transform ease 0.5s;
    -o-transition: opacity ease 0.5s, transform ease 0.5s;
    transition: opacity ease 0.5s, -webkit-transform ease 0.5s;
    transition: opacity ease 0.5s, transform ease 0.5s;
    transition: opacity ease 0.5s, transform ease 0.5s,
        -webkit-transform ease 0.5s, -moz-transform ease 0.5s;
    opacity: 1;
}

.unit-switch-container {
    position: absolute;
    top: 50%;
    left: 25px;
    z-index: 120;

    margin: 0;

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

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

.unit-switch-container a.unit-dropdown,
.unit-switch-container.show a.unit-dropdown {
    padding: 0 25px 0 10px;

    font-weight: 200;
    color: #454040;

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.8);

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

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

    border-color: #ec2a3a;
    background-color: white;
}

.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:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

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

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

/* Admin-right */
.admin-right ul.badges li>a {
    height: 60px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 18px;
    line-height: 62px;
    color: #454040;
}

ul.admin-options li a.admin-dropdown.profile:after,
.admin-right ul.badges li>a:after {
    position: absolute;
    top: 17.5px;
    right: 0;

    width: 1px;
    height: 15px;

    background: rgba(255, 255, 255, 0.5);

    content: ' ';
}

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

    line-height: 60px;
}

ul.admin-options>li:hover>a,
.admin-right ul.badges li:hover>a {
    color: #ec2a3a;

    background-color: transparent;
}

ul.admin-options>li:hover>a .fa,
.admin-right ul.badges li:hover>a .fa {
    color: #ec2a3a;
}

/* Notifications */
.admin-right ul.badges li a span {
    min-width: 26px;
    height: 26px;
    margin: 15px 5px 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: 'SourceSansPro-bold';
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;

    border: 0;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #ec2a3a;

    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
}

.admin-right ul.badges li a span:hover {
    color: #fff;

    background: #ec2a3a;
}

.admin-right ul.badges li a:hover span {
    color: #fff;

    background-color: #ec2a3a;
}

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

    font-size: 12px;
}

/* Profile */
ul.admin-options>li>a.profile {
    padding: 0 15px 0 32px;
}

ul.admin-options>li>a.profile:hover:before {
    color: #ec2a3a;

    border-color: #ec2a3a;

    -webkit-transition: color ease 0.3s;
    -moz-transition: color ease 0.3s;
    -o-transition: color ease 0.3s;
    transition: color ease 0.3s;
}

ul.admin-options>li>a.profile:before {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;

    width: 26px;
    height: 26px;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: fontAwesome;
    font-size: 16px;
    line-height: 24px;
    color: #454040;

    border: 1px solid #454040;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    content: '\f007';
}

ul.admin-options>li>a.profile>.avatar {
    position: relative;
    z-index: 20;

    width: 26px;
    height: 26px;
    margin-top: 15px;
    margin-right: 10px;

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

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

ul.admin-options>li>a {
    height: 60px;
    padding: 0 15px;

    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    line-height: 60px;
    color: #454040;
}

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

.settings>i.fa-caret-down,
ul.admin-options>li>a.profile>i.fa-caret-down {
    display: none;
    margin: 2px 0 0 3px;

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

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 {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

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

ul.admin-options>li>div.admin-dropdown ul.single li a.admin-option,
ul.admin-options>li>div.admin-dropdown ul.single li.sub div.admin-dropdown-sub ul.single-sub li a.admin-option-sub {
    height: auto;
    min-height: 30px;

    color: #454040;
}

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

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

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

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

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

/*=======================
NAVIGATION
=======================*/
header .nav-bar {
    max-width: 1180px;
    height: 70px;
    margin: auto;

    text-align: left;

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

html.dashboard header {
    border-bottom: 1px solid #e1e1e1;
}

html.dashboard header .nav-bar {
    margin: 0 auto;
    padding: 0 25px;

    border: 0;
}

header .nav-bar a.account-logo {
    width: 131px;
    height: 70px;
    max-height: 70px;
    margin: 0 10px 0 0;

    line-height: 70px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-position: 0 50%;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
}

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

    line-height: 70px;
}

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

header .nav-bar .nav-main li a {
    height: 69px;
    margin: 0 13px;
    padding: 0;

    font-family: 'SourceSansPro-light';
    font-size: 18px;
    font-weight: 200;
    line-height: 70px;
    color: #454040;

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

    -webkit-transition: width 0.5s ease 0s;
    -moz-transition: width 0.5s ease 0s;
    -o-transition: width 0.5s ease 0s;
    transition: width 0.5s ease 0s;
}

header .nav-bar .nav-main li a.active {
    font-family: 'SourceSansPro-bold';
    color: #454040;
}

header .nav-bar .nav-main li a:hover {
    color: #ec2a3a !important;
}

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

header .nav-bar .nav-main li a:hover:after {
    width: 100%;

    background: #ec2a3a;
}

/* Responsive navigation */
header .nav-bar .nav-main li.hidden-nav>ul {
    color: #fff;

    border: 1px solid #d9d9d9;
    border-top: 0;
    background-color: #ec2a3a;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}

header .nav-bar .nav-main li.hidden-nav>ul li a {
    height: 50px;
    margin: 0;
    padding-left: 10px;

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

    border-top: 1px solid #d9d9d9;
}

/* Upload media button / CTA button */
.cta-main-container li a.cta-main {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.cta-main-container li {
    height: 42px;

    line-height: 42px;

    border: 1px solid transparent;
    background: #ec2a3a;
}

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

    border: 1px solid #ec2a3a;
    background: #fff;

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

header .nav-bar .cta-main-container li.show:hover i {
    color: #ec2a3a !important;
}

.cta-main-container li:first-child {
    -webkit-border-radius: 100px 0 0 100px;
    -moz-border-radius: 100px 0 0 100px;
    border-radius: 100px 0 0 100px;
}

.cta-main-container li:last-of-type {
    margin-left: 1px;

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

.cta-main-container li:only-of-type {
    border: 1px solid transparent;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.cta-main-container li:only-of-type:hover {
    border: 1px solid #ec2a3a;
}

header .nav-bar .cta-main-container {
    margin: 14px 0 0 0;
}

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

    line-height: 42px;
}

header .nav-bar .cta-main-container li a.cta-main {
    height: 42px;
    margin: 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: 'SourceSansPro-bold';
    font-size: 14px;
    font-weight: 500;
    line-height: 42px;
    color: #fff;

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

    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

header .nav-bar .cta-main-container li a.cta-main:hover {
    color: #ec2a3a !important;

    background: none;

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

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

header .nav-bar .cta-main-container li a.cta-main .fa {
    font-size: 16px;

    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}

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

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

header .nav-bar .cta-main-container li ul.cta-dropdown {
    min-width: 191px;

    text-align: left;

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

header .nav-bar .cta-main-container li ul.cta-dropdown li {
    height: auto;

    border: none;
    background: none;
}

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

/* Searchbar */
.nav-bar-search {
    width: 380px;
    height: 42px;
    margin-top: 9px;

    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    line-height: 42px;
    color: rgba(69, 64, 64, 0.8);

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}

.nav-bar-search input.search {
    width: 335px;
    height: 42px;
    padding: 0 0 0 45px;

    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    color: #454040 !important;

    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

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

.nav-bar-search input.search::-webkit-input-placeholder {
    font-family: 'SourceSansPro-regular';
    color: rgba(69, 64, 64, 0.8) !important;
}

.nav-bar-search input.search:focus::-webkit-input-placeholder {
    font-family: 'SourceSansPro-regular';
    color: rgba(69, 64, 64, 0.8) !important;
}

.nav-bar-search input.search::-moz-placeholder {
    font-family: 'SourceSansPro-regular';
    color: rgba(69, 64, 64, 0.8) !important;
}

.nav-bar-search input.search:focus::-moz-placeholder {
    font-family: 'SourceSansPro-regular';
    color: rgba(69, 64, 64, 0.8) !important;
}

.nav-bar-search input.search:-moz-placeholder {
    font-family: 'SourceSansPro-regular';
    color: rgba(69, 64, 64, 0.8) !important;
}

.nav-bar-search input.search:focus:-moz-placeholder {
    font-family: 'SourceSansPro-regular';
    color: rgba(69, 64, 64, 0.8) !important;
}

.nav-bar-search input.search:-ms-input-placeholder {
    font-family: 'SourceSansPro-regular';
    color: rgba(69, 64, 64, 0.8) !important;
}

.nav-bar-search input.search:focus:-ms-input-placeholder {
    position: relative;
    top: 2px;

    font-family: 'SourceSansPro-regular';
    color: rgba(69, 64, 64, 0.8) !important;
}

.nav-bar-search a.spotlightClear,
.nav-bar-search .spotlightLoader,
.nav-bar-search .search-icon {
    top: 0;
    left: 0;

    height: 42px;

    font-size: 16px;
    line-height: 42px;
    color: #000;
}

.nav-bar-search a.spotlightClear:hover,
.nav-bar-search .spotlightLoader:hover,
.nav-bar-search .search-icon:hover {
    color: #ec2a3a !important;

    -webkit-transition: color ease 0.3s;
    -moz-transition: color ease 0.3s;
    -o-transition: color ease 0.3s;
    transition: color ease 0.3s;
}

.nav-bar-search .search-icon {
    right: auto;
    left: 0;

    width: 36px;

    color: #ec2a3a;

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

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

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

    width: 380px;
    padding: 0;

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}

.nav-bar-search .nav-bar-searchbox ul li a {
    height: 40px;

    line-height: 40px;
}

.nav-bar-search .nav-bar-searchbox ul li a span {
    text-transform: none;

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #f38f1d;
}

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

/* Dashboard search */
.nav-bar-search.dashboard-search,
.nav-bar-search.dashboard-search input.search {
    top: 150px;
    right: 0;
    left: 0;

    width: 454px;
    height: 74px;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 16px;
    line-height: 54px;
    color: rgba(69, 64, 64, 0.8);

    border: none;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.nav-bar-search.dashboard-search .nav-bar-searchbox {
    z-index: 90;
}

.nav-bar-search.dashboard-search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: 8px solid rgba(217, 217, 217, 0.4);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.nav-bar-search.dashboard-search input.search {
    width: 438px;
    height: 60px;
    padding: 5px 25px 5px 47px;
}

.nav-bar-search.dashboard-search .search-icon {
    right: auto;
    left: 0;

    width: 47px;
    height: 60px;
    padding: 0;

    font-size: 16px;
    line-height: 60px;

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

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

    height: 56px;

    font-size: 16px;
    line-height: 56px;
}

.nav-bar-search.dashboard-search input.search {
    position: fixed;
    background: transparent !important;
    height: 74px;
}

.nav-bar-search.dashboard-search .nav-bar-search {
    margin-left: -210px;
}

.nav-bar-search.dashboard-search a.spotlightClear, .nav-bar-search.dashboard-search .spotlightLoader {
    top: -10px;
}

.nav-bar-search.dashboard-search .nav-bar-searchbox {
    left: -60px;
}

.nav-bar-search.dashboard-search .nav-bar-search {
    width: 410px;
    border: 0;
}


/*=======================
DASHBOARD
=======================*/
.content-container.dashboard {
    position: static;

    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 215px 0 25px 0;
}

.content-container.dashboard>.collection-stream {
    position: static;

    float: left;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;

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

/*=======================
DASHBOARD SLIDER
=======================*/
#carousel-holder {
    position: absolute;
    top: 130px;
    right: 0;
    left: 0;

    width: 100%;
    height: 110px;

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

#carousel-holder .carousel-inner>.item:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    height: 100%;

    background: rgba(0, 0, 0, 0.15);

    content: '';
}

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

#carousel-holder .carousel-inner>.item>img {
    position: absolute;
    top: 50%;
    left: 50%;

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

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

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

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

#carousel-holder .carousel-caption {
    position: absolute;
    top: 300px;
    right: auto;
    right: 0;
    bottom: auto;
    left: 0;

    width: 700px;
    margin: auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    text-align: center;

    background: transparent;
}

#carousel-holder .carousel-caption h3 {
    margin: 0 0 30px 0;

    font-family: 'SourceSansPro-bold';
    font-size: 64px;
    font-weight: 700;
    line-height: 60px;
    color: #fff;
    text-transform: uppercase;
}

#carousel-holder .carousel-caption p {
    margin: 0 0 30px 0;

    font-family: 'SourceSansPro-regular';
    font-size: 16px;
    color: #fff;
}

#carousel-holder .carousel-caption a.read-more {
    height: 36px;
    margin: 0;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: 'SourceSansPro-bold';
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #ec2a3a;
}

.carousel-control {
    opacity: 1;
}

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

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

.carousel-indicators li {
    display: none;
    width: 14px;
    height: 14px;
    margin: 0;

    border: none;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li.active {
    width: 14px;
    height: 14px;

    background: #fff;
}

/*=======================
DASHBOARD NAVIGATION TILES
=======================*/
.content-container.dashboard .navigation-tiles {
    width: 1200px;
    margin: 20px -10px 20px -10px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

.navigation-tiles .navigation-tile {
    position: relative;

    display: block;
    float: left;
    width: 33.3333% !important;
    height: 200px;
    margin-bottom: 20px;
}

.navigation-tiles .navigation-tile a {
    margin: 10px;

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

.navigation-tiles .navigation-tile a .navigation-image {
    position: relative;

    width: 100%;
    height: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    background-repeat: no-repeat;

    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
}

.navigation-tiles .navigation-tile a .navigation-image:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    width: 100%;
    height: 100%;

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

    content: '';
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
}

.navigation-tiles .navigation-tile a:hover .navigation-image:before {
    background: rgba(0, 0, 0, 0.1);
}

.navigation-tiles .navigation-tile a .navigation-content,
.navigation-tiles .navigation-tile a .navigation-image+.navigation-content {
    display: none;
    position: absolute;
    top: 90px;
    bottom: auto;

    margin: auto;
    padding: 0 26px;
    overflow: hidden;

    color: #fff;
    text-align: center;

    background: transparent;
}

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

.navigation-tiles .navigation-tile a .navigation-content h1 {
    margin: 0;
    overflow: hidden;

    font-family: 'SourceSansPro-bold';
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
    text-overflow: ellipsis;

    background: transparent;

    -webkit-transition: color ease-in-out 0.3s;
    -moz-transition: color ease-in-out 0.3s;
    -o-transition: color ease-in-out 0.3s;
    transition: color ease-in-out 0.3s;

    -o-text-overflow: ellipsis;
}

.navigation-tiles .navigation-tile a .navigation-content p {
    margin: 50px 0 0 0;
    padding: 0 12px;
    overflow: hidden;

    font-family: 'SourceSansPro-bold';
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-overflow: ellipsis;

    background: transparent;

    -webkit-transition: color ease-in-out 0.3s;
    -moz-transition: color ease-in-out 0.3s;
    -o-transition: color ease-in-out 0.3s;
    transition: color ease-in-out 0.3s;

    -o-text-overflow: ellipsis;
}

/*=======================
DASHBOARD COLLECTION / FEATURED COLLECTION
=======================*/
.content-container.dashboard .collection.clearfix {
    max-width: 100%;
    margin: 20px 0;
    padding: 0;

    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.05);
}

.column-left {
    width: 50%;
}

.column-left a.description {
    top: 0;
    right: 0;
    left: 0;

    margin: 10px;

    text-align: left;

    border: none;
}

.collection.clearfix .column-left a.description {
    top: 0;

    min-height: 140px;
    margin: 0;
    padding: 60px 50px 30px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

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

.collection.clearfix .column-left a.description h1 {
    margin: 0 0 30px 0;
    overflow: hidden;

    font-family: 'SourceSansPro-bold';
    font-size: 26px;
    font-weight: 700;
    line-height: 39px;
    color: #454040;
    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;
}

.collection.clearfix .column-left a.description p {
    width: auto;
    height: auto;
    max-height: none;
    overflow: hidden;

    font-family: 'SourceSansPro-regular';
    font-size: 16px;
    line-height: 28px;
    color: #454040;
    letter-spacing: 0;
}

.collection.clearfix .column-left a.description time {
    font-family: 'SourceSansPro-regular';
    font-size: 12px;
    color: #fff;
}

.column-left a.main {
    width: auto;
    height: 440px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff !important;
}

.column-right {
    width: 50%;
    margin-left: 50%;

    background: none;
}

.column-right a.small {
    margin: 0;
}

.column-right a.big {
    margin: 0;
}

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

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

.column-right a.big,
.column-right a.small {
    width: auto;
    max-width: 100%;
    height: 220px;

    border: 1px solid #fff;
}

.content-container.dashboard .collection.clearfix:nth-child(odd) .column-right .media-right a.small {
    -webkit-border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
}

.content-container.dashboard .collection.clearfix:nth-child(odd) .column-right .media-right a.big {
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}

.content-container.dashboard .collection.clearfix:nth-child(even) .column-right .media-left a.small {
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
}

.content-container.dashboard .collection.clearfix:nth-child(even) .column-right .media-left a.big {
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
}

.content-container.dashboard span.label {
    display: none;
}

.content-container.dashboard .collection.clearfix:nth-child(even) .column-right {
    width: 50%;
    margin-right: 50%;
    margin-left: 0;
    padding: 0 !important;
}

.content-container.dashboard .collection.clearfix:nth-child(even) .column-left {
    float: right;
}

.content-container.dashboard .collection.clearfix:nth-child(even) .column-left a.description {
    text-align: left;
}

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

    background: #fff;
}

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

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

.collection.news .news-content img {
    width: 100%;
    height: 100%;
}

/*=======================
DASHBOARD SIDE
=======================*/
.dashboard-side {
    position: static;
    top: 0;

    float: left;
    width: 25.42%;
    margin-top: 30px;
    padding: 0 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dashboard-side>div {
    position: relative;

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

    color: #454040;

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
}

.dashboard-side>div>h3 {
    margin: 0 0 18px 0;

    font-family: 'SourceSansPro-bold';
    font-size: 16px;
    line-height: 23px;
    color: #454040;
}

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

    border: 0;
}

.dashboard-side {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.dashboard-side .quicklinks {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
}

.dashboard-side .news {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
}

.lp-container {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
}

.bynder-transfer-sharebox {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}

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

.dashboard-side .quicklinks ul li a {
    position: relative;

    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0 20px 0 0;

    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    line-height: 16px;
    color: #454040;
}

.dashboard-side ul.quick-list li a:after {
    position: absolute;
    top: 0;
    right: 20px;

    height: 25px;

    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 25px;
    color: #454040;
    letter-spacing: 0;

    content: '\f105';
}

.dashboard-side ul.quick-list li:hover a:after {
    color: #ec2a3a;

    -webkit-transition: color ease 0.3s;
    -moz-transition: color ease 0.3s;
    -o-transition: color ease 0.3s;
    transition: color ease 0.3s;
}

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

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

.dashboard-side .news .news-list .news-item a {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;

    font-family: 'SourceSansPro-bold';
    font-size: 13px;
    line-height: 13px;
    color: #454040;

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

.dashboard-side .news .news-list .news-item a .collection-thumb-holder {
    padding: 0;

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #ec2a3a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dashboard-side .news .news-list .news-item a span {
    margin: 1px 0 0 50px;

    font-family: 'SourceSansPro-regular';
    font-size: 10px;
    color: #454040;
}

.dashboard-side .news .news-list .more-news a {
    font-family: 'SourceSansPro-regular';
    font-size: 13px;
    color: #ec2a3a;

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

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

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

.dashboard-side #last-media-slider .carousel-inner,
.dashboard-side #last-media-slider .carousel-inner .item a.img-responsive {
    height: 160px;

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

/* Sharebox */
.transfer-splashscreen .bynder-transfer-browse-button {
    font-family: 'SourceSansPro-bold';
    font-size: 16px;
    font-weight: 500;
    color: #ec2a3a;
}

.transfer-settings:before {
    font-family: 'SourceSansPro-bold';
    font-size: 16px;
    font-weight: 500;
    color: #454040;

    content: 'Share your files';
}

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

.transfer {
    font-family: 'SourceSansPro-light';

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

.transfer textarea {
    color: #575756;
}

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

#bynder-transfer-recipient li.list-group-item {
    padding-bottom: 5px;

    color: #ec2a3a;
}

.transfer-settings .bynder-transfer-browse-button {
    padding: 0;

    font-family: 'SourceSansPro-regular';
    font-size: 13px;
}

.transfer-settings .transfer-header button {
    right: 0;

    font-family: 'SourceSansPro-bold';
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;

    border: 1px solid transparent;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #ec2a3a;
}

#bynder-transfer:hover button.btn-default {
    color: #ec2a3a !important;

    border: 1px solid #ec2a3a;
    background-color: #fff;
}

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

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

.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 {
    padding-top: 7px;

    font-family: 'SourceSansPro-regular';
    font-size: 13px;
    color: #454040;
}

.transfer-body .share-group .btn-group .btn-primary {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: rgba(68, 68, 78, 0.55);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

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

    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

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

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

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

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

.transfer-footer .btn-default {
    width: 78px;
    height: 30px;
    margin: 0 auto;

    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;

    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #ec2a3a;
}

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

.transfer-body .panel-group .panel .list-group {
    margin-top: 5px;
}

/*=======================
ASSETS PAGE / ASSETBANK PAGE / MEDIA PAGE
=======================*/
header .tool-bar {
    max-height: 60px;

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

    border-top: 1px solid #e1e1e1;
    background-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    -moz-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    box-shadow: inset 0 -1px 0 0 #d0d2d3;
}

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

    line-height: 60px;
}

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

    font-size: 14px;
}

header .tool-bar>.filters-holder>ul.filters>li.filter>a {
    height: 60px;
    margin: 0 -4px 0 0;
    padding: 0 15px;

    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    line-height: 60px;
    color: #454040;

    border-right: 1px solid #dcdcdc;
}

header .tool-bar>.filters-holder>ul.filters>li.filter>a .fa {
    margin-right: 10px;
}

.filter-level li a {
    color: #454040;
}

.filter-level li a:hover .fa,
.filter-level li a:hover span.searchCount {
    color: #ec2a3a;
}

header .tool-bar>.filters-holder>ul.filters>li.filter.active>a {
    font-family: 'SourceSansPro-bold';
    font-weight: 700;
    color: #ec2a3a;
}

header .tool-bar>.filters-holder>ul.filters>li.filter>a .fa.fa-caret-down {
    margin: 0 0 0 10px;

    -webkit-transition: color 0s;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: color 0s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    -o-transition: color 0s;
    -o-transition: transform 0.3s;
    transition: color 0s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}

header .tool-bar>.filters-holder>ul.filters>li.filter>a .fa.fa-caret-down:before {
    content: '\f107';
}

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

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

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

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

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

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

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

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

.filter-level li label span.searchCount,
.filter-level-container.advanced li>span {
    width: auto;
    height: 20px;

    line-height: 18px;
    color: #454040;

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

.filters>li a.selected span.searchSelected,
.filters>li a.selected span.searchCount {
    color: #fff;

    background-color: #ec2a3a;
}

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

    color: #fff;
}

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

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

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

    border: none;
}

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

    line-height: 60px;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-all,
header .tool-bar ul.actions-bar li.select a.group-btn.select-dropdown {
    width: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: 1px solid #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: transparent !important;
}

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

header .tool-bar ul#select-actions li.select a.group-btn.select-all:before {
    position: absolute;
    left: 50%;

    font-family: 'FontAwesome';
    font-size: 16px;
    color: #454040;

    content: '\f096';
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

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

header .tool-bar ul#select-actions.active li.select a.group-btn.select-all:before {
    position: absolute;
    left: 50%;

    font-family: 'FontAwesome';
    font-size: 16px;
    color: #4a4a4a;

    content: '\f046';
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

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

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

    background-color: #fff;
}

header .tool-bar ul.actions-bar li.select:hover ul.auto-complete {
    top: 47px;

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

header .tool-bar ul.actions-bar li a.group-btn {
    width: auto;
    height: 30px;

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

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

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

header .tool-bar ul.actions-bar li a.group-btn:hover {
    color: #ec2a3a !important;

    border: none;
    background-color: transparent !important;
}

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

/* Filterbar */
.filterbar.show {
    top: 190px;

    height: auto;
    margin: 1px 0 0 0;
    padding: 5px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    line-height: 30px;

    border-bottom: 1px solid #f5f5f5;
    background-color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    -moz-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    box-shadow: inset 0 -1px 0 0 #d0d2d3;

    opacity: 1;
}

.filterbar.show.small {
    top: 130px;
}

.filterbar a.tag {
    display: inline-block;
    height: 30px;
    margin: 0 5px 0 0;

    font-size: 12px;
    line-height: 30px;
    vertical-align: top;

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

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

#clearFilter .fa,
.filterbar a.tag span .fa {
    height: 30px;
    margin: 0 0 0 5px;

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

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

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

/* Clear / Save filter */
.filterbar #clearFilter,
.filterbar #saveFilters {
    display: inline-block;
    height: 30px;
    margin: 0 5px 0 0;
    padding: 0 35px 0 15px;

    font-size: 12px;
    line-height: 30px;
    vertical-align: top;

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

.filterbar #clearFilter:hover,
.filterbar #saveFilters:hover {
    color: #ec2a3a;

    background: #fff;
}

.filterbar #clearFilter .fa-times-circle {
    position: absolute;
    right: 15px;

    height: 30px;

    line-height: 30px;

    opacity: 1;
}

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

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

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

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

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

    line-height: 60px;
}

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

    color: #454040;
}

#save-filter-dropdown .filter-level li label .searchEdit {
    line-height: 16px;
}

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

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

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

.media-tools ul.media-tools-left>li {
    height: 30px;

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

.media-tools ul.media-tools-left li.media-results span.selected-results {
    top: 0;

    width: auto;
    min-width: 30px;
    height: 30px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: 'SourceSansPro-bold';
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    text-align: center;
    letter-spacing: 0;

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

.media-tools ul.media-tools-left li.media-results span.results {
    height: 30px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: 'SourceSansPro-light';
    font-size: 13px;
    font-weight: 200;
    line-height: 30px;
    color: #454040;
    letter-spacing: 0;

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

.media-tools ul.media-tools-left li.media-results span.results strong {
    font-family: 'SourceSansPro-regular';
    font-weight: 400;
}

/* Order by */
.media-tools ul.media-tools-left li.media-sort a.sort {
    height: 30px;

    font-family: 'SourceSansPro-light';
    font-size: 13px;
    font-weight: 200;
    line-height: 30px;
    color: #454040;
    letter-spacing: 0;

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

.media-tools ul.media-tools-left li.media-sort a.sort strong {
    font-family: 'SourceSansPro-regular';
    font-weight: 400;
}

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

.media-tools ul.media-tools-left li.media-sort.sort-order a.sort {
    padding: 0 5px;

    font-size: 12px;

    border-right: 0;
    border-left: 1px solid #f8f8f8;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Order by dropdown */
.media-tools ul.media-tools-left li.media-sort ul.auto-complete {
    z-index: 85;

    min-width: 200px;
    padding: 0;

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

.media-tools ul.media-tools-left li.media-sort ul.auto-complete strong {
    font-family: 'SourceSansPro-bold';
}

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

.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 {
    width: 30.5px;
    height: 30px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 12px;
    line-height: 30px;
    color: #454040;

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

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

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

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

.media-tools ul.group-btns li.active a.group-btn {
    color: #fff !important;

    background-color: #ec2a3a;
}

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

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

/* Assetbank content */
#media-container.content-container.media {
    margin: 0 auto;
    padding: 210px 25px 0 25px;

    text-align: center;
}

#media-container.content-container.media.has-tagfilter {
    padding-top: 255px;
}

#media-container.content-container.media #results-thumbs {
    margin-right: -16px;
    margin-left: -4px;
}

#results-thumbs .media-holder {
    width: 220px;
    height: auto;
    margin: 0 16px 16px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    vertical-align: top;

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

#results-thumbs .media-holder.active .thumbnail {
    padding: 10px;

    border: 2px solid #ec2a3a;
    -webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}

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

#results-thumbs .media-holder.active .thumbnail:hover {
    padding: 10px;

    border: 2px solid #ec2a3a;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}

#results-thumbs .media-holder .thumbnail {
    height: auto;
    min-height: 190px;
    padding: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: initial;

    border: 1px solid #d3dadf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#results-thumbs .media-holder .thumbnail:hover {
    padding: 10px;

    border: 2px solid #ec2a3a;
    -webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);

    cursor: pointer !important;
}

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

.media-holder .thumbnail .image-holder,
.media-holder.portrait .thumbnail .image-holder {
    width: 100%;
    height: 130px;

    border: 1px solid #fafafa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f8f8f8;
}

.media-holder .thumbnail .image-holder img,
.media-holder.portrait .thumbnail .image-holder img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#results-thumbs .media-holder .thumbnail p {
    max-width: 155px;
    height: 20px;
    margin: 10px 0 0 0;

    font-family: 'SourceSansPro-bold';
    font-size: 14px;
    line-height: 20px;
    color: #454040;
}

#results-thumbs .media-holder .thumbnail:hover p,
#results-thumbs .media-holder .portrait .thumbnail:hover p {
    height: auto;

    white-space: normal;
    word-break: normal;
}

#results-thumbs .media-holder .thumbnail span.extension,
#results-thumbs .media-holder ul.listview-info span.extension {
    top: 150px;
    right: 10px;

    display: inline-block;
    width: auto;
    height: 23px;
    padding: 0 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: 'SourceSansPro-bold';
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    text-align: center;
    text-transform: lowercase;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f38f1d;
}

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

/* Asset selector */
.media-holder .thumbnail .select,
.media-holder.listview .thumbnail .select,
.table_wrapper .overlay-detail .select,
.table_wrapper.active .overlay-detail .select {
    position: absolute;
    top: -1px;
    right: -1px;

    width: 0;
    height: 0;

    color: rgba(255, 255, 255, 0.75);

    border-top: 70px solid #9b9b9b;
    border-left: 70px solid transparent;
}

.media-holder .thumbnail .select:hover,
.media-holder.listview .thumbnail .select:hover,
.table_wrapper .overlay-detail .select:hover,
.table_wrapper.active .overlay-detail .select:hover {
    color: rgba(255, 255, 255, 0.75);

    border-top: 70px solid #ec2a3a;
    border-left: 70px solid transparent;
}

.media-holder .thumbnail .select:after,
.media-holder.listview .thumbnail .select:after,
.table_wrapper .overlay-detail .select:after {
    position: absolute;

    margin-top: -63px;
    margin-left: -32px;

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

    content: '\f00c';
}

.media-holder.active .thumbnail .select,
.media-holder.active .thumbnail:hover .select,
.media-holder.listview.active .thumbnail .select,
.table_wrapper.active .overlay-detail .select,
.table_wrapper.active .overlay-detail .select:hover {
    color: #fff !important;

    border-top: 70px solid #ec2a3a;
}

.media-holder dl {
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;

    color: #454040;

    border-top: 1px solid #e1e1e1;
}

.media-holder dl dt {
    margin-right: 6px;

    font-family: 'SourceSansPro-bold';
    font-weight: 700;
}

.media-holder dl dd {
    font-family: 'SourceSansPro-regular';
}

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

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

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

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

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

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

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

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

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

body[data-module='collections'] header {
    -webkit-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    -moz-box-shadow: inset 0 -1px 0 0 #d0d2d3;
    box-shadow: inset 0 -1px 0 0 #d0d2d3;
}

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

.content-container.collections {
    margin: auto;
    padding: 130px 25px 0 25px;
}

.collection-navigation {
    top: 140px;
    border: none;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.collection-navigation ul:first-child {
    position: absolute;
    z-index: 2;

    width: 220px;
    height: 210px;
    padding: 0;

    border: 1px solid #d3dadf;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #fefefe;
}

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

    font-family: 'SourceSansPro-bold';
    font-size: 18px;
    line-height: 26px;
    color: #454040;
}

.collection-navigation ul li a {
    max-width: 155px;
    max-height: 35px;
    padding: 2px 0 2px 15px;
    overflow: hidden;

    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    line-height: 35px;
    color: #454040;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;

    -o-text-overflow: ellipsis;
}

.collection-navigation ul li a:hover,
.collection-navigation ul li a:hover .fa {
    color: #ec2a3a !important;
}

.collection-navigation ul li a .fa {
    margin-right: 5px;

    color: #454040;
}

.collection-navigation ul li span.count {
    position: absolute;
    right: 15px;

    min-width: 20px;
    height: 20px;
    margin: 7px 0 0 0;
    padding: 0 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: 'SourceSansPro-bold';
    font-size: 12px;
    font-weight: 900;
    line-height: 22px;
    color: #454040;

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #f5f5f5;
}

.collection-navigation ul li.dropdown.alwaysopen ul li.active a,
.collection-navigation ul li.dropdown.active ul li.active a {
    font-family: 'SourceSansPro-bold';
    color: #ec2a3a !important;

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

.collection-navigation ul li.dropdown.alwaysopen ul li.active a .fa,
.collection-navigation ul li.dropdown.active ul li.active a .fa {
    color: #ec2a3a !important;
}

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

    background-color: #ec2a3a;
}

.collection-navigation ul li ul li.active {
    margin: 0 -2px;

    background-color: transparent;
}

.collection-navigation ul li ul li.active:hover {
    color: #ec2a3a;
}

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

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

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

.media-tools>.media-tools-left>li.media-sort p,
.chosen-container-single .chosen-single span {
    margin: 0;

    font-family: 'SourceSansPro-regular';
    font-size: 12px;
    font-weight: 300;
    color: #454040;
}

.content-container.collections .collections-container .media-tools .media-tools-left .media-sort .dropdown-search a.chosen-single {
    font-family: 'SourceSansPro-regular';
    font-size: 12px;
    font-weight: 300;
    color: #454040;

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

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

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

#collections-container ul.media-tools-right li.media-sort>a {
    position: relative;
    z-index: 2;

    font-family: 'SourceSansPro-light';
    font-size: 13px;
    font-weight: 200;
    color: #454040;
    letter-spacing: 0;

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#collections-container ul.media-tools-right li.media-sort>a strong {
    font-family: 'SourceSansPro-regular';
    font-weight: 400;
}

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

#collections-container ul.media-tools-right li.media-sort ul.auto-complete {
    padding: 0;

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#collections-container ul.media-tools-right li.media-sort ul.auto-complete strong {
    font-family: 'SourceSansPro-bold';
}

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

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

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

.media-tools ul.media-tools-left li.media-sort ul.auto-complete li.active a,
#collections-container ul.media-tools-right li.media-sort ul.auto-complete li.active a {
    color: #fff !important;

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

/* Collection tiles */
#collections-container .collection-holder {
    float: none;
    display: inline-block;
    vertical-align: top;

    width: 220px;
    height: auto;
    margin: 0px 11.8px 15px 0;

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

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

#collections-container .collection-holder:nth-child(4n + 0) {
    margin-right: 0;
}

#collections-container .collection-holder .thumbnail {
    position: relative;
    bottom: auto;
    left: auto;

    height: auto;
    margin: 0;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#collections-container .collection-holder .thumbnail .image-holder {
    height: 125px;
}

#collections-container .collection-holder .thumbnail .image-holder img {
    height: 100%;

    background: #f8f8f8;
}

#collections-container .collection-holder .thumbnail h4 {
    position: static;

    margin: 10px 0;
    height: auto;
    min-height: 20px;
    max-height: 20px;

    font-family: 'SourceSansPro-bold';
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #454040;

    transition: all 500ms ease;
}

#collections-container .collection-holder .thumbnail h4:hover {
    max-height: 40px;
    white-space: normal;
    word-break: normal;
}

#collections-container .collection-holder .thumbnail span.count {
    position: initial;
    bottom: 15px;

    font-family: 'SourceSansPro-regular';
    font-size: 12px;
    font-weight: 400;
    color: #ec2a3a;
}

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

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

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

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

/* Collection detail */
.filterbar.show~.content-container.single-collection #single-collection-top {
    padding: 235px 0 0 0;
}

#single-collection-top {
    position: relative;

    padding: 210px 0 0 0;

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

#single-collection-top .cta-main-container {
    bottom: 10px;
}

#single-collection-top .cta-main-container li {
    background: none;
}

#single-collection-top .cta-main-container li.show:hover>a {
    color: #ec2a3a;

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

#single-collection-top .cta-main-container a.share-collection {
    height: 42px !important;
    margin-top: -2px;
    margin-right: 2px !important;
    margin-left: -1px;

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

#single-collection-top .cta-main-container a.media-downloads {
    height: 42px !important;
    margin-top: -1px;
    margin-right: -1px !important;
    margin-left: -3px;

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

#single-collection-top .cta-main-container a.cta-dropdown-trigger {
    height: 42px !important;
    margin-top: -1px;
    margin-right: -1px !important;
    margin-left: -1px !important;

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

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

#single-collection-top .cta-main-container>li>a,
#single-collection-top .cta-main-container li.collection-delete a.action-btn {
    height: 40px !important;
    margin-right: 5px !important;
    padding: 0 15px;

    line-height: 40px !important;
    color: #fff;

    border: 1px solid transparent;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #ec2a3a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

    border: 1px solid #ec2a3a;
    background-color: #fff;
}

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

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

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

#single-collection-top .cta-main-container ul.cta-dropdown li {
    background: none;
}

#single-collection-top .cta-main-container ul.cta-dropdown li:hover {
    border: 1px solid transparent;
}

#single-collection-top .cta-main-container ul.cta-dropdown li:first-child {
    border-top: 1px solid transparent;
}

#single-collection-top .cta-main-container ul.cta-dropdown li:nth-child(2) {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

#single-collection-top .cta-main-container ul.cta-dropdown li.collection-delete {
    border-top: 1px solid transparent;
}

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

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

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

#collection-media .media-tools {
    padding-top: 30px;
}

.filterbar.show~.content-container.single-collection #collection-detail {
    top: 300px;
}

.content-container.single-collection #collection-detail {
    top: 255px;
}

#collection-media {
    margin-top: 0;
}

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

.content-container.dashboard.single .dashboard-side {
    display: block;
    margin-top: 0;
}

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

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

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

/*=======================
ASSET DETAIL / IMAGE DETAIL
=======================*/
/* GENERAL SETTINGS UPLOAD, EDIT, DETAIL */
#image_upload,
#image_enlarger {
    background-color: rgba(20, 20, 20, 0.95);
}

#image_uploadheader,
#image_upload .upload-container header,
#image_enlargerheader,
#image_enlarger .upload-container header {
    background: transparent;
}

#image_upload .selected,
#image_upload .bottom,
#image_enlarger .selected,
#image_enlarger .bottom {
    color: #333 !important;

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

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

#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 {
    color: #ec2a3a !important;

    background: transparent !important;
}

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

#image_enlarger>figure>div.table_wrapper .overlay-detail ul li span.tip {
    left: 50px;
}

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

#image_enlarger>figure>div.table_wrapper .overlay-detail ul.media-info li .media-info-extend.media-downloads ul .large-btn a span.extension {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

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

#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: #ec2a3a !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: #ec2a3a !important;
}

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

#image_upload>.upload-container nav.edit,
#image_enlarger>figure>div.table_wrapper .overlay-detail {
    color: #333 !important;

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

#image_upload ul.media-info input,
#image_upload ul.media-info textarea,
#image_enlarger ul.media-info input,
#image_enlarger ul.media-info textarea {
    padding: 2px 5px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    color: #333 !important;

    border: 1px solid rgba(0, 0, 0, 0.2) !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 #ec2a3a !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:hover .media-item-info,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul .large-btn a:hover .additional-name,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a:hover .fa {
    color: #ec2a3a !important;
}

#image_enlarger>figure>div.table_wrapper .overlay-detail ul.media-info li .media-info-extend.media-downloads ul li a:hover span.extension {
    color: #fff;

    background: #ec2a3a;
}

#image_enlarger ul.media-info i.fa.fa-fw,
#image_upload ul.media-info i.fa.fa-fw {
    line-height: 30px;
}

#image_enlarger ul.media-info .control-group span span {
    color: #333;
}

#image_enlarger>figure>div.table_wrapper .overlay-detail ul li span.tip {
    color: #fff;
}

/* ASSET DETAIL */
#image_enlarger>figure {
    top: 30px;
}

#image_enlarger ul.media-info {
    width: 300px;
}

#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: #ec2a3a !important;
}

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

#image_enlarger>a.nav:hover,
#image_enlarger>span.detail-loader:hover {
    color: #ec2a3a !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: #333;
}

#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: #ec2a3a !important;
}

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

#image_enlarger a.overlay-resize,
#image_enlarger a.close {
    font-size: 20px;
    color: #fff;
}

#image_enlarger a.overlay-resize:hover,
#image_enlarger a.close:hover {
    color: #ec2a3a !important;
}

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

    font-size: 45px;
}

#image_enlarger a.close {
    font-size: 0;
    line-height: 36px;
}

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

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

#image_enlarger .image-detail-toolbar {
    position: absolute;
    top: 20px;
    right: 350px;

    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

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

#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: none !important;
}

#image_enlarger ul.media-info li .control-group .controls input.title:focus {
    border: 1px solid #ec2a3a !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 {
    color: #fff !important;

    border: 1px solid transparent !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #ec2a3a;
}

#image_enlarger .tags.select2-container-multi .select2-choices .select2-search-choice:hover,
#image_upload .tags.select2-container-multi .select2-choices .select2-search-choice:hover {
    color: #ec2a3a !important;

    border: 1px solid #ec2a3a !important;
    background: #fff;
}

#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: #ec2a3a !important;
}

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

#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_upload .media-info .media-info-extend.indented {
    margin-left: 0;
}

/* 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 .save-focus-point .fa,
#image_enlarger ul.media-info li.active .cropSave .fa {
    color: #fff !important;

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

#image_enlarger ul.media-info li.active .save-focus-point,
#image_enlarger ul.media-info li.active .cropSave {
    color: #fff !important;

    border: 1px solid transparent !important;
    background: #ec2a3a;
}

#image_enlarger ul.media-info li.active .save-focus-point:hover,
#image_enlarger ul.media-info li.active .cropSave:hover {
    color: #ec2a3a !important;

    border: 1px solid #ec2a3a !important;
    background: #fff !important;
}

#image_enlarger ul.media-info li.active .save-focus-point:hover .fa,
#image_enlarger ul.media-info li.active .cropSave:hover .fa {
    color: #ec2a3a !important;
}

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

    background: #ec2a3a;
}

.media-info .media-downloads li .action-btn>.fa {
    line-height: 16px;
}

/* 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: #333;
}

#image_upload .selected {
    height: 30px;

    border: none;
}

a.toggle-option.active,
a.toggle-option-all.active,
a.multi-edit-option.delete.reset,
a.multi-edit-option.delete-all.reset {
    color: #333;

    background-color: #ec2a3a !important;
}

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: #fff !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: #ec2a3a !important;
}

.multi-edit-options a.multi-edit-option {
    color: #333;
}

.multi-edit-options a.multi-edit-option:hover .fa {
    color: #ec2a3a !important;
}

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

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

/*=======================
WORKFLOW
=======================*/
body[data-module='workflow'] header .tool-bar {
    width: 100%;
    max-height: 40px;

    line-height: 40px;

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

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

    line-height: 40px;
}

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

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

.content-container.workflow .module-navigation {
    position: absolute;
    left: 50%;
    z-index: 89;

    margin: 15px 5px 25px 5px;
    padding: 0;

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

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

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

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

.content-container.workflow .module-navigation .module-nav {
    padding: 0;

    background-color: #f8f8f8;
}

.content-container.workflow .module-navigation ul.module-nav li {
    height: 40px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    line-height: 40px;

    border: 0;
    border-right: 1px solid #d9d9d9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 0 2px 1px #fff;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 0 2px 1px #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 0 2px 1px #fff;
}

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

.content-container.workflow .module-navigation ul.module-nav li a {
    padding: 0 10px;

    font-family: 'SourceSansPro-regular';
    font-size: 12px;
    color: #798590;
}

.content-container.workflow .module-navigation ul.module-nav>li.active a {
    font-family: 'SourceSansPro-regular';
    font-weight: 500;
    color: #454040;
}

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

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

.workflow-header h1 {
    float: left;

    font-family: 'SourceSansPro-regular';
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    color: #454040;
}

.workflow-header .media-results.viewtoggle-container span {
    color: #454040;

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.workflow-header .viewtoggle-container .change-view-type.view-selected {
    color: #454040;

    background-color: #fff;
}

.workflow-header .list-buttons.right.listview-item a.action-btn.list-show-all-jobs {
    color: #798590;

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

.content-container.dashboard.workflow {
    position: relative;

    max-width: none;
    padding-top: 50px;
}

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

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

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

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

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

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

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

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

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

.campaign-overview .grid-row-holder .brand-holder.show-all a .campaign-img .fa:before {
    position: absolute;
    top: 50%;
    left: 50%;

    font-size: 40px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

    content: '\f01c';
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.campaign-overview .grid-row-holder .brand-holder.show-all a .campaign-data {
    height: 100px;

    color: #ec2a3a;

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

.campaign-action:hover {
    color: #fff !important;

    border: 1px solid transparent;
    background-color: #023852;
}

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

.workflow .brand-holder {
    width: 220px;
    margin: 0 20px 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: 1px solid #d9d9d9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}

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

.campaign-overview .grid-row-holder .brand-holder>a {
    width: 100%;
    height: 250px;

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

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

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-data {
    position: static;

    height: 100px;
    padding: 20px 10px;
    overflow: visible;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-title p {
    max-width: 200px;
    max-height: 20px;
    overflow: hidden;

    font-family: 'SourceSansPro-bold';
    font-size: 14px;
    color: #454040;
    white-space: nowrap;
    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;
}

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-title i {
    position: absolute;
    bottom: 20px;

    max-width: 120px;
    overflow: hidden;

    font-family: 'SourceSansPro-regular';
    font-size: 10px;
    color: #454040;
    white-space: nowrap;
    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;
}

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

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

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

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-badges ul li span {
    min-width: 20px;
    height: 17px;
    padding: 0 3px;

    font-family: 'SourceSansPro-bold';
    font-size: 9px;
    font-weight: 600;
    line-height: 17px;
    color: #fff;
    text-align: center;

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-badges .campaign-progress span {
    background: #023852;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-badges .campaign-changes span {
    color: #ec2a3a;

    background: #ffe700;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-badges .campaign-complete span {
    background: #ec2a3a;
}

.workflow-header .media-results span.selected-results {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #ec2a3a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-info .campaign-info-block {
    max-width: 140px;
    max-height: 25px;
    overflow: hidden;

    font-family: 'SourceSansPro-regular';
    font-size: 9px;
    color: #ec2a3a;
    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;
}

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

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

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

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

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

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

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

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

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

.empty-value {
    color: #cecece;
}

.wf-wrapper .modal-header .close:hover {
    color: #ec2a3a !important;

    background-color: transparent !important;
}

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

#login header>.admin-bar:before,
#login header>.admin-bar:after {
    display: none;
}

#login .login-container a.account-logo {
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    background: 50% 50% no-repeat white url(/5.0.5/includes/img/account/remycointreau/remycointreau.jpg) !important;
    background-size: contain !important;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 60px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 60px rgba(0, 0, 0, 0.1);
}

#login .login-container .form {
    padding: 75px 40px 50px 40px;

    color: #454040;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}

.cbox_messagebox_info {
    text-align: center;

    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ec2a3a;
}

#login .login-container .form .alt-login p {
    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    color: #454040;
}

#login .login-container .form .alt-login button {
    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
}

#login .login-container .form #regular-login input {
    width: 280px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    color: #454040;

    border: 1px solid #dee2e4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}

#login .login-container .form #regular-login .input-holder span i.fa {
    top: 0;

    width: 40px;
    height: 40px;

    line-height: 40px;
    color: #ccc;

    border: none;
}

#login .login-container .form #regular-login .input-holder span i.fa:after {
    position: absolute;
    top: 10px;
    left: 40px;

    width: 1px;
    height: 20px;

    background-color: #e6e6e6;

    content: '';
}

#login .login-container .lost-password a {
    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    color: #454040;

    opacity: 0.6;
}

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

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

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

#login .dashboard-dropbox a.dropLink {
    color: #454040;

    border-color: #454040;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

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

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

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

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

#login .login-container .dropbox-receiver select {
    color: #454040;

    background-color: #ccc;
}

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

    color: #ccc;
}

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

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

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

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

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

#login .dashboard-dropbox .confirm h2,
.dashboard-dropbox .send-form input:focus:invalid,
.dashboard-dropbox .send-form textarea:focus:invalid {
    color: #ec2a3a;
}

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

#login .dashboard-dropbox .confirm h2,
.dashboard-dropbox .send-form input:focus:invalid,
.dashboard-dropbox .send-form textarea:focus:invalid {
    color: #ec2a3a;
}

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

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

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

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

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

/*=======================
FOOTER
=======================*/
footer.fixed .footer-btn .text,
footer.fixed .footer-btn {
    font-family: 'SourceSansPro-regular';
    font-size: 14px;
    color: #454040;
}

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

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

::selection {
    background: #ec2a3a;
}

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

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

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

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

select,
textarea,
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='tel'],
input[type='color'] {
    color: #454040;

    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

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

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

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

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

pre,
input,
button,
select,
textarea,
.ui-menu .ui-menu-item {
    font-family: 'SourceSansPro-regular', 'Helvetica Neue', Helvetica;

    outline: none !important;
}

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

.scrollup {
    right: 15px;
    bottom: 15px;

    font-size: 0;
    color: #fff !important;
    text-indent: -30px;

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

.scrollup:hover {
    color: #fff !important;

    background: #454040 !important;

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

.scrollup:before {
    position: absolute;
    right: 10px;
    bottom: 5px;

    font-family: 'FontAwesome';
    font-size: 45px;
    font-weight: 200;

    content: '\f106';
}

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

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

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

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

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

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

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

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

a.dialogbutton.dialog-cancel {
    height: 17px;
    padding: 6px 15px 7px 15px;

    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
}

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

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

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

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

.stage-management .stage-item .responsible {
    color: #ec2a3a;
}

.stage-management .stage-item .responsible:hover {
    color: #fff;
}

div.pie-progress {
    background: #f8f8f8;
}

.filter-level.first,
.filter-level.hover,
.smart-filter-container .filter-level {
    width: auto;
    max-width: 440px;
}

a#copyEmbed {
    color: #ec2a3a !important;
}

a#copyEmbed:hover {
    color: #454040 !important;
}

.pager ul.group-btns li a.group-btn {
    color: #1ca0de;
}

.pager ul.group-btns li.active a.group-btn {
    color: #fff;
}

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

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ECA overflow */

/* Edit current account page */
.content-container .page-component {
    overflow-y: auto;
    border-radius: 0;
  }

/*=======================
RESPONSIVE
=======================*/
@media screen and (max-width: 1580px) {
    #media-container.content-container.media {
        padding: 210px 150px 0 150px;
    }
}

@media screen and (max-width: 1480px) {
    #media-container.content-container.media {
        padding: 210px 100px 0 100px;
    }
}

@media screen and (max-width: 1229px) {
    #collections-container .collection-holder:nth-child(3n + 0) {
        margin-right: 0;
    }

    #collections-container .collection-holder:nth-child(4n + 0) {
        margin-right: 11.8px;
    }
}

@media screen and (max-width: 1200px) {
    #media-container.content-container.media {
        padding: 210px 25px 0 25px;
    }
}

@media screen and (max-width: 1200px) {
    .content-container.dashboard {
        margin: 0;
        padding-right: 25px;
        padding-left: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .content-container.dashboard .navigation-tiles {
        width: 101.9%;
        max-width: 1200px;
    }

    .content-container.brands.workflow.sub-navigation {
        width: auto;
    }

    .content-container.dashboard>.collection-stream {
        width: 100%;
        max-width: 100%;
    }

    .column-right a.big,
    .column-right a.small {
        width: 100%;
        max-width: none;
    }

    .campaign-overview>.grid-row-holder {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
    }

    .workflow-header {
        width: 960px;
    }

    .dashboard-side {
        width: 100%;
        margin-top: 0;
        padding: 0;
    }

    .dashboard-side>div:nth-child(1) {
        margin-left: 0;
    }

    .dashboard-side>div:nth-child(3) {
        margin-right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .filters>li.active .smart-filter-container {
        top: 191px;
    }
}

@media screen and (max-width: 992px) {
    #collections-container .collection-holder:nth-child(3n + 0) {
        margin-right: 11.8px;
    }

    #collections-container .collection-holder:nth-child(2n + 0) {
        margin-right: 0;
    }
}

/* Blank container */
.blank__container {
    padding-top: 131px;
}
/*=======================
SELECT2 UPDATE
=======================*/
.select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 34, 51, 0.1);
  min-height: 40px;
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  color: #212C40;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: 200px;
}

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

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

.select2-container--default .select2-selection--multiple {
  border: 1px solid rgba(0, 34, 51, 0.1);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-right: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  line-height: 40px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 34, 51, 0.1);
  border-radius: 30px;
  line-height: 24px;
  color: #212C40;
  background-color: #f7f8f9;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  color: rgba(0, 34, 51, 0.1);
  margin-top: 8px;
  margin-right: -1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #132034;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 34, 51, 0.1);
  border-radius: 30px;
  line-height: 24px;
  color: #212C40;
  background-color: #f7f8f9;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 34, 51, 0.1);
  border-radius: 30px;
  line-height: 24px;
  color: #212C40;
  background-color: #f7f8f9;
}

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

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

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

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

.wf-asset-activity.wf-stage-activity .wf-message-options.left .private-group-select .wf-message-options .private-group-select label {
  margin-top: -7px;
}
.wf-asset-activity.wf-stage-activity .wf-message-options.left .private-group-select .select2-container {
  width: 250px !important;
  top: 7px;
}
.wf-asset-activity.wf-stage-activity .wf-message-options.left .private-group-select .select2-container--default .select2-selection--multiple {
  position: relative;
  z-index: 1;
}

.wf-wrapper .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus,
.wf-wrapper .select2-container--default .select2-selection--multiple {
  width: 300px !important;
}

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

.wf-wrapper .modal-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: unset;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-container--default .select2-selection--multiple,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-container--default .select2-selection--multiple,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-container--default .select2-selection--multiple,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-container--default .select2-selection--multiple {
  background: transparent;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-container--default .select2-selection--multiple .select2-selection__clear,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-container--default .select2-selection--multiple .select2-selection__clear,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-container--default .select2-selection--multiple .select2-selection__clear,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 8px;
  margin-right: 1px;
  color: rgba(255, 255, 255, 0.65);
}
#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice {
  padding: 0 8px;
  border-radius: 16px;
  background-color: #264251;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: var(--user-theme-brandFontWeightBase, 400);
  margin: 2px 4px;
  max-width: 200px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice:hover,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice:hover {
  color: #fff;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice .select2-selection__choice__remove,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice .select2-selection__choice__remove,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice .select2-selection__choice__remove,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.65);
  float: right;
  right: 0;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice > div,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice > div,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice > div,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice > div {
  padding-right: 12px;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-search__field,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-search__field,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-search__field {
  width: 259px !important;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-search__field:hover, #image_upload .upload-container nav.edit ul.media-info li .select2-search__field:focus,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:focus,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-search__field:hover,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-search__field:focus,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-search__field:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-search__field:focus {
  width: 259px !important;
  background-color: #264251;
}
#image_upload .upload-container nav.edit ul.media-info li .controls input:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .controls input:hover,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .controls input:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .controls input:hover {
  background-color: #264251;
}

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

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

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-container--default .select2-selection--multiple,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-container--default .select2-selection--multiple {
  background: transparent;
  border: 1px solid transparent;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice {
  padding: 0 8px;
  border-radius: 16px;
  background-color: #264251;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: var(--user-theme-brandFontWeightBase, 400);
  margin: 2px 4px;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice:hover {
  color: #fff;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice .select2-selection__choice__remove,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.65);
  position: absolute !important;
  right: 5px;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice > div,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice > div {
  padding-right: 12px;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-search__field,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-search__field {
  width: 259px !important;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-search__field:hover, #image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-search__field:focus,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-search__field:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-search__field:focus {
  width: 259px !important;
  background-color: #264251;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .controls input:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .controls input:hover {
  background-color: #264251;
}

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

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

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