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

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

@font-face {
    font-family: "Telefonica";
    font-weight: 400;
    font-style: italic;
    src: url("static/media/Telefonica-RegularItalic.ttf") format("truetype");
}

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

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

:root {
    --color-primary: #0066FF;
    --color-primary-hover: #0356C9;
    --color-primary-pressed: var(--color-primary-hover);
    --color-primary-disabled: #d1d5e4;
    --color-secondary: #65666a;
    --color-danger: #E66C64;
    --color-danger-hover: #912C31;
    --color-danger-pressed: var(--color-danger-hover);
    --color-warning: #EAC344;
    --color-success: #59C2C9;
    --color-controls-hover: #F2F4FF;
    --color-controls-border: var(--color-primary-disabled);
    --color-select-item-hover: var(--color-primary-disabled);
    --color-select-item-selected: var(--color-controls-hover);
    --color-report-activity: var(--color-primary);
    --color-report-webfilter: var(--color-danger);
    --color-report-webfilter-brushed: var(--color-danger-hover);
    --color-report-malware: #2B3447;
    --color-report-malware-brushed: #3E8A8A;
    --color-report-botnet: #9D84A3;
    --color-report-botnet-brushed: #64566A;
    --color-report-brush-selection: #eaebee;
    --color-report-brush-selection-border: #B0B6CA;

    --text-main-size: 16px;
    --text-main-color: #031A34;
    --text-invert-color: #ffffff;
    --text-error-color: #EF3C3C;
    --text-secondary-color: #6e7894;

    --control-border-color: #d1d5e4;
    --control-border-radius: 4px;
    --control-placeholder-color: var(--color-grey-light);
    --control-background-color-readonly: #fff;
    --control-text-color-readonly: #B0B6CA;
    --control-border-color-hover: var(--color-primary);

    --button-border-radius: 4px;

    --button-secondary-text-color: var(--color-primary);
    --button-secondary-border-color: var(--color-primary);
    --button-secondary-background-color-hover: var(--text-invert-color);
    --button-secondary-background-color-pressed: var(--text-invert-color);
    --button-secondary-border-color-hover: var(--color-primary-hover);
    --button-secondary-text-color-hover: var(--color-primary-hover);

    --button-pill-border-radius: var(--button-border-radius);
    --segmented-button-background-color-hover: var(--color-primary-hover);
    --segmented-button-text-color-hover: var(--text-invert-color);

    --navigation-main-mobile-background-color: rgba(234, 235, 238, 0.5);
    --navigation-main-desktop-background-color: var(--color-controls-hover);
    --navigation-main-text-color: #6E7894;
    --navigation-main-font-weight: 300;
    --navigation-main-font-weight-hover: var(--navigation-main-font-weight);
    --navigation-main-text-color-hover: var(--navigation-main-text-color);
    --navigation-main-font-weight-selected: 400;
    --navigation-main-text-color-selected: var(--color-primary);
    --navigation-main-underline-height: 3px;
    --navigation-secondary-font-weight: var(--navigation-main-font-weight);
    --navigation-secondary-text-color: var(--navigation-main-text-color);
    --navigation-secondary-text-color-hover: var(--navigation-main-text-color);
    --navigation-secondary-font-weight-hover: var(--navigation-main-font-weight);
    --navigation-secondary-text-color-selected: var(--color-primary);
    --navigation-secondary-font-weight-selected: var(--navigation-main-font-weight-selected);
    --navigation-secondary-desktop-background-color: #fff;
    --navigation-caret-font-size: 14px;
    --navigation-caret-color: var(--color-grey-light);

    --divider-color: var(--color-primary-disabled);
    --panel-background-color: var(--color-controls-hover);

    --url-option-background-color: var(--color-controls-hover);
    --url-option-border-color: transparent;
    --url-option-background-color-hover: var(--color-primary-disabled);
    --url-option-border-color-hover: transparent;
    --url-option-selected-background-color: var(--color-controls-hover);
    --url-option-selected-border-color: var(--color-primary);

    --pagination-button-background-color: var(--text-invert-color);
    --pagination-button-background-color-hover: var(--color-controls-hover);
    --pagination-button-background-color-active: #6E7894;
    --pagination-button-border-color-active: #6E7894;

    --tabs-border-radius: 20px;
    --tabs-border-color: var(--navigation-main-text-color);
    --tabs-background-color-hover: var(--color-primary-hover);
    --tabs-border-color-hover: var(--color-primary-hover);
    --tabs-text-color: var(--navigation-main-text-color);
    --tabs-text-color-hover: var(--text-invert-color);
    --tabs-text-color-disabled: var(--color-primary-disabled);
    --tabs-border-color-disabled: var(--color-primary-disabled);

    --header-h1-color: var(--color-primary);
    --header-h1-size: 28px;
    --header-h1-line-height: 42px;
    --header-h1-weight: 300;
    --header-h2-color: var(--color-primary);
    --header-h2-weight: 300;
    --header-h3-weight: 300;
    --header-h4-weight: 300;

    --color-grey-light: #8F97AF;

    --schedule-rule-background-color: var(--panel-background-color);
    --schedule-rule-background-color-hover: var(--color-primary-disabled);
    --schedule-block-background-color-hover: var(--color-primary-disabled);

    --logo-upload-background-color: var(--panel-background-color);

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

    --categories-container-background-color: #fff;
    --categories-container-border-color: var(--color-primary-disabled);
    --category-item-background-color-hover: var(--color-primary-disabled);

    --profile-tab-background-color: var(--color-primary-disabled);
    --profile-tab-background-color-hover: var(--panel-background-color);

    --ddl-opened-toggle-button-background-color: transparent;
    --ddl-item-text-color: #6E7894;
    --ddl-item-icon-color: var(--color-grey-light);
    --ddl-item-text-color-hover: var(--text-main-color);
    --ddl-item-background-color-hover: var(--color-primary-disabled);
    --ddl-item-icon-color-hover: var(--text-main-color);
    --ddl-item-text-color-disabled: #B0B6CA;

    --select-text-color: #58617A;
    --select-icon-color: var(--color-grey-light);
    --select-list-item-text-color: var(--text-secondary-color);
    --select-list-item-selected-background-color: var(--color-controls-hover);
    --select-list-item-selected-text-color: var(--color-primary);

    --table-border-color: var(--color-primary-disabled);
    --table-row-background-color-hover: var(--color-primary-disabled);
    --table-row-secondary-font-color: #58617A;
    --table-header-background-color: #F2F4FF;
    --table-header-background-color-hover: var(--color-primary-disabled);
    --table-subheader-background-color: var(--navigation-main-text-color);
    --table-subheader-font-weight: 400;
    --table-subheader-font-size: 14px;
    --table-subheader-font-color: var(--text-invert-color);
    --table-no-data-font-color: var(--text-secondary-color);

    --panel-background-color-hover: var(--color-primary-disabled);

    --flipswitch-unchecked-background-color: #B0B6CA;
    --flipswitch-unchecked-background-color-hover: var(--color-primary-disabled);

    --logo-upload-border-color: var(--color-primary-disabled);

    --checkbox-unchecked-border-color: #B0B6CA;

    --threat-severity-color-level-1: var(--color-success);
    --threat-severity-color-level-2: var(--color-warning);
    --threat-severity-color-level-3: var(--color-danger);
    --threat-severity-color-level-4: var(--color-danger-hover);

    --ba-list-table-header-font-weight: 400;

    --internet-activity-chart-color: var(--color-primary);
    --web-filter-chart-color: var(--color-danger);
    --malware-chart-color: #2B3447;
}

