:root {
  --customLogo: url(../images/logo-customer.png);
  --professocialLogo: url(../images/professocial_logo_header.png);
  --customColor: #2e4b81;
  --customFontFamily: "Roboto Condensed", "Lucida Grande", "Helvetica Neue", Helvetica;
  --customHeaderBorder: 1px solid #2e4b81;
  --customHighlight: #2e4b81;
  --customMainColor: #646464;
  --customTextColor: #fff;
  --customMainFontFamily: var(--customFontFamily);
  --customMainFontSize: 16px;
  --customLinkColor: #2e4b81;
  --customLinkFontFamily: var(--customFontFamily);
  --customLinkFontSize: 16px;
  --customBorderColor: #aaa;
  --customTopMenuFontSize: 16px;
  --customSubMenuFontSize: 16px;
  --customTopMenuFontFamily: var(--customFontFamily);
  --customSubMenuFontFamily: var(--customFontFamily);
  --paceColor: #fff;
  --customLogoWidth: 182px;
  --customLogoHeight: 76px;
  --buttonPrimaryBorder: #fff;
  --buttonPrimaryText: #ffffff;
  --buttonPrimaryBackground: #2e4b81;
  --buttonSecondaryBackground: #ffffff;
  --buttonSecondaryBorder: #2e4b81;
  --buttonSecondaryText: #2e4b81;
  --buttonPrimaryBackgroundHover: #fff;
  --buttonSecondaryBackgroundHover: #ffffff;
  --buttonPrimaryBorderHover: #2e4b81;
  --buttonSecondaryBorderHover: #2e4b81;
  --buttonPrimaryTextHover: #2e4b81;
  --buttonSecondaryTextHover: #2e4b81;
  --buttonPrimaryBackgroundDisabled: #e3dac4;
  --buttonPrimaryBorderDisabled: #e3dac4;
  --buttonPrimaryTextDisabled: #ffffff;
  --buttonSecondaryBackgroundDisabled: #c8c8c8;
  --buttonSecondaryBorderDisabled: #c8c8c8;
  --buttonSecondaryTextDisabled: #ffffff;
}

.logo-professocial {
  background-image: var(--professocialLogo);
}

body {
  color: var(--customMainColor);
  font-family: var(--customMainFontFamily);
  font-size: var(--customMainFontSize);
}

input:active, input:focus, input:hover, select:active, select:focus, select:hover, textarea:active, textarea:focus, textarea:hover{
  border: 1px solid var(--customHighlight);
  outline-color: var(--customHighlight);
}

.swal-modal {
  font-family: var(--customMainFontFamily);
}

body .swal-modal .swal-button{
  border: 1px solid var(--buttonPrimaryBorder);
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
}

.fa-info-circle {
  color: var(--customLinkColor);
}

.tooltip-inner {
  border: 1px solid var(--customLinkColor);
}

a,
a:hover,
a:active,
a:visited {
  color: var(--customLinkColor);
  font-size: var(--customLinkFontSize);
  font-family: var(--customLinkFontFamily);
}

.fa--custom {
  color: var(--customColor);
}

.posting-statistics.sorting .sort-by.active {
  color: var(--customHighlight);
}

.popper-tooltip[x-placement^=top] .tooltip-arrow {
  border-top-color: var(--customHighlight);
}

/* Buttons */
.button--icon {
  cursor: pointer;
  display: block;
  color: var(--customHighlight);
}

.button--icon > a {
  color: var(--customHighlight);
}

.button-primary {
  outline-color:var(--buttonPrimaryBorder);
  background-color:var(--buttonPrimaryBackground);
  border: 1px solid var(--buttonPrimaryBorder);
  color: var(--buttonPrimaryText);
}

.button-primary.disabled, .button-primary.disabled:hover {
  background-color: var(--buttonPrimaryBackgroundDisabled);
  border:1px solid var(--buttonPrimaryBorderDisabled);
  color: var(--buttonPrimaryTextDisabled);
}
.button-primary:hover{
  background-color: var(--buttonPrimaryBackgroundHover);
  border:1px solid var(--buttonPrimaryBorderHover);
  color: var(--buttonPrimaryTextHover);
}

