@font-face {
    font-family: Altice;
    font-style: normal;
    font-weight: 300;
    src: url(./static/media/Regular-Light.otf) format("truetype");
}

@font-face {
    font-family: Altice;
    font-style: normal;
    font-weight: 400;
    src: url(./static/media/Regular-Regular.otf) format("truetype");
}

@font-face {
    font-family: Altice;
    font-style: normal;
    font-weight: 600;
    src: url(./static/media/Regular-Medium.otf) format("truetype");
}

@font-face {
    font-family: Altice;
    font-style: normal;
    font-weight: 700;
    src: url(./static/media/Regular-Bold.otf) format("truetype");
}

@font-face {
    font-family: 'Altice';
    font-style: normal;
    font-weight: 800;
    src: url(./static/media/Regular-Extrabold.otf) format("truetype");
}

:root {
    --brand-color-1: #002864;
    --brand-color-2: #F66608;
    --brand-color-3: #2760F0;
    --brand-color-4: #000;
    --brand-color-5: #F2F1F0;

    --brand-color-1-hover: #002050;
    --brand-color-2-hover: #c55206;
    --brand-color-3-hover: #2356D8;

    --color-error: #d6001a;
    --color-error-hover: #c10017;

    --layout-accent-background-color1: var(--brand-color-1);
    --layout-accent-background-color0: var(--brand-color-5);

    --report-activity-color: var(--brand-color-1);
    --report-webfilter-color: var(--brand-color-3);
    --report-malware-color: var(--brand-color-2);
    --report-bar-color-hover: var(--brand-color-2);

    --notification-info-background-color: var(--brand-color-3);
    --notification-infections-background-color: var(--brand-color-2);

    --button-disabled-background-color: #717171;
    --button-disabled-text-color: #fff;

    --button-primary-background-color: var(--brand-color-1);
    --button-primary-background-color-hover: var(--brand-color-1-hover);
    --button-primary-background-color-pressed: #00183c;

    --button-primary-outline-text-color: var(--brand-color-3);
    --button-primary-outline-border-color: var(--brand-color-3);
    --button-primary-outline-icon-color: var(--brand-color-3);

    --button-primary-outline-background-color-hover: rgb(35, 86, 216, 0.15);
    --button-primary-outline-border-color-hover: var(--brand-color-3-hover);
    --button-primary-outline-text-color-hover: var(--brand-color-3-hover);
    --button-primary-outline-icon-color-hover: var(--brand-color-3-hover);

    --button-primary-outline-background-color-pressed: rgb(31, 77, 192, 0.15);
    --button-primary-outline-border-color-pressed: #1F4DC0;
    --button-primary-outline-text-color-pressed: #1F4DC0;
    --button-primary-outline-icon-color-pressed: #1F4DC0;

    --button-secondary-inverted-background-color: #fff;
    --button-secondary-inverted-border-color: var(--brand-color-3);
    --button-secondary-inverted-text-color: var(--brand-color-3);

    --button-secondary-inverted-text-color-hover: var(--brand-color-3-hover);
    --button-secondary-inverted-border-color-hover: var(--brand-color-3-hover);
    --button-secondary-inverted-background-color-hover: #dfe7fd;

    --button-secondary-inverted-text-color-pressed: #fff;
    --button-secondary-inverted-border-color-pressed: var(--brand-color-3);
    --button-secondary-inverted-background-color-pressed: var(--brand-color-3);


    --button-secondary-text-color: var(--brand-color-3);
    --button-secondary-border-color: var(--brand-color-3);

    --button-destructive-outline-text-color: var(--color-error);
    --button-destructive-outline-border-color: var(--color-error);

    --checkbox-unchecked-border-color-hover: var(--brand-color-1);

    --checkbox-checked-background-color: var(--brand-color-1);
    --checkbox-checked-border-color: var(--brand-color-1);

    --checkbox-checked-background-color-hover: var(--brand-color-1-hover);
    --checkbox-checked-border-color-hover: var(--brand-color-1-hover);

    --schedule-grid-homework-time-color: var(--brand-color-1);
    --schedule-grid-internet-off-color: var(--brand-color-3);
    --schedule-grid-time-line-text-color: var(--brand-color-3);

    --notification-success-background-color: var(--brand-color-5);
    --notification-success-text-color: var(--text-main-color);
    --notification-success-icon-color: var(--text-main-color);

    --notification-contextual-background-color: var(--brand-color-1);
    --notification-contextual-text-color: #fff;
    --notification-contextual-icon-color: #fff;

    --report-checkbox-label-color: var(--text-main-color);
    --report-axis-color: var(--text-main-color);
    --report-tick-color: var(--text-main-color);

    --ddl-item-background-color-hover: var(--brand-color-3);

    --radio-checked-border-color: var(--brand-color-1);
    --radio-checked-icon-color: var(--brand-color-1);

    --radio-checked-border-color-hover: var(--brand-color-1-hover);
    --radio-checked-icon-color-hover: var(--brand-color-1-hover);

    --radio-unchecked-border-color-hover: var(--brand-color-1);

    --switch-on-background-color: var(--brand-color-1);
    --switch-on-border-color: var(--brand-color-1);
    --switch-on-background-color-hover: var(--brand-color-1-hover);
    --switch-on-border-color-hover: var(--brand-color-1-hover);

    --select-icon-color: var(--brand-color-3);
    --select-icon-color-hover: var(--brand-color-3);
    --select-icon-color-focus: var(--brand-color-3);
    --select-list-item-background-color-hover: var(--brand-color-3);
    --select-list-item-background-color-focus: var(--brand-color-3);

    --control-border-color-focus: var(--brand-color-3);

    --desktop-menu-background-color-active: var(--brand-color-3);

    --device-group-panel-header-background-color: var(--brand-color-1);
    --device-group-panel-new-request-counter-background-color: var(--brand-color-3);

    --table-row-icon-new-request-color: var(--brand-color-3);
    --table-footer-link-button-color: var(--brand-color-3);

    --mobile-menu-item-background-color-hover: var(--brand-color-3);
    --horizontal-menu-underline-color: var(--brand-color-3);

    --wizard-step-active-color: var(--brand-color-1);
    --wizard-step-active-icon-color: #fff;
    --wizard-step-hint-color: #fff;
    --wizard-step-completed-icon-color: #fff;
}