/*
 * ===============================
 * TYPOGRAPHY
 * ===============================
 */

body, button {
    font-family: "Telefonica", Arial, sans-serif;
    font-size: var(--text-main-size);
}

button,
input,
optgroup,
select,
textarea,
text {
    font-family: "Telefonica", Arial, sans-serif;
}

.sidebar__header--main {
    letter-spacing: -1px;
}

.time-period__info,
.drilldowns .time-range__info,
.url-option__website-rule {
    font-weight: 400;
}

.new-requests__header-title {
    color: var(--text-main-color);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.device-with-type .icon {
    font-weight: 300;
}

/*
 * ===============================
 * CUSTOMER REQUIREMENTS
 * ===============================
 */

/*
 * ===============================
 * Hiding unused elements
 * ===============================
 */
.widget-line-chart,
.switcher--checked .switch__status--on,
.switcher .switch__status--off,
.preview-button .fa-eye,
.add-device-link,
.profiles__content .web-filters__header .icon,
.profiles__content .internet-off__header .icon,
.protection-editor-actions__button .icon,
.protection-editor-modal .list-actions .icon,
.mobile-actions-dialog .modal__body #merge,
.mobile-actions-dialog .modal__body #rename,
.mobile-actions-dialog .modal__body #remove,
.mobile-actions-dialog .modal__body #unmerge,
#rename.dropdown__item,
#merge.dropdown__item,
#unmerge.dropdown__item,
#remove.dropdown__item,
#max-char-description-admin-email-input,
#max-char-description-admin-phone-input,
.blocked-page .admin-info__field .icon:not(.fa-times),
.blocked-page .web-filtering-form .form-section:last-of-type,
.confirmation-dialog__footer .modal__control:nth-child(2),
.modal__dialog:not(.confirmation-dialog)  .modal__control:first-child,
[data-id="manage-add-device"] {
    display: none;
}

@media(max-width: 767px){
    .confirmation-dialog__footer .modal__control:nth-child(2),
    .modal__dialog  .modal__control:first-child {
        display: block !important;
    }
}

/* CSFRONTOFIS-207: hide device name input in the Assign Device dialog */
.assign-device-modal .modal-form-control:nth-child(2) {
    display: none
}

/*
 * ===============================
 * Custom headers
 * ===============================
 */
.portal-title__logo {
    height: 46px;
}

.portal-title__name--one-liner {
    height: 46px;
    width: 100px;
}

.portal-title__name--one-liner:before {
    margin-left: 4px;
    content: "Seguridad \A Red \A Móvil";
    display: block;
    font-weight: 300;
    font-size: var(--text-main-size);
    line-height: 16px;
    white-space: pre;
    color: var(--color-primary);
}

@media (max-width: 767px) {
    .ltr .portal-title__name {
        font-size: 0;
    }

    .portal-title__name:before {
        margin-left: 4px;
        content: "Seguridad \A Red \A Móvil";
        display: block;
        font-weight: 300;
        font-size: 14px;
        line-height: 14px;
        white-space: pre;
        color: var(--color-primary);
        position: relative;
        top: 15px;
    }
}

/*
 * ===============================
 * Second Logo Header
 * ===============================
 */
.header .header__content {
    height: 143px;
}

.portal-title {
    position: relative;
}

.portal-title:before {
    content: "";
    background: url(telefonica-empresas-horizontal.svg);
    background-size: cover;
    display: block;
    height: 37px;
    width: 259px;
    position: absolute;
    top: -67px;
}

@media (max-width: 768px) {
    .portal-title:before {
        top: -35px;
    }
}

.header .portal-title,
.header .header__info,
.header .portal-title + .header__link {
    margin-top: 71px;
}

.header:not(thead):after,
.help-header:after {
    content: '';
    width: 100%;
    border-bottom: solid 1px var(--divider-color);
    position: absolute;
    left: 0;
    top: 72px;
    z-index: 1;
}

@media (max-width: 767px) {
    .header:not(thead):after {
        border: none;
    }

    .header .header__content {
        height: 111px;
    }

    .header .portal-title,
    .header .header__info {
        margin-bottom: 10px;
    }
}

.static-notifications:not(:empty) ~ header .header__content .portal-title:before {
    top: -70px;
}

.static-notifications:not(:empty) ~ header .header:after {
    top: 122px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .static-notifications:not(:empty) ~ header .header__content .portal-title:before {
        top: -70px;
    }

    .static-notifications:not(:empty) ~ header .header:after {
        top: 144px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .static-notifications:not(:empty) ~ header .header__content .portal-title:before {
        top: -66px;
    }

    .static-notifications:not(:empty) ~ header .header:after {
        top: 146px;
    }
}

@media (max-width: 768px) {
    .static-notifications:not(:empty) ~ header .header__content .portal-title:before {
        top: -35px;
    }

    .static-notifications:not(:empty) ~ header .header:after {
        top: 144px;
    }
}

/*
 * ===============================
 * COLORS
 * ===============================
 */

.header,
.branding__color__content .preview .color-preview__circle,
.drilldowns .time-range {
    background-color: var(--panel-background-color);
}

.table tbody tr:not(.no-data-row):not(.sub-row).--odd,
.table tbody tr:not(.no-data-row):not(.sub-row).--odd + .sub-row {
    background-color: rgba(242, 244, 255, 0.5);
}

.table tbody tr:not(.no-data-row):not(.sub-row).--odd:hover {
    background-color: var(--table-row-background-color-hover);
}

.drilldowns__table .table-card:hover .count {
    background-color: #fff;
}

@media (max-width: 991px) {
    .profile-picker__header {
        background-color: var(--navigation-main-mobile-background-color);
    }

    .time-period__container,
    .time-period__info {
        background-color: var(--panel-background-color);
    }
}

.modal__header h2,
.modal__header h3,
.widget .widget__count .icon {
    color: var(--text-main-color);
}

.schedule__settings-btn:not(:disabled) .settings-btn__label,
.protection-editor__settings-btn:not(:disabled) .settings-btn__label {
    color: var(--text-main-color);
}

/*
 * ===============================
 * DIALOGS
 * ===============================
 */

@media (max-width: 767px) {
    .mobile-actions-dialog .modal__header .header-text {
        font-size: 18px;
        font-weight: 300;
    }
}

@media (min-width: 768px) {
    .modal__header {
        justify-content: start;
    }

    .modal__header h2 {
        margin: 0;
    }
}

/*
 * ===============================
 * HELP PAGE
 * ===============================
 */

.help-page-navigation__link:hover:not(.help-page-navigation__link--active) {
    background-color: var(--color-primary-disabled);
}

.help-search__message {
    color: var(--text-invert-color);
    background-color: var(--color-warning);
}

.help-header .header__content {
    height: 143px;
}

.help-header .portal-title {
    margin-top: 71px;
}

.help-page-sidebar-wrapper {
    top: 140px !important;
}

.help-content h1 {
    padding-top: 2.5em;
}

#inicio-r-pido {
    padding-top: 5em;
}

.help-content h2,
.help-content h3 {
    padding-top: 3.5em;
}

.help-page__content .help-section:last-child {
    min-height: calc(100vh - 175px);
}

.empty-help {
    height: 70px;
    visibility: hidden;
}

.help-search__input {
    margin-top: 16px;
}

.help-page__content .help-pdf-link {
    display: flex;
    position: relative;
    top: -100px;
    float: right;
    height: 32px;
    width: max-content;
    background-color: var(--color-primary);
    color: var(--text-invert-color);
    padding: 4px 24px 4px 8px;
    border-radius: 4px;
}

.help-page__content .help-pdf-link:not([disabled]):hover {
    background: var(--color-primary-hover);
    color: var(--text-invert-color);
}

.icon.help-download:before {
    content:'';
    background: url("icons/download-cloud-regular.svg");
    width: 24px;
    height: 24px;
}


@media (max-width: 767px) {
    .help-page .help-search {
        top: 100px !important;
    }

    .side-menu:not(.mobile-menu) {
        margin-top: 50px;
    }

    .empty-help {
        display: none;
    }

    .help-page h1 {
        padding-top: 0.5em;
        padding-bottom: 0;
    }

    .help-content h2:not(#inicio-r-pido h2),
    .help-content h3 {
        padding-top: 6em;
    }

    #inicio-r-pido {
        padding-top: 8em;
    }

    .help-header .portal-title {
        margin-top: 50px;
    }

    .help-header .header__content {
        height: 125px;
    }

    .help-content mark {
        margin-top: -90px;
        padding-top: 90px;
    }

    .help-pdf-link {
        float: none;
        top: -80px;
    }
}

/*
 * ===============================
 * BUTTONS
 * ===============================
 */
button, .btn {
    font-size: var(--text-main-size);
}


.btn--primary.btn--solid:not(.checkbox-button--checked),
.check-url-block .btn--secondary.toggle-btn,
.show-toggle {
    border: none;
}

.btn--destructive.btn--solid:disabled {
    background-color: var(--color-primary-disabled);
    border-color: var(--color-primary-disabled);
}

.widget__button .btn--primary.btn--outline:not(:disabled) {
    border: none;
    color: var(--color-primary);
}

.widget__button .btn--primary.btn--outline:focus:not(:disabled),
.widget__button .btn--primary.btn--outline:hover:not(:disabled) {
    background-color: var(--panel-background-color);
    border: none;
    color: var(--color-primary);
}

.btn--secondary:disabled {
    border: 1px solid var(--color-primary-disabled);
    color: var(--color-primary-disabled);
    opacity: 1;
}

.btn--secondary:disabled > .settings-btn__status {
    color: var(--color-primary-disabled);
}

.btn--primary.btn--outline:disabled .icon:before,
.btn--primary.btn--outline:disabled .settings-btn__status,
.btn--secondary:disabled .icon:before {
    color: var(--color-primary-disabled);
}

.preview-button {
    background-color: var(--color-primary);
    border: none;
    color: var(--text-invert-color);
}

.preview-button:hover,
.preview-button:focus {
    background-color: var(--color-primary-hover) !important;
    color: var(--text-invert-color) !important;
}

.preview-button .icon ~ span {
    margin: 0;
}

/*
 * ===============================
 * SWITCHER
 * ===============================
 */

.switcher .switch__toggle {
    width: 18px;
    height: 18px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.36);
    margin: 3px;
}

