@font-face {
    font-family: 'CentraNo1-BlackItalic';
    src: local('CentraNo1-BlackItalic'),
    url("fonts/CentraNo1-BlackItalic/CentraNo1-BlackItalic.woff2") format("woff2");
}

@font-face {
    font-family: 'CentraNo1-Black';
    src: local('CentraNo1-Black'),
    url("fonts/CentraNo1-Black/CentraNo1-Black.woff2") format("woff2");
}

@font-face {
    font-family: 'CentraNo1-Bold';
    src: local("CentraNo1-Bold"),
    url("fonts/CentraNo1-Bold/CentraNo1-Bold.woff2") format("woff2");
}

@font-face {
    font-family: 'CentraNo1-Medium';
    src: local("CentraNo1-Medium"),
    url("fonts/CentraNo1-Medium/CentraNo1-Medium.woff2") format("woff2");
}

@font-face {
    font-family: 'CentraNo1-Book';
    src: local("CentraNo1-Book"),
    url("fonts/CentraNo1-Book/CentraNo1-Book.woff") format("woff");
}


:root {
    --default-font-black: "CentraNo1-Black", Helvetica, Arial, sans-serif;
    --default-font-bold: "CentraNo1-Bold", Helvetica, Arial, sans-serif;
    --default-font-regular: "CentraNo1-Medium", Helvetica, Arial, sans-serif;
    --default-font-blackitalic: "CentraNo1-BlackItalic", Helvetica, Arial, sans-serif;
    --default-font-light: "CentraNo1-Light", Helvetica, Arial, sans-serif;
    --default-font-book: "CentraNo1-book", Helvetica, Arial, sans-serif;

    --accent-blue-600: rgb(66, 132, 192);
    --accent-blue-400: #95caee;
    --dark-sage: #496855;
    --dark-salmon:#bd5f5f;
    --faded-orange: #e19156;
    --pale-teal: #96b89d;
    --silver: #cdd0cf;
    --wheat: #ffdc80;
    --black: #000000;
    --white: #ffffff;
    --dark-grey: #444480;
    --accent-gray: #d8d8d8;
    --forest-green: #96b89d;

    --neutral-40: rgb(222, 222, 222);;


    --primary-background: #E8E8E8;
    --secondary-background: var(--white);
    --secondary-color: var(--black);
    --secondary-background-inverted: var(--black);
    --secondary-color-inverted: var(--white);

    --slider-unchecked: var(--silver);
    --slider-checked: var(--accent-blue-600);

    --anchor: var(--accent-blue-600);
    --anchor-hover: var(--accent-blue-400);

    --secondary-button-border: var(--black);

    --hover-table-button: rgba(163, 163, 163, 0.5);
    --hover-table-button-color: var(--white);
    --table-background: var(--secondary-background);
    --table-shadow: rgba(163, 163, 163, 0.5);

    --active-tab: var(--pale-teal);
    --active-tab-border: var(--pale-teal);

    --button-interior: var(--accent-gray);
    --button-border: #979797;

    --hover-navbar: rgba(255, 255, 255, 0.2);

    --popover-background: var(--pale-teal);
    --popover-border: var(--pale-teal);
    --popover-color: var(--dark-sage);

    --total-row-background: var(--forest-green);
    --remove-primary: var(--accent-blue-600);
    --danger: var(--dark-salmon);
    --toggle-button: var(--wheat);
    --eye-open-glyph: var(--faded-orange);
}

#refreshInfo svg {
    float: left;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0px;
    left: -2px;
}

#addAccountButton .glyphicon-plus {
    top: 1.5px;
}

body {
    font-family: var(--default-font-regular);
    font-size: 14px;
    background-color: var(--primary-background);
}

body a {
    font-family: var(--default-font-regular);
    font-size: 14px;
}

h2 {
    font-family: var(--default-font-regular);
    font-size: 18px;
    font-weight: 600;
}

a {
    color: var(--anchor);
}
a:hover {
    color: var(--anchor-hover);
}

.multiselect__single {
    font-family: var(--default-font-regular);
    font-size: 14px;
}

.title .dashboard-static-info {
    margin: 0;
}