body,
button,
input,
optgroup,
select,
textarea,
a {
    font-family: Altice, Arial, sans-serif;
}

/* Color adjustments */
.info-section,
.desktop-card__header,
.desktop-card__image,
.help-page-navigation__list-item--active, .help-page-navigation__sub-menu-item--active,
.mobile-card__header,
.wizard-card .profile-image.teens,
.wizard-card .profile-image.kids,
.wizard-card .profile-image.adults {
    background-color: var(--brand-color-3);
}

.profile-section__header__toggle,
.profile-section__footer,
.link,
.help-content a,
.detailed-service-panel__status .link,
.button--secondary .button__icon,
.infected-devices .infection__description a,
.infected-devices .infection__description a:focus,
.infected-devices .infection__description a:hover,
.plain-button,
.plain-button:not([disabled]):focus,
.plain-button:not([disabled]):hover,
.link:hover, .link:focus,
.help-content a:hover, .help-content a:focus,
.detailed-service-panel__status .link:hover,
.detailed-service-panel__status .link:focus {
    color: var(--brand-color-3);
}

.footer,
.mobile-card.default__theme header,
.protection-choice__item--multiple,
.wizard-card .profile-image.default{
    background-color: var(--brand-color-1);
}

.ltr .help-content blockquote {
    border-left-color: var(--brand-color-3);
}

.report__title,
.infected-devices .infection__header,
.infected-devices .infection .infected-device__name,
.infected-devices .infection__description,
.infected-devices,
.infected-devices__container-description,
.infected-devices__accordion .infected-device__name,
.detailed-service-panel__header,
.detailed-service-panel__description,
.compact-service-panel,
.go-back__button,
.go-back__button:focus,
.go-back__button:hover {
    color: var(--text-main-color);
}

.help-page mark.active {
    background-color: rgba(246, 102, 8, 0.7);
}

.layout__header .link,
.footer__company-link,
.footer__terms-and-conditions {
    color: #fff;
}

.layout__header .link:hover,
.layout__header .link:focus,
.footer__company-link:hover,
.footer__company-link:focus,
.footer__terms-and-conditions:hover,
.footer__terms-and-conditions:focus,
.notification a:hover,
.notification a:focus {
    color: #fda782;
}

.infected-devices .carousel-indicators__item--active {
    background-color: var(--brand-color-2);
}

.infections-detected button.button {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.infections-detected button.button:hover,
.infections-detected button.button:focus {
    background-color: rgba(0,0,0,0.2);
    border-color: #fff;
    color: #fff;
}

@media (max-width: 767px) {
    .go-back__button,
    .go-back__button:hover,
    .go-back__button:focus {
        color: var(--text-main-color-inverted);
    }
    .report-panel__title {
        color: var(--text-main-color);
    }
}
.home-service-panel,
.info-section {
    background-color: var(--brand-color-5);
}

.detailed-service-panel.detailed-service-panel--infected .infection-status {
    color: var(--brand-color-2);
}


/* Font style adjustments */
.infected-devices .infection__description a:focus,
.infected-devices .infection__description a:hover,
.go-back__button:focus,
.go-back__button:hover {
    text-decoration: underline;
}

.wizard-step__title {
    font-weight: 700;
}

.user-menu-dropdown__toggle__name,
.icon.fa-regular.fa-exclamation-triangle {
    font-weight: 600;
}

/* Disabled Malware & Phishing protection switch*/
.block-page-tab .tab-section:first-of-type .block-page-tab__checkbox:last-of-type .checkbox-switch {
    cursor: not-allowed;
    background-color: var(--checkbox-checked-background-color-disabled);
    border-color: var(--checkbox-checked-border-color-disabled);
}

.block-page-tab .tab-section:first-of-type .block-page-tab__checkbox:last-of-type .checkbox-switch:before {
    color: var(--checkbox-checked-icon-color-disabled);
}

.block-page-tab .tab-section:first-of-type .block-page-tab__checkbox:last-of-type .switch-base {
    position: relative;
    pointer-events: none;
}

.block-page-tab .tab-section:first-of-type .block-page-tab__checkbox:last-of-type .switch-base::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1;
}