.ltr .switcher--checked .switch__toggle {
    left: 16px;
}

.switcher .switch {
    width: 40px;
}

/*
 * ===============================
 * INPUTS
 * ===============================
 */

.branding__color__content .preview .color-preview {
    border-radius: var(--control-border-radius);
}

.time-picker-wrapper .select-wrapper .select__button {
    padding: 4px 12px;
}

.input .base-input::placeholder {
    font-size: 14px;
}

.input.input--has-error .base-input {
    border-color: var(--text-error-color);
}

/*
 * ===============================
 * BLOCK PAGES
 * ===============================
 */

.image-upload-controls {
    display: flex;
}

.image-upload-legend__value {
    font-size: 12px;
    color: var(--color-secondary);
}

@media (min-width: 768px) {
    .blocked-page .admin-info__field {
        width: 400px;
    }
}

/*
 * ===============================
 * BLOCK & ALLOW LISTS
 * ===============================
 */

@media (max-width: 768px) {
    .check-url-block-form__input {
        width: 100%;
    }
}

.upload-csv-file-button {
    min-width: auto;
}

.upload-csv__placeholder,
.upload-csv__clear-input .icon {
    display: none;
}

.upload-csv .upload-csv__clear-input::before {
    height: 16px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .check-url-block-form {
        flex-wrap: nowrap;
    }
}