.button-secondary {
  outline-color: 1px solid var(--buttonSecondaryBorder);
  background-color: var(--buttonSecondaryBackground);
  border: 1px solid var(--buttonSecondaryBorder);
  color: var(--buttonSecondaryText);
}
.button-secondary.disabled, .button-secondary.disabled:hover {
  background-color: var(--buttonSecondaryBackgroundDisabled);
  border:1px solid var(--buttonSecondaryBorderDisabled);
  color: var(--buttonSecondaryTextDisabled);
}
.button-secondary:hover{
  background-color: var(--buttonSecondaryBackgroundHover);
  border:1px solid var(--buttonSecondaryBorderHover);
  color: var(--buttonSecondaryTextHover);
}

/* Popups */
.swal-button {
  border: 1px solid var(--buttonPrimaryBorder);
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
}

.swal-button--cancel {
  background-color: var(--buttonSecondaryBackground);
  border:1px solid var(--buttonSecondaryBorder);
  color: var(--buttonSecondaryText);
}

/* Logo */
.logo--customer {
  background-repeat: no-repeat;
  background-image: var(--customLogo);
  height: var(--customLogoHeight);
  width: var(--customLogoWidth);
}

/* Header */
.logout, .userSettings, .header-clock-container{
  color: var(--customTextColor);
}

.userSettingsMenu .active {
  border-bottom: solid var(--customHighlight);
}

.nav > li > a {
  color: var(--customMainColor);
}

.pageHeader {
  background-color: var(--customColor);
  border-bottom: var(--customHeaderBorder);
}

.facebookConnectLayer .facebook_username,
.facebookConnectLayer .notConnected {
  color: var(--customTextColor);
}

.menuEntry {
  color: var(--customMainColor);
}

.nav-tabs > li > a:hover,.nav-tabs>li.active>a:focus {
  border-bottom: 5px solid var(--customHighlight);
}

.subMenu .headline.active,
.subMenu .headline:hover{
  border-bottom: 5px solid var(--customHighlight);
}
.subMenu .submenu-entry .sub-menu.active,
.subMenu .submenu-entry .sub-menu:hover {
  color: var(--customHighlight);
}

.nav-tabs > li.active > a:hover,
.nav-tabs > li.active a {
  border-bottom: 5px solid var(--customHighlight);
}

.navi-mobile {
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
}

.mobile-navigation--entry > span{
  color: var(--customMainColor);
}
.mobile-navigation--entry:hover,
.mobile-navigation--entry.active{
  background-color: var(--buttonPrimaryBackground)!important;
}
.mobile-navigation--subentry > span{
  color: var(--customMainColor);
}
.mobile-navigation--subentry:hover > span{
  color: var(--buttonPrimaryBackground);
}
.mobile-logout {
  color: var(--customMainColor);
}
.logout .logout-icon {
  color: var(--customColor);
  background-color: var(--customTextColor);
}

/* Footer */
.pageFooter {
  background-color: var(--customColor);
  border-top: var(--customHeaderBorder);
  color: var(--customTextColor);
}

/* Common */
.customColor{
  background: var(--customColor);
}

.fa--custom {
  color: var(--customColor);
}

.post-content > .customColor {
  color: var(--customColor);
  background-color: transparent;
}

.imageArea > .image-icons {
  background-color: var(--customColor);
}

/* Calendar */
.calendar .calendar-button.disabled {
  background-color: var(--buttonPrimaryBackgroundDisabled);
  color: var(--buttonPrimaryTextDisabled);
}

.calendar .calendar-list .calendar-week--day .calendar-week--day-error {
  border-top: 5px solid var(--customHighlight);
}

.calendar .calendar-days--month .calendar-days--row .calendar-days--day .calendar-days--event{
  background-color:var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
}

.calendar .calendar-list .calendar-week--header{
  border-bottom: 5px solid var(--customHighlight);
}

.mainContent input:active, .mainContent input:focus, .mainContent input:hover, .mainContent select:active, .mainContent select:focus, .mainContent select:hover, .mainContent textarea:active, .mainContent textarea:focus, .mainContent textarea:hover {
  border: 1px solid var(--customHighlight);
  outline-color: var(--customHighlight);
}

.calendar .calendar-days {
  border-top: 5px solid var(--customHighlight);
}

.calendar .calendar-list > .calendar-week--header {
  border-bottom: 5px solid var(--customHighlight);
}

.calendar .calendar-week--day .calendar-week--day-error {
  border-top: 5px solid var(--customHighlight);
}

