@font-face {
    font-family: "xfinity";
    font-weight: 400;
    src: url("./static/media/XFINITYStandardTT.ttf") format("truetype");
}

@font-face {
    font-family: "xfinity";
    font-weight: 500;
    src: url("./static/media/XFINITYStandardTT-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "xfinity";
    font-weight: 600;
    src: url("./static/media/XFINITYStandardTTCond-Medium.ttf")
    format("truetype");
}

@font-face {
    font-family: "xfinity";
    font-weight: 200;
    src: url("./static/media/XFINITYStandardTT-ExLt.ttf") format("truetype");
}

@font-face {
    font-family: "xfinity";
    font-weight: 300;
    src: url("./static/media/XFINITYStandardTT-Light.ttf") format("truetype");
}

@font-face {
    font-family: "xfinity";
    font-weight: 100;
    src: url("./static/media/XFINITYStandardTT-Thin.ttf") format("truetype");
}

@font-face {
    font-family: "xfinity";
    font-weight: 700;
    src: url("./static/media/XFINITYStandardTT-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "comcast-icons";
    src: url("./static/media/comcast-icons.eot");
    src: url("./static/media/comcast-icons.eot?#iefix")
    format("embedded-opentype"),
    url("./static/media/comcast-icons.woff") format("woff"),
    url("./static/media/comcast-icons.ttf") format("truetype"),
    url("./static/media/comcast-icons.svg#comcast-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-primary: #2e68b9;
    --color-primary-hover: #255394;
    --color-primary-pressed: #1c3e6f;
    --color-primary-disabled: #5886c7;
    --color-danger: #fc5b3d;
    --color-danger-hover: #ca4931;
    --color-danger-pressed: #973725;
    --color-warning: #ffa40a;
    --color-success: #5cb85c;

    --button-secondary-background-color-hover: #f9fafa;
    --button-secondary-border-color: var(--color-primary);

    --navigation-secondary-desktop-background-color: #f9f9ff;

    --tabs-background-color-hover: #eaf0f8;
    --loader-dot-default-color: #d1d1d2;
    --color-select-item-hover: #eaf0f8;
    --color-select-item-selected: var(--color-primary);
    --panel-background-color: #f9f9ff;
    --url-option-background-color: #f9f9ff;
    --url-option-background-color-hover: #eaf0f8;

    --color-report-activity: #b9e3fe;
    --color-report-webfilter: #33c67c;
    --color-report-webfilter-brushed: #3a835e;
    --color-report-malware: #ff5a34;
    --color-report-malware-brushed: #8d321d;
    --color-report-botnet: #16303e;
    --color-report-botnet-brushed: #295973;

    --text-emphasis-weight: 500;
    --text-invert-color: #fff;
    --header-h2-weight: 500;
    --header-h3-weight: 500;
    --header-h4-weight: 500;

    --static-notification-background-color: var(--color-warning);

    --ddl-item-background-color-hover: #eaf0f8;
    --select-list-item-background-color-hover: #eaf0f8;
    --select-list-item-selected-background-color: #eaf0f8;
    --table-row-background-color-hover: #eaf0f8;

    --button-secondary-border-color-hover: #212121;
    --button-secondary-icon-color: var(--color-primary);

    --control-border-color-hover: var(--color-primary);

    --pagination-button-text-color-hover: #fff;
    --pagination-button-background-color-hover: var(--color-primary);
    --pagination-button-border-color-hover: var(--color-primary);
}

body {
    font-family: "xfinity", Arial, sans-serif;
    font-weight: 400;
}

.help-search__message {
    color: var(--color-warning);
    background-color: rgba(255, 164, 10, 0.1);
}

/* Make sure comcast fonts are used everywhere */
button,
input,
optgroup,
select,
textarea {
    font-family: "xfinity", Arial, sans-serif;
}

/* MOBILE MENU */
.menu__sub-menu--active,
.menu__action-item--active,
.menu__action-item:hover {
    background-color: var(--color-primary);
}

.menu__item:hover,
.menu__sub-menu:hover,
.menu__sub-menu ~ ul .menu__item:hover,
.menu__sub-menu ~ ul .menu__action-item:hover,
.menu__user-menu ~ ul .menu__item:hover,
.menu__user-menu ~ ul .menu__action-item:hover {
    background-color: var(--color-primary);
    color: var(--text-invert-color);
}

@media (max-width: 767px) {
    .native-select__toggle {
        border-color: var(--color-primary);
    }
}

/* TIME INPUTS */
.time-picker__input:focus + .time-picker__input-value,
.time-picker__input:active + .time-picker__input-value {
    filter: brightness(125%);
}

/* PAGINATION */
.pagination__controls .prev:not(.active):not(.disabled):hover,
.pagination__controls .next:not(.active):not(.disabled):hover,
.pagination__controls .page:not(.active):not(.disabled):hover {
    filter: grayscale(30%);
}

.portal-title__name {
    display: none;
}

/*disable malware and phishing*/
.security-description,
.subscriber-safety {
    /* Don't want the text to be selectable */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */

    cursor: not-allowed;
    opacity: 0.6;
}

.subscriber-safety .switcher {
    pointer-events: none;
    opacity: 0.8;
}

.image-container .icon {
    padding-top: 3px;
}

/*icons*/
.fa-clock-o,
.fa-search,
.fa-download,
.fa-angle-right,
.fa-angle-left,
.fa-lock,
.fa-ban,
.fa-check,
.fa-question-circle,
.fa-shield-alt,
.fa-suitcase,
.fa-users,
.fa-cog,
.fa-id-card-o,
.fa-calendar {
    font-family: "comcast-icons" !important;
}

.far {
    font-weight: 700;
}

.fa-clock {
    font-weight: normal !important;
}

.fa-pencil:before {
    content: "\f303";
}

.fa-trash:before {
    content: "\f2ed";
}

.fa-calendar-alt:before {
    font-weight: normal;
    content: "\f272";
}

.category-info.fa-info-circle:before {
    content: "\f129";
    font-size: 12px;
}

.fa-globe:before {
    font-weight: 700;
    content: "\f57d";
}

.fa-clock-o:before {
    content: "\6e";
}

.fa-search:before {
    content: "\e034";
}

.fa-download:before {
    content: "\4a";
}

.fa-angle-right:before {
    content: "\72";
}

.fa-angle-left:before {
    content: "\73";
}

.fa-lock:before {
    content: "\28";
}

.fa-ban:before {
    content: "\e031";
    font-weight: 700;
}

.fa-check:before {
    content: "\75";
    font-weight: 700;
}

.fa-question-circle:before {
    content: "\37";
    font-weight: 700;
}

.fa-shield-alt:before {
    content: "\e029";
}

.fa-suitcase:before,
.fa-users:before {
    content: "\61";
}

.fa-cog:before {
    content: "\E02E";
}

.fa-id-card-o:before {
    content: "\e001";
}

.fa-calendar:before {
    content: "\78";
}

/* FONTS */
.time-period__info,
.table tr:not(.sub-header-row) th,
.table tr:not(.sub-header-row) .sort-button,
.table__sub-header,
.profile-tab__title,
.profile-tab--active .profile-tab__description,
.table .sub-row-content__header,
.app-status,
.modal__dialog div[class$="__identifiers"]:not(:first-child) span[class$="-title"],
.rule__preview__time--bold,
.dropdown__item--title,
.help-content strong {
    font-weight: 500;
}
.widget__count span {
    font-weight: 400
}

.spson-reminder .cross-button {
    display: none;
}

.deeplink-modal__instruction-details--text {
    white-space: pre-line;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}