/*
 * ===============================
 * SELECTS & DROPDOWNS
 * ===============================
 */

.dropdown .dropdown__item {
    font-weight: 300;
    font-size: var(--text-main-size);
}

.dropdown .dropdown__item--highlighted .icon {
    color: var(--text-main-color);
}

.select-wrapper .select--opened .select__button-arrow:after {
    color: var(--color-primary);
}

.dropdown__item:not(.dropdown__item--disabled):not(.dropdown__item.warning):hover,
.dropdown__item--highlighted {
    background-color: var(--color-primary-disabled);
    color: var(--text-main-color);
}

/*
 * ===============================
 * TABLES
 * ===============================
 */

.table__sub-header {
    height: 24px;
    padding-top: 2px;
}

.table tbody tr:not(.no-data-row):not(.sub-row):hover .device-menu__toggle-button {
    color: var(--color-primary);
}

@media (min-width: 768px) {
    .ltr .table tr:not(.sub-header-row) th:last-child,
    .ltr .table tr:not(.sub-row):not(.table-footer):not(.no-data-row) td:last-child {
        text-overflow: clip;
        text-align: right;
    }
}

.table .table__cell--small-cell {
    width: auto;
}

.drilldowns__table__time-cell {
    width: 180px;
}

.ltr .sort-button:before, .ltr .sort-button:after {
    top: 12px;
}