.calendar .title {
  color: var(--customHighlight)!important;
}

.calendar .list-message > a {
  color: var(--customHighlight);
}

.calendar .video-icon .fa,
.calendar .video-icon .far,
.calendar .video-icon .fab,
.calendar .video-icon .fas {
  color: var(--customColor);
}

.calendar a:hover {
  color: var(--customHighlight);
}

.calendar .calendar-days--day.active-date{
  color: var(--customLinkColor)!important;
}

.calendar .calendar-days--event {
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
}


.active-campaign-list-item {
  border: 3px solid var(--customColor);
}

.table .entry a:hover {
  color: var(--customHighlight);
}
.table .entry--header {
  color: var(--customTextColor);
  background-color: var(--customColor);
}

.table .entry--header:hover {
  color: var(--customTextColor);
}

.quiz-separation-line {
  border-bottom-color: var(--customHighlight);
}

.progress-bar {
  background-color: var(--customTextColor);
  border: 1px solid var(--customColor);

}
.progress-bar > .progress-bar-filled {
  background-color: var(--customColor);
}

.filter-tags,
.filter-tags-container .filter-tags--autocompleter .select-tags:active,
.filter-tags-container .filter-tags--autocompleter .select-tags:focus,
.filter-tags-container .filter-tags--autocompleter .select-tags:hover{
  border: 1px solid var(--customBorderColor);
}

.filter-tags:hover,
.filter-tags:active,
.filter-tags:focus{
  border: 1px solid var(--customHighlight);
}

.filter-tags--input{
  color: var(--customMainColor);
  background: transparent;
}

.filter-tags-container .filter-tags--autocompleter .select-tags .tag.selected,
.filter-tags-container .filter-tags--autocompleter .select-tags .tag:hover {
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
}

.filter-tags-container .filter-tags .active-tags .active-tag {
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
}

.filter-tags--autocomplete > .select-tags {
  border: 1px solid var(--customBorderColor);
  background-color: #fff;
}
.contentpool .postCollection-tag {
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
}

.filter-tags-container .filter-tags:active, .filter-tags-container .filter-tags:focus, .filter-tags-container .filter-tags:hover {
  border: 1px solid var(--customBorderColor);
}

.filter-tags--autocomplete > .select-tags:hover,
.filter-tags--autocomplete > .select-tags:active,
.filter-tags--autocomplete > .select-tags:focus{
  border-color: var(--customHighlight);
}

.tag:first-child{
  border-top: 1px solid var(--customBorderColor);
}
.tag.tag-selected{
  background-color: var(--customBorderColor);
  color: var(--customColor);
}

.tag:hover,
.tag.selected{
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
}
.tag-line{
  border-bottom: 1px solid var(--customBorderColor);
}


.posting-header > .active,
.posting-header > :hover{
  color:  var(--customHighlight);
}

.link--preview {
  border: 1px solid var(--customBorderColor);
}

input,
textarea {
  border: 1px solid var(--customBorderColor);
}

.option:hover {
  background-color: var(--customColor);
}

.facebook-reaction {
  color: transparent;
  text-shadow: 0 0 0 var(--customMainColor);
}

.post-publishingLog-progress {
  border: 1px solid var(--customBorderColor);
}
.post-publishingLog-progress-done {
  background-color: var(--customColor);
}

.post-publishingLog-progress-description.width-50 {
  color: var(--customTextColor);
}

.mobile-icon .active{
  color: var(--buttonPrimaryBackground);
}

.post-fire{
  color: var(--buttonPrimaryBackground);
  font-size: 24px;
}

.post-link {
  border: 1px solid var(--customBorderColor);
}

.pagination li > a,
.pagination li > span {
  background-color: var(--buttonPrimaryBackground);
  border:1px solid var(--buttonPrimaryBorder);
  color: var(--buttonPrimaryText);
}
.pagination li.active a {
  background-color: var(--buttonSecondaryBackground);
  border:1px solid var(--buttonSecondaryBorder);
  color: var(--buttonSecondaryText);
}

.facebook-action-panel .posting-header span.active,
.facebook-action-panel .posting-header span:hover {
  color: var(--customHighlight);
}

.contentpool .contentpool-filterContentHeader{
  color: var(--buttonPrimaryText);
  background-color: var(--buttonPrimaryBackground);
  border: 1px solid var(--buttonPrimaryBackground);
}

