:root {
    /* --w-color-primary: #2E1F5E; */
    --w-color-primary: #2D3666;
    --w-color-white: #FFFFFFFF;

    /* Any valid CSS format is supported. */
    --w-color-primary-200: #424a75;

    /* Set each HSL component separately to change all hues at once. */
    --w-color-secondary-hue: 180;
    --w-color-secondary-saturation: 100%;
    --w-color-secondary-lightness: 25%;

    /* Buttons */
    --w-color-secondary: #2D3666;
    --w-color-secondary-400: #394EDD;
    --w-color-secondary-600: #6777E5;

    /* Custom */
    --custom-color-black: var(--custom-color-black);
    --custom-color-gray: #666666;
    --custom-calendar-color: #6777E5;
}

/* Header */
.w-header h1,
.w-header,
.w-header__title,
.w-text-white,
::placeholder,

/* Ediciones recientes */
.w-panel__heading,
.listing .title .title-wrapper a,
.listing .title h2 a,

/* Status */
/* .status-tag.primary */
.w-label-1,
.w-label-2 {
    color: var(--custom-color-black) !important;
}

/* Nav */
.placeholder,
.\!w-text-white-80,
.menuitem-label,
.sidebar-sub-menu-panel>h2,
.c-page-explorer__item__title,
.c-page-explorer__header__title,
/* Nav search */
#menu-search-q::placeholder {
    color: var(--w-color-white) !important;
}

/* Nav Hover */
.sidebar-menu-item:hover {
    background-color: var(--w-color-primary-200);
}

.sidebar-menu-item--in-sub-menu:hover {
    background-color: var(--w-color-primary);
}

/* Settings nav footer */
.w-field__label,

/*# Account #*/
.sidebar-footer__account-label,
.w-text-primary,
.w-text-primary:hover,

/* Actions */
.w-sr-only,

/* Login */
.login h1,
.login,
.menuitem-label,
.sidebar-sub-menu-panel>h2,
.c-page-explorer__item__title,
.c-page-explorer__header__title {
    color: var(--custom-color-black);
    text-shadow: none;
}

.tippy-content a,
.sidebar-sub-menu-panel__footer,
.sidebar-footer__account-label,
.w-label-3 {
    color: var(--w-color-white) !important;
}

/* Icons */
.icon {
    fill: #F3F7FF;
}

.w-summary .icon {
    fill: var(--w-color-primary)
}

.w-text-grey-400:hover,
.icon:hover {
    color: var(--custom-color-black);
}

/* Dashboard */
.w-summary {
    color: var(--custom-color-gray);
}


.w-tabs__tab[aria-selected=false] {
    color: var(--custom-color-gray);
}

.w-tabs__tab[aria-selected=false]:hover,
.w-tabs__tab[aria-selected=true] {
    color: var(--custom-color-black);
}

.w-tabs__tab:after {
    background-color: var(--custom-color-black);
}

.w-flex .icon-history,
.w-flex .icon-info-circle,
.w-flex .icon-comment,
.w-flex .icon-mobile-alt {
    fill: var(--custom-color-black) !important;
}

/* Calendar */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background-color: var(--custom-calendar-color);
}

.xdsoft_date:hover,
.xdsoft_time:hover {
    background-color: var(--w-color-secondary-400) !important;
}

.w-header .icon,
.nice-padding .icon,
.tab-content .icon {
    fill: var(--w-color-primary) !important;
}

.form-side .icon-expand-right,
.form-side__panel .icon-doc-full-inverse,
.form-side__panel .icon-lock-open,
.form-side__panel .icon-view {
    fill: var(--w-color-primary) !important;
    color: var(--w-color-primary) !important;
}

/* Errro Page */

.page404__bg,
a.button.page404__button {
    background-color: var(--w-color-primary);
    border-color: var(--w-color-secondary-400)
}

a.button.page404__button:hover {
    background-color: var(--w-color-secondary-400)
}

/* Dropdwn */
.dropdown.dropdown-button--white li .button {
    background-color: var(--w-color-primary) !important;
    color: var(--w-color-white) !important
}

.dropdown.dropdown-button--white li .button:hover {
    background-color: var(--w-color-secondary-400) !important
}

/* RichTextField icon toolbar */
.Draftail-InlineToolbar .icon {
    fill: var(--w-color-white) !important;
}