.table tr:not(.sub-header-row) th {
    text-overflow: clip;
    white-space: normal;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .drilldowns__table th {
        white-space: normal;
        text-overflow: clip;
    }
}

@media (max-width: 991px) {
    .drilldowns__table th,
    .rt-table th {
        white-space: normal;
        text-overflow: clip;
    }
}

.domain-lookup__table-cell,
.ltr .domain-lookup__table .table tr:not(.sub-header-row) th:last-child {
    text-align: left;
}

/*
 * ===============================
 * DASHBOARD: CHART WIDGETS
 * ===============================
 */

@media (min-width: 768px) {
    .widgets {
        margin-top: 36px;
    }
}

.widget .widget__count span {
    font-family: "Open Sans", Arial, sans-serif;
}

.widget .widget__title .fa-question-circle:before {
    content: "\e915";
}

.widget__button a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f178";
    margin-left: 14px;
}

.widget__title .icon {
    color: var(--color-grey-light);
}

/*
 * ===============================
 * DASHBOARD: BARCHART
 * ===============================
 */

.brush-container .selection {
    fill-opacity: 0.5;
}

/*
 * ===============================
 * PROTECTION CATEGORIES
 * ===============================
 */

.categories-item .category-icon.fa-ban {
    color: var(--text-error-color);
}

.categories-item .category-info {
    color: var(--color-primary);
}

.categories-item__content {
    align-items: center;
}

.protection-editor-actions__button:first-child,
.protection-editor-modal .list-actions .action-section__button:first-child {
    background-color: var(--color-danger);
    color: var(--text-invert-color);
    border: none;
}

.protection-editor-actions__button:not(:disabled):first-child:hover {
    background-color: var(--color-danger-hover);
    color: var(--text-invert-color);
}

.protection-editor-actions__button:last-child,
.protection-editor-modal .list-actions .action-section__button:last-child {
    background-color: var(--color-primary);
    color: var(--text-invert-color);
    border: none;
}

.protection-editor-actions__button:not(:disabled):last-child:hover {
    background-color: var(--color-primary-hover);
    color: var(--text-invert-color);
}

.protection-editor-actions__button:disabled,
.protection-editor-modal .list-actions .action-section__button:disabled {
    background-color: var(--color-primary-disabled);
    color: var(--color-controls-hover);
    border: none;
}

/*
 * ===============================
 * NAVIGATION
 * ===============================
 */

.disclosure-navigation {
    border-bottom: none;
}

.top-level-list__item-with-submenu .sub-menu-dropdown__item {
    font-weight: 300;
}

.top-level-list__item .top-level-list__link.active::before,
.top-level-list__item:hover .top-level-list__link.active::before,
.top-level-list__item .top-level-list__link.active::after {
    transition: width 0.5s cubic-bezier(0.1, 0.1, 0.23, 1);
}