.block-product-set--title {
    font: 21px/21px var(--default-font-blackitalic);
}

.block-product-set--title > button{
    font: 14px/14px var(--default-font-bold);
}

.sf-toolbar-block {
    font-family: var(--default-font-regular);
}

.final-url-domain {
    width: 87px
}

.over-block-row .col-two {
    width: 518px;
}

.bottom-block--subrow .subrow--col-two {
    width: 488px;
}

.vc-header {
    font-family: var(--default-font-regular);
}

.wrapper .datepickerWrapper .dateRangeWrapper p.active {
    font-family: var(--default-font-bold);
}

.bulkactions > button {
    background: var(--button-interior);
    border-color: var(--button-border);
}

.bulkactions tr td button {
    background-color: var(--secondary-background);
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.bulkactions tr td button:hover {
    background-color: var(--secondary-background-inverted);
    color: var(--secondary-color-inverted);
}

.open > .btn-default.dropdown-toggle {
    background-color: var(--hover-table-button);
}

.bulkactions tr td .btn-default:active {
    background-color: var(--secondary-background-inverted);
    color: var(--secondary-color-inverted);
}

.table.adchieve-table th {
    background: var(--secondary-color);
    color: var(--secondary-background);
}

/* Breadcrumbs */
.breadcrumb, .section-breadcrumbs {
    background-color: var(--primary-background);
    color: var(--secondary-color);
}
.breadcrumb li a {
    color: #858585;
}
.breadcrumb li a.hasUrl:hover, .breadcrumb li.active a.hasUrl {
    color: var(--secondary-color);
    opacity: 1;
}

.breadcrumb li a:hover{
    color: var(--secondary-color);
    opacity: 0.5;
}
.breadcrumb > .active {
    color: var(--secondary-color);
}

/* buttons */
.btn.adchieve-table__link {
    background-color: initial;
    color: var(--secondary-color);
}
.btn.adchieve-table__link:hover {
    background-color: var(--secondary-background-inverted);
    color: var(--secondary-color-inverted);
}
.btn-text {
    font-family: var(--default-font-bold);
    font-size: 12px;
    line-height: 12px;
}
.btn-icon.glyphicon-plus {
    top: 0;
}
.button-remove-primary {
    color: var(--remove-primary);
}
.btn-danger {
    color: var(--white);
    background-color: var(--danger);
    border-color: var(--danger);
}
button.btn.btn-default.disabled:hover {
     border-color: inherit;
     color: var(--secondary-color);
}
a.btn.btn-default.adchieve-table__link:hover {
    background: var(--hover-table-button);
    color: var(--hover-table-button-color);
}
.b-btn.btn-default.update-feed.disabled {
    background-color: inherit;
}
.b-btn.btn-default.update-feed.disabled:hover {
    background: var(--hover-table-button);
    color: var(--hover-table-button-color);
}
.b-btn.btn-default.update-feed {
    background: inherit;
}
.b-btn.btn-default.update-feed:hover {
    background: var(--hover-table-button);
    color: var(--hover-table-button-color);
}
.btn-adtype-toggle.btn-success{
    background-color: var(--pale-teal);
    color: var(--black);
    border: 1px solid var(--pale-teal);
}
#header {
    background: var(--black);
}
.navbar .nav > li.dropdown .dropdown-menu > li a {
    background: var(--secondary-background-inverted);
    color: var(--secondary-color-inverted);
}
.navbar {
    background: var(--secondary-background-inverted);
    color: var(--secondary-color-inverted);
}
.navbar .nav > li a:hover, .navbar .nav > li a:focus {
    color: var(--secondary-color-inverted);
    background: var(--hover-navbar);
}
.nav-tabs > li.active a {
    color: var(--secondary-color);
    background-color: var(--active-tab);
    border-color: var(--active-tab-border);
}
.nav-tabs > li > a {
    color: var(--secondary-color);
    background-color: var(--secondary-background);
}
.nav-tabs > li > a:hover, .nav-tabs > li.active a:focus {
    color: var(--secondary-color);
    background-color: var(--neutral-40);
    border-color: var(--neutral-40);
}
.navbar .navbar-right > li.dropdown .dropdown-menu {
    background-color: var(--secondary-background-inverted);
}