/* Profile Card: Default */
.desktop-card.default__theme .desktop-card__header,
.desktop-card.default__theme .desktop-card__image {
    background-color: var(--brand-color-1);
}

/* Icons */
.notification--success .notification__body:before {
    content: url('icons/checkmark.svg');
}

.banner-inline.allow-list-override-warning .icon.fa-exclamation-triangle::before {
    content: url('icons/circle-info.svg');
}

/* Visual balancing */
.title {
    margin-top: 10px;
    font-size: 24px;
}

.ltr .service-status::before {
    margin-top: -2px;
}

.logo__image {
    height: 40px;
}

@media (min-width: 992px) {
    .home-service-panel {
        border-top: 1px solid var(--brand-color-1);
    }

    .ltr .home-service-panel .detailed-service-panel + .detailed-service-panel {
        border-left: 1px solid var(--brand-color-1);
    }
}

.button__content,
.time-picker__input-value,
.devices-counter__amount,
.switch-base.checkbox,
.wizard-step--disabled .round-tab {
    line-height: 19px;
}

.service-status {
    line-height: 20px;
}

/* Control restyling */
.infected-devices .carousel-slider__arrow {
    width: 32px;
    height: 32px;
    background-color: transparent;
    color: var(--brand-color-3);
    border: 2px solid var(--brand-color-3);
    opacity: 1;
}

.infected-devices .carousel-slider__arrow .icon {
    font-weight: 800;
}

/* Hack text change */
.desktop-card__content a.desktop-card__button {
    position: relative;
}

.desktop-card__content a.desktop-card__button .button__content {
    display: none;
}

.desktop-card__content a.desktop-card__button::after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    content: 'Manage Profile';
    top: 0;
    left: 0;
    color: var(--brand-color-3);
    width: 100%;
    height: 100%;
}

.desktop-card__content a.desktop-card__button:hover::after,
.desktop-card__content a.desktop-card__button:focus::after {
    color: var(--brand-color-3-hover);
}

/* Hide 'merge' functionality */
.dropdown__item#merge {
    display: none;
}

/* Fixes for undefined age group profiles */
.desktop-card .button--undefined {
    background-color: var(--button-primary-outline-background-color);
    border: 1px solid var(--button-primary-outline-border-color);
    color: var(--button-primary-outline-text-color);
    margin-top: 30px;
}

.button--undefined:focus:not(:disabled), .desktop-card .button--undefined:hover:not(:disabled) {
    background-color: var(--button-primary-outline-background-color-hover);
    border-color: var(--button-primary-outline-border-color-hover);
    color: var(--button-primary-outline-text-color-hover);
}

li.profile-card[aria-label^="Child"] .desktop-card__image {
    -webkit-mask: url('static/media/strict-age-group-card.svg');
    -mask: url('static/media/strict-age-group-card.svg');
}

li.profile-card[aria-label^="Teen"] .desktop-card__image {
    -webkit-mask: url('static/media/medium-age-group-card.svg');
    -mask: url('static/media/medium-age-group-card.svg');
}

li.mobile-card .mobile-card__image {
    display: none;
}

.profile-details__image {
    display: none;
}

/* Replace standard icons */
.desktop-card.default__theme .desktop-card__image {
    background-image: url("static/media/Users.svg");
    background-color: transparent;
    mask: none;
}

.settings-navigation .image__account,
.mb-settings-navigation .image__account {
    background-image: url("static/media/Users.svg");
    background-color: transparent;
    mask: none;
}

.settings-navigation .image__lists,
.mb-settings-navigation .image__lists {
    background-image: url("static/media/Lock.svg");
    background-color: transparent;
    mask: none;
}

.settings-navigation .image__devices,
.mb-settings-navigation .image__devices {
    background-image: url("static/media/Devices.svg");
    background-color: transparent;
    mask: none;
}

.settings-navigation .settings-navigation__button--active .settings-navigation__image.image__devices,
.settings-navigation .settings-navigation__button--active .settings-navigation__image.image__lists,
.settings-navigation .settings-navigation__button--active .settings-navigation__image.image__account,
.mb-settings-navigation .mb-settings-navigation__button--active .mb-settings-navigation__image.image__devices,
.mb-settings-navigation .mb-settings-navigation__button--active .mb-settings-navigation__image.image__lists,
.mb-settings-navigation .mb-settings-navigation__button--active .mb-settings-navigation__image.image__account {
    background-color: transparent;
}