.top-level-list__item .top-level-list__link::before,
.top-level-list__item .top-level-list__link::after {
    bottom: -1px;
}

.top-level-list__link.active + .sub-menu-dropdown-control {
    color: var(--color-primary);
}

.top-link-sub-menu {
    border-bottom: 1px solid #D1D5E4;
}

.mobile-menu .menu-button {
    width: 40px;
    height: 40px;
}

/*
 * ===============================
 * SETTINGS PAGE
 * ===============================
 */

.profiles__content .web-filters__header span,
.profiles__content .internet-off__header span {
    margin-left: 0;
}

/*
 * ===============================
 * ICONS
 * ===============================
 */

.fa-check,
.checkbox__check:before,
.radio__check:after,
.fa-ellipsis-v,
.fa-exclamation-circle,
.fa-exclamation-triangle,
.fa-plus-circle,
.fa-ban,
.fa-search,
.fa-calendar-alt,
.fa-check-circle,
.fa-pencil,
.fa-trash,
.fa-shield-check,
.fa-shield-alt,
.fa-info-circle,
.fa-info-square,
.fa-bug,
.fa-globe,
.fa-mobile-android-alt,
.fa-question-circle,
.fa-lock,
.fa-wifi,
.fa-link,
.fa-envelope,
.fa-phone-square,
.fa-plus,
.fa-times-circle,
.fa-unlock,
.fa-eye {
    font-family: "Telefonica-Icons" !important;
}

.fa-plus-circle:before,
.fa-sync-alt:before,
.fa-undo:before,
.fa-download:before,
.fa-eye:before {
    color: var(--color-primary);
}

.fa-check.fas,
.fa-ellipsis-v.fas,
.fa-exclamation-circle.fas,
.fa-plus-circle.fas,
.fa-ban.fas,
.fa-search.fas,
.fa-calendar-alt.fas,
.fa-times.fas,
.fa-check-circle.fas,
.fa-pencil.fas,
.fa-trash.fas,
.fa-shield-check.fas,
.fa-shield-alt.fas,
.fa-angle-up.fas,
.fa-angle-down.fas,
.fa-angle-right.fas,
.fa-angle-left.fas,
.fa-info-circle.fas,
.fa-info-square.fas,
.fa-bug.fas,
.fa-globe.fas,
.fa-bars.fas,
.fa-mobile-android-alt.fas,
.fa-question-circle.fas,
.fa-lock.fas,
.fa-wifi.fas,
.fa-link.fas,
.fa-envelope.fas,
.fa-phone-square.fas,
.fa-plus.fas,
.fa-sync-alt.fas,
.fa-times-circle.fas,
.fa-unlock.fas,
.fa-eye.fas,
.fa-undo.fas,
.fa-upload {
    font-weight: 400;
}

.fa-upload {
    width: 24px;
}

.fa-upload:before {
    content: url("icons/image-upload-logo.svg");
}

.fa-ellipsis-v:before {
    content: "\e900";
}

.fa-check:before,
.checkbox__check:before,
.radio__check:after {
    content: "\e901";
}

.protection-editor .fa-check:before,
.protection-editor-modal .fa-check:before {
    content: "\e924";
}

.protection-editor-modal .categories-item__content .fa-check:before,
.protection-editor .fa-check:before {
    color: var(--color-primary);
}

.protection-editor .fa-ban:before,
.protection-editor-modal .fa-ban:before {
    content: "\e91c";
    font-size: 18px;
}

.fa-exclamation-circle:before,
.fa-exclamation-triangle:before {
    content: "\e920";
}