/*tab arrows*/
.tabs-arrow .nav-tabs li:last-child a:after {
    display: none;
}
.tabs-arrow .nav-tabs li.active a {
    background-color: var(--active-tab);
    color: var(--secondary-color);
}
.tabs-arrow .nav-tabs li.active a:after {
    border-left-color: var(--active-tab);
}
.tabs-arrow .nav-tabs li.disabled a:hover:after,
.tabs-arrow .nav-tabs li.disabled a:focus:after {
    border-color: transparent;
}
.tabs-arrow .nav-tabs a {
    background: var(--secondary-background);
    color: var(--secondary-color);
}
.tabs-arrow .nav-tabs a:hover:after, .tabs-arrow .nav-tabs a:focus:after {
    border-left-color: var(--neutral-40);
}
.tabs-arrow .nav-tabs a:after {
    border-left-color: var(--white);
}
.tabs-arrow .nav-tabs a:before {
    border-left-color: var(--primary-background);
}

/* input */
input + .slider {
    background-color: var(--slider-unchecked);
}
input:checked + .slider {
    background-color: var(--slider-checked);
}

/* Overigen */
fieldset {
    background-color: var(--secondary-background);
}

span.multiselect__tag {
    background-color: var(--accent-blue-400);
    color: var(--secondary-color);
}

.dropdown-menu.user-account-menu > li > a{
    font-family: "CentraNo1-Light", Helvetica, Arial, sans-serif;
}

.dropdown-menu.user-account-menu hr {
    margin: 0;
    border-top: 1px solid #979797
}

.navbar .navbar-right > li.dropdown .dropdown-menu.user-account-menu li{
    margin: 0;
}

.logout-li svg{
    position: relative;
    top: 4.5px;
    fill: #fff;
    margin-right: 3px;
    width: 17px;
}

.navbar .navbar-right > li.dropdown .dropdown-menu.user-account-menu .logout-li:hover svg{
    fill: #000;
}

.adjusted-padding-cm{
    padding: 0 30px;
}

.transparent-button /deep/ svg, .transparent-button /deep/ svg {
    fill: #000;
}
.transparent-button:hover /deep/ svg {
    fill: #fff;
}
.black-button /deep/ svg {
    fill: #fff;
}
.black-button:hover /deep/ svg, .black-button:focus /deep/ svg {
    fill: #000;
}
.transparent-button /deep/ svg, .black-button /deep/ svg {
    float: left;
    width: 16px;
    height: 16px;
}

.transparent-button svg{
    fill: #000;
    position: relative;
    float: left;
    top: 1px;
    left: -2px;
}

.black-button:hover svg{
    fill: #fff;
}

.black-button svg{
    fill: #fff;
    position: relative;
    float: left;
    top: 1px;
    left: -2px;
}

.black-button:hover svg{
    fill: #000;
}

.plus-icon{
    fill: #4284C0;
    cursor: pointer;
}

.list-group-item.active svg{
    fill: #fff;
}

.showCategorizedProducts svg, .showUncategorizedProducts svg {
    position: relative;
    top: -1.5px;
}

.showCategorizedProducts.transparent-button:hover svg, .showUncategorizedProducts.transparent-button:hover svg {
    fill: #000;
}

.showCategorizedProducts.transparent-button:hover, .showUncategorizedProducts.transparent-button:hover{
    color: #000;
}

#newLibraryModalSave svg{
    width: 16px;
    height: 16px;
}

select{
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 12px;
    margin: 0;
    color: #27292a;
    font-family: var(--default-font-book);
}

.bootbox .modal-title {
        font-size: 18px;
}

.bootbox .modal-header {
    background: whitesmoke;
}

.bootbox .modal-body, .bootbox .modal-footer {
    background-color: #fff;
}

.bootbox .modal-dialog .modal-header button.close {
    color: black;
}

.bootbox .modal-dialog .modal-header button.close:hover {
    opacity: 1;
}

.bootbox .modal-dialog .modal-footer button {
    min-width: auto;
}