.pika-lendar table td:NOT(.is-empty):NOT(.is-disabled) {
  background-color: var(--customTextColor);
}

.pika-prev,
.is-rtl .pika-next,
.pika-next,
.is-rtl .pika-prev{
  background-color:var(--customColor);
}

.pika-button {
  background-color: var(--buttonPrimaryBackground);
  border: 1px solid var(--buttonPrimaryBorder);
  color: var(--buttonPrimaryText);
}

.pika-button:hover {
  background-color: var(--buttonSecondaryBackground);
  border:1px solid var(--buttonSecondaryBorder);
  color: var(--buttonSecondaryText);
}

.is-selected .pika-button {
  background-color: var(--buttonPrimaryBackground);
  border:1px solid var(--buttonPrimaryBorder);
  color: var(--buttonPrimaryText);
}

.is-disabled .pika-button {
  background-color: var(--buttonPrimaryBackgroundDisabled);
  border:1px solid var(--buttonPrimaryBorderDisabled);
  color: var(--buttonPrimaryTextDisabled);
}

.tab-container.vertical .tab-header .tab {
  background-color: var(--buttonPrimaryBackground);
  color: var(--buttonPrimaryText);
  border: 1px solid var(--buttonPrimaryBorder);
}
.tab-container.vertical .tab-header .tab:last-child{
  border-bottom: 1px solid var(--buttonPrimaryBorder);
}
.tab-container.vertical .tab-header .tab.active{
  color: var(--customHighlight);
}

.tab-micro-line{
  border-right: 1px solid var(--buttonPrimaryBorder);
}

.tab-container.vertical .tab-line .tab-line-above{
  border-top: 1px solid var(--buttonPrimaryBorder);
}
.tab-container.vertical .tab-line .tab-line-bottom{
  border-left: 1px solid var(--buttonPrimaryBorder);
  border-bottom: 1px solid var(--buttonPrimaryBorder);
}

.tab-container.vertical .tab-content {
  border: 1px solid  var(--buttonPrimaryBorder);
  border-left: 0;
}

.accordion .accordion-container {
  border: 1px solid var(--buttonPrimaryBorder);
  border-bottom: 0;
}

.accordion .accordion-container:last-child{
  border-bottom: 1px solid var(--buttonPrimaryBorder);
}

.accordion .accordion-container .accordion-container-header .accordion-container-header--icon,
.campaign-footer b {
  color: var(--customHighlight);
}

.wizard .fa,
.wizard .far,
.wizard .fab,
.wizard .fas {
  color: var(--customHighlight);
}

.wizard .fa-circle {
  color: var(--customTextColor);
  text-shadow: none;
}

.wizard .fa-pulse {
  color: var(--buttonPrimaryText);
}

.wizard .hint {
  color: var(--customColor);
}

.wizard .wizard-menu .wizardbar {
  border: 1px solid var(--customHighlight);
  background-color: var(--customTextColor);
}
.wizard .wizard-menu .wizardbar-item:first-child {
  color: var(--customTextColor);
}

.wizard .wizard-menu .wizardbar-item{
  color: var(--customTextColor);
}

.wizard .wizard-menu  .wizardbar-item:before {
  border-color: transparent transparent transparent var(--customTextColor);
}

.wizard .wizard-menu .current.wizardbar-item {
  background-color: var(--customColor);
  color: var(--customTextColor);
}
.wizard .wizard-menu .current.wizardbar-item:after {
  border-color: transparent transparent transparent var(--customColor);
}

.wizard .fa-stack {
  text-shadow: 1px 1px var(--customTextColor);
}

.wizard .wizard-menu .fa-check,
.wizard .wizard-menu .number {
  color: var(--customColor);
  text-shadow: none;
}

.pageSettingsContent .companyItem .fa-plus-circle{
  color: var(--customHighlight);
}

.pageSettingsContent .companyItem .fa-exclamation-triangle {
  color: var(--buttonPrimaryBackground);
}

.facebook-action-panel .posting-message .media-db .media-db-childview .media-db--medium:hover video,
.facebook-action-panel .posting-message .media-db .media-db-childview .media-db--medium.active video,
.facebook-action-panel .posting-message .media-db .media-db-childview .media-db--medium:hover img,
.facebook-action-panel .posting-message .media-db .media-db-childview .media-db--medium.active img {
  border-color: var(--customHighlight);
}