.fa-plus-circle:before {
    content: "\e903";
}

.fa-ban:before {
    content: "\e904";
}

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

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

.widgets .fa-ban:before,
.fa-times-circle:before {
    content: "\e908";
}

.input .cross-button .fa-times:before,
.upload-csv__clear-input:before {
    content: url("icons/clear-icon-default.svg");
}

.input .cross-button:hover .fa-times:before,
.upload-csv__clear-input:hover:before {
    content: url("icons/clear-icon-hover.svg");
}

.fa-times:before {
    content: "\f00d";
    font-weight: lighter;
}

.fa-check-circle:before,
.url-list .fa-check:before {
    content: "\e90a";
}

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

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

.fa-shield-check:before {
    content: "\e910";
}

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

.select-wrapper .select__button-arrow:after,
.native-select__toggle__content .icon:after,
.user-menu__toggle .fa-angle-down:before,
.top-level-navigation-wrapper .fa-angle-down::before {
    content: "\f0d8";
    font-weight: 600;
}

.top-level-navigation-wrapper .fa-angle-up::before {
    content: "\f0d7";
    font-weight: 600;
}

.show-toggle .fa-angle-up:before {
    content: url("icons/expand.svg");
}

.show-toggle .fa-angle-down:before {
    content: url("icons/collapse.svg");
    transform: none;
}

.fa-info-circle:before,
.fa-info-square:before {
    content: "\e915";
}

.fa-bug:before {
    content: "\e917";
}

.fa-globe:before {
    content: "\e918";
}

.fa-bars:before {
    content: "\f0c9";
    color: var(--color-primary);
    font-weight: lighter;
}

.fa-mobile-android-alt:before {
    content: "\e91a";
}

.fa-question-circle:before {
    content: "\e91b";
}

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

.fa-wifi:before {
    content: "\e91d";
}

.fa-link:before {
    content: "\e90f";
}

.fa-eye:before {
    content: "\e91f";
}

.fa-envelope:before {
    content: "\e91e";
    font-size: 16px;
}

.fa-phone-square:before {
    content: "\e921";
    font-size: 16px;
}

.fa-plus:before {
    content: "\e922";
}

.fa-sync-alt:before,
.fa-undo:before {
    content: "\f2f9";
}

.fa-undo:before {
    transform: rotateY(180deg);
}

.fa-unlock:before {
    content: "\e924";
    font-size: 16px;
}

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

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

.widget__count .icon, .internet-off__header .icon {
    font-size: 24px;
}

@media (max-width: 768px) {
    .schedule__header {
        flex-wrap: nowrap;
    }
}

.native-select__toggle__content .icon:after,
.select__button-arrow:after,
.user-menu .fa-angle-down::before {
    transform: rotate(180deg);
}

.url-list .fa-check:before {
    font-size: 18px;
}


/* Hide device-ID in drill-down tables CSFRNTOFIS-216 */

.drilldowns.botnet {
    th:nth-child(3) button,
    th:nth-child(3) .sorted,
    [data-testid = "threat-device"]{
        display: none;
    }

    th:nth-child(3) {
        pointer-events: none;
    }

    .device-name {
        display: none;
    }
}

.drilldowns.malware {
    th:nth-child(3) button,
    th:nth-child(3) .sorted,
    .sub-row,
    .table-card__expand-arrow {
        display: none;
    }

    .table .expand-row {
        pointer-events: none;
    }

    th:nth-child(3) {
        pointer-events: none;
    }

    .device-name {
        display: none;
    }
}

.drilldowns.webfilter {
    th:nth-child(4) button,
    th:nth-child(4) .sorted,
    .sub-row-content__header:nth-child(3),
    .sub-row-content__data:nth-child(4) {
        display: none;
    }

    th:nth-child(4) {
        pointer-events: none;
    }

    .device-name {
        display: none;
    }
}

.mobile-actions-dialog #device {
    display: none;
}