@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 {
    /*primary colors*/
    --color-main: #031A34;
    --color-primary: #0066FF;
    --color-primary-dark: #0356C9;
    --color-white: #FFFFFF;
    --color-light: #F2F4FF;

    /* secondary colors */
    --color-blue: #59C2C9;
    --color-blue-light: #67E0E5;
    --color-blue-dark: #3E8A8A;
    --color-purple: #9D84A3;
    --color-purple-light: #ECE7EE;
    --color-purple-dark: #64566A;
    --color-coral: #E66C64;
    --color-coral-bright: #EF3C3C;
    --color-coral-dark: #912C31;
    --color-yellow: #EAC344;
    --color-yellow-dark: #AD842D;
    --color-orchid: #8A1A93;
    --color-orchid-light: #C466EF;

    /*grey palette*/
    --color-dark: #031A34;
    --color-grey: #6E7894;
    --color-grey-dark: #58617A;;
    --color-grey-darker: #414B61;
    --color-grey-darkest: #2B3447;
    --color-grey-light: #8F97AF;
    --color-grey-lighter: #B0B6CA;
    --color-grey-lightest: #d1d5e4;
    /* end */

    --color-primary-hover: var(--color-primary-dark);
    --color-primary-pressed: var(--color-primary-dark);
    --color-primary-disabled: var(--color-grey-lightest);

    --color-control-hover: var(--color-light);
    --color-select-item-hover: var(--color-grey-lightest);
    --color-controls-border: var(--color-primary);

    --color-danger: var(--color-coral);
    --color-danger-hover: var(--color-coral-dark);
    --color-danger-pressed: var(--color-coral-dark);
    --color-danger-disabled: var(--color-grey-lightest);

    --color-warning: var(--color-yellow);
    --color-success: var(--color-blue);

    --color-report-activity: var(--color-primary);

    --color-report-webfilter: var(--color-coral);
    --color-report-webfilter-brushed: var(--color-coral-dark);

    --color-report-malware: var(--color-grey-darkest);
    --color-report-malware-brushed: var(--color-blue-dark);

    --color-report-botnet: var(--color-purple);
    --color-report-botnet-brushed: var(--color-purple-dark);
}

body, button {
    font-family: "Telefonica", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.static-notifications__web-filter-off {
    background-color: var(--color-warning);
}

/* Backgrounds */
.header,
.spson-info,
.spson-panel,
.table thead,
.time-grid__grid .tooltip-referrer .time-grid__box,
.schedule__rule-list__item,
.new-requests__header,
.hm__wrapper,
.branding__color__content .preview .color-preview__circle,
.url-option,
.separated-lists__item .list-header,
.upload-field,
.drilldowns .time-range {
    background-color: var(--color-light);
}

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

.protection-editor__list-container,
.hm__wrapper .hm__submenu {
    background-color: var(--color-white);
}

.protection-editor__options,
.protection-editor-modal .categories-actions .list-actions,
.settings-sidebar__tab-header:not(.settings-sidebar__tab-header--active),
.sidebar__tab-header:not(.sidebar__tab-header--active),
.wizard-page .sidebar__tab-header:not(.sidebar__tab-header--active) .profile-tab:not(.profile-tab--active) {
    background-color: var(--color-grey-lightest);
}

@media (max-width: 991px) {
    .hm__wrapper,
    .profile-picker__header {
        background-color: rgba(234, 235, 238, 0.5);
    }

    .profile-picker__header__controls__side-section .icon {
        color: var(--color-primary);
    }

    .hm__wrapper .hm__submenu {
        background-color: transparent;
    }

    .time-period__info,
    .drilldowns .time-range {
        background-color: var(--color-light);
    }
}

.Toastify__toast--info {
    background-color: var(--color-primary);
}

/* Hovers, etc */
.categories-item:hover,
.table tbody tr:not(.no-data-row):not(.sub-row):hover,
.new-requests__list-item:hover,
.url-option:hover,
.schedule__rule-list__item--active,
.schedule__rule-list__item:hover,
.schedule__rule-list__item:focus,
.time-grid__grid .tooltip-referrer .time-grid__box:hover,
.time-grid__grid .tooltip-referrer .time-grid__box--active,
.table .column-sorted:hover {
    background-color: var(--color-grey-lightest);
}

.sidebar__tab-header:not(.sidebar__tab-header--active):hover,
.wizard-page .sidebar__tab-header:not(.sidebar__tab-header--active) .profile-tab:hover {
    background-color: var(--color-light)
}

.profile-tab--active:hover,
.wizard-page .profile-tab--active.sidebar__tab-header--active:hover {
    background-color: var(--color-primary-dark);
}

.drilldowns__table .table-card:hover .count {
    background-color: var(--color-white);
}

/* end Backgrounds */

/* Help Page */
.help-search__message {
    color: var(--color-warning);
    background-color: rgba(255, 123, 0, 0.9);
}

.help-search__controls .help-search__nav-button {
    margin-top: 16px;
}

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

.help-content strong {
    font-weight: 500;
}

.help-content mark {
    margin-top: -50px;
    padding-top: 50px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}

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

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

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

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

    .empty-help {
        display: none;
    }

    .help-content h1 {
        padding-top: 1.9em;
        padding-bottom: 0;
    }

    .help-content h2 {
        padding-top: 2.7em;
    }

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

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

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

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

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

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

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

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

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

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

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

.help-pdf-link:hover {
    background: var(--color-primary-hover);
    color: var(--color-white);
}

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

@media (max-width: 767px){
    .help-pdf-link {
        float: none;
        top: -80px;
    }
}

/* Buttons, Tabs & Toggles */
.btn--primary,
.btn--destructive.btn--solid {
    border-radius: 4px;
}

.btn--primary.btn--solid:not(.checkbox-button--checked),
.segmented-button__radio-button:checked,
.menu__user-menu .toggle-btn,
.check-url-block .btn--primary.btn--outline.toggle-btn {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: none;
}

.tab-control {
    border-radius: 20px;
    border: 1px solid var(--color-grey);
    color: var(--color-grey);
}

.tab-control:hover {
    color: var(--color-light);
    background-color: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark);
}

.tab-control.tab-control--selected {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: var(--color-light);
}

.tab-control:not(.tab-control--selected).tab-control--disabled {
    opacity: 1;
    color: var(--color-grey-lightest);
    border: 1px solid var(--color-grey-lightest);
}

.btn--primary.btn--solid:hover:not(:disabled),
.btn--primary.btn--solid:focus:not(:disabled),
.check-url-block .btn--primary.btn--outline:hover:not(:disabled),
.check-url-block .btn--primary.btn--outline:focus:not(:disabled) {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
    border: none;
}

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

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

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

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

.btn--primary.btn--outline .icon:before:not(.action-section__button) {
    color: var(--color-primary);
}

.btn--outline.action-section__button:last-child {
    border: 1px solid var(--color-primary);
}

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

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

.btn--primary.btn--outline:focus:not(:disabled),
.btn--primary.btn--outline:hover:not(:disabled) {
    border: 1px solid var(--color-primary-dark);
    background-color: var(--color-white);
    color: var(--color-primary-dark);
}

.btn--primary.btn--outline:hover:not(.action-section__button) .icon:before {
    color: var(--color-primary-dark);
}

.btn--destructive.btn--solid {
    background-color: var(--color-danger);
}

.btn--destructive.btn--solid:hover:not(:disabled) {
    background-color: var(--color-danger-hover);
}

.segmented-buttons-group .segmented-button__radio-button:not(:checked):hover + .segmented-button__label {
    background-color: var(--color-primary-dark);
    color: var(--color-white);
}

.switcher--checked .switch__status--on,
.switcher .switch__status--off {
    display: none;
}

.switcher--checked .switch {
    background-color: var(--color-primary);
}

.switcher:not(.switcher--checked) .switch {
    background-color: var(--color-grey-lighter);
}

.flip-switch_primary .flip-switch__label_on [data-type="on"] {
    background-color: var(--color-primary);
}

.flip-switch_primary .flip-switch__label_on [data-type="on"]:hover {
    background-color: var(--color-primary-hover);
}

.flip-switch_primary .flip-switch__label_off [data-type="off"] {
    background-color: var(--color-grey-lighter);
}

.flip-switch_primary .flip-switch__label_off [data-type="off"]:hover {
    background-color: var(--color-grey-lightest);
}

.flip-switch__input:not(:checked) + .flip-switch__label:after,
.flip-switch__input:checked + .flip-switch__label:after {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.36);
}

.ltr .flip-switch__input:checked + .flip-switch__label:after {
    left: 20px;
}

.flip-switch__label [data-type="on"],
.flip-switch__label [data-type="off"],
.flip-switch__label:after {
    font-size: 0;
}

.flip-switch__label {
    width: 40px;
}

.show-toggle {
    border: none;
}

.select-wrapper .select__button-arrow:after {
    color: var(--color-grey-light);
}

.filter-section .btn--primary.btn--outline {
    background: var(--color-grey-lightest);
    border: none;
}

.filter-section .btn--primary.btn--outline:focus,
.filter-section .btn--primary.btn--outline:hover,
.filter-section .btn--primary.btn--solid:hover,
.filter-section .btn--primary.btn--solid:focus:hover,
.filter-section .btn--primary.btn--solid:active:focus:hover {
    background: rgba(255, 255, 255, 0.2);
    color: var(--color-primary);
    border: none;
}

.filter-section .btn--primary.btn--solid,
.filter-section .btn--primary.btn--solid:focus {
    background: var(--color-light);
    color: var(--color-primary);
    border: none;
}

.filter-section .btn--pill {
    letter-spacing: -0.3px;
    padding: 2px 12px;
}

.filter-section .btn--pill:not(:last-child) {
    margin-right: 12px;
}

@media (max-width: 767px) {
    .filter-actions .categories-count {
        display: inline-flex;
    }
}

.preview-button .fa-eye {
    display: none;
}

.preview-button {
    background-color: var(--color-primary) !important;
    border: none !important;
    color: white !important;
}

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

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

/* Inputs */
.input input,
.time-picker,
.textarea textarea,
.color-picker__input input,
.branding__color__content .preview .color-preview {
    border-color: var(--color-grey-lightest);
    border-radius: 4px;
}

.time-picker {
    padding: 5px 16px;
}

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

.time-picker__input:focus + .time-picker__input-value,
.time-picker__input:active + .time-picker__input-value {
    background-color: var(--color-light);
}

.input input::placeholder {
    color: var(--color-grey-light);
}

.input__messages__error {
    color: var(--color-coral-bright);
}

.input.has-error input {
    border-color: var(--color-coral-bright);
}

.input input[disabled] {
    background-color: var(--color-white);
    color: var(--color-grey-lighter);
}

.input input:hover:not([disabled]),
.textarea textarea:hover:not([disabled]),
.time-picker:not(.time-picker--focused):hover,
.color-picker__input input:hover {
    border-color: var(--color-primary);
}

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

.upload-field {
    border: 1px dashed var(--color-grey-lightest);
}

.image-upload__info__controls {
    display: flex;
}

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

#admin-email-input,
#admin-phone-input {
    padding-left: 16px;
}

#max-char-description-admin-email-input,
#max-char-description-admin-phone-input,
.blocked-page .admin-info__field .icon {
    display: none;
}

.upload-csv__input-message {
    font-size: 0;
}

.upload-csv__fileName,
.upload-csv__description {
    font-size: 16px;
}

.upload-csv .upload-csv__clear-input {
    font-size: 0;
    padding: 4px 0;
    top: auto;
}

/* Selects and dropdowns */
.select-wrapper .select__button {
    border-color: var(--color-grey-lightest);
    border-radius: 4px;
}

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

.select-wrapper .select__button:hover {
    border-color: var(--color-primary);
    color: var(--color-main);
}

.select-wrapper .select__button:hover .select__button-arrow:after {
    color: var(--color-main)
}

.select-wrapper .select-menu__item--selected {
    background-color: var(--color-light);
    color: var(--color-primary)
}

.select-wrapper .select-menu__item:not(.select-menu__item--selected) {
    color: var(--color-grey-light);
}

.select-wrapper .select-menu__item--highlighted {
    background-color: var(--color-grey-lightest);
}

.dropdown__item,
.dropdown__item .icon:before {
    color: var(--color-grey-light);
}

#rename.dropdown__item,
#merge.dropdown__item,
#unmerge.dropdown__item,
#remove.dropdown__item {
    display: none;
}

.dropdown__item:not(.dropdown__item--disabled):hover,
.dropdown__item--highlighted {
    background-color: var(--color-grey-lightest);
    color: var(--color-main);
}

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

.dropdown__item--disabled,
.dropdown__item--disabled:hover {
    color: var(--color-grey-lighter);
}

.device-menu__toggle-button[aria-expanded="true"] {
    background-color: transparent;
}

.select-menu__item--highlighted:not(.select-menu__item--selected):hover {
    color: var(--color-main);
}

/* Checkboxes */
.checkbox-switch {
    border: solid 1px var(--color-grey-lighter);
}

.checkbox-switch:hover {
    border: solid 1px var(--color-primary-dark);
}

.checkbox-switch--checked {
    border: solid 1px var(--color-primary);
}

.checkbox-switch--checked:before {
    font-weight: normal;
}


.checkbox__input:checked:not(:disabled) ~ .checkbox__check:before {
    border: 1px solid var(--color-primary);
    text-align: center;
}

.checkbox__input:checked:disabled ~ .checkbox__check:before {
    opacity: 0.5;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.checkbox__input:checked:disabled ~ .checkbox__text,
.checkbox__input:not(:checked):disabled ~ .checkbox__text {
    color: var(--color-grey-lighter);
}


@media (min-width: 768px) {
    .checkbox__check:before {
        border: 1px solid var(--color-grey-lighter);
        text-align: center;
    }

    .checkbox__check:before:disabled {
        border-color: var(--color-grey-lightest);
    }

    .checkbox__input:not(:checked):disabled ~ .checkbox__check:before {
        background-color: transparent;
        content: "";
        border: 1px solid var(--color-grey-lightest);
    }
}

/* Severity */
.severity-level--4:before {
    background-color: var(--color-coral-dark);
}

.severity-level--3:before {
    background-color: var(--color-danger);
}

.severity-level--2:before {
    background-color: var(--color-warning);
}

.severity-level--1:before {
    background-color: var(--color-success);
}

/* Table */
.table__sub-header {
    background-color: var(--color-grey);
    height: 24px;
    color: var(--color-white);
    font-size: 14px;
    line-height: 20px;
    padding-top: 2px;
    font-weight: 400;
}

.table table {
    border: 1px solid var(--color-grey-lightest);
}

.table tr:not(.sub-header-row) th {
    font-weight: 500;
}

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

.ltr .table .expand-row__expanded td:first-child, .ltr .table .expand-row__expanded + .sub-row td {
    border-left-color: var(--color-primary);
}

.expand-row td:active,
.mobile-sorting__btn:active {
    background-color: var(--color-primary);
}

.pagination .pages__container .page.active {
    background-color: var(--color-grey);
    border: 1px solid var(--color-grey);
}

.pagination__controls .prev:not(.active):not(:disabled):hover,
.pagination__controls .next:not(.active):not(:disabled):hover,
.pagination__controls .page:not(.active):not(:disabled):hover {
    background-color: var(--color-light);
}

@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;
    }
}

/* New Request Panel */
.new-requests__list-item .icon {
    color: var(--color-primary);
    font-weight: 300;
}

/* Widgets */

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

.widget-line-chart {
    display: none;
}

.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;
}

/* Chart */
.barchart-container .x-axis .domain {
    fill: #EAEBEE;
    opacity: 0.5;
}

.brush-container .handle {
    fill: var(--color-grey-lighter);
}

/* Protections */
.categories-item .category-icon {
    border-color: var(--color-grey-light);
}

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

#categories-search::placeholder {
    color: var(--color-grey-light);
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
}

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

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

.protection-editor__list-container {
    border: 1px solid var(--color-grey-lightest);
}

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

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

.protection-editor .action-section__button:not(:disabled):first-child:hover {
    background-color: var(--color-danger-hover);
    border: none;
    color: var(--color-white);
}

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

.protection-editor .action-section__button:not(:disabled):last-child:hover {
    background-color: var(--color-primary-dark);
    border: none;
    color: var(--color-white);
}

.protection-editor .action-section__button:disabled,
.protection-editor-modal .list-actions .action-section__button:disabled {
    background-color: var(--color-grey-lightest);
    color: var(--color-light);
    border: none;
}

/* SRM Header */
.portal-title__logo {
    height: 46px;
}

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

.portal-title__name--one-liner h1 {
    font-size: 0;
}

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

@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 */
.main-header .header__content {
    height: 143px;
}

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

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

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

@media (max-width: 767px) {
    .main-header:after,
    .help-header:after {
        border: none;
    }

    .main-header .header__content {
        height: 111px;
    }

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

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

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

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

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

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

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

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

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

/* Navigation Menu - Desktop */
.hm__wrapper {
    border-bottom: none;
}

.hm__submenu {
    border-bottom: 1px solid var(--color-grey-lightest);
}

.ltr .hm__wrapper .hm__item {
    margin-right: 25px;
}

.hm__wrapper .hm__item .sub-menu__item a:hover {
    background-color: var(--color-grey-lightest);
}

.hm__primary .fa-angle-up:before,
.hm__primary .fa-angle-down:before {
    color: var(--color-primary);
}

.add-device-link {
    display: none;
}

.hm__wrapper .hm__item:hover .hm__item__link:before,
.hm__wrapper .hm__item .hm__item__link--active:before,
.hm__wrapper .hm__item .hm__item__link:after {
    transition: width 0.5s cubic-bezier(0.1, 0.1, 0.23, 1);
}

/* Navigation Menu - Mobile */
.menu__user-menu .account-info__name {
    color: var(--color-primary);
}

.menu__sub-menu ~ ul .menu__item--active,
.menu__sub-menu ~ ul .menu__action-item--active,
.menu__user-menu ~ ul .menu__item--active,
.menu__user-menu ~ ul .menu__action-item--active {
    background-color: var(--color-primary);
    color: #fff;
}

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

/* Settings Page */
.settings-btn__status {
    color: var(--color-primary);
}

.settings-page__description {
    margin-top: 4px;
}

.profiles__content .web-filters__header .icon,
.profiles__content .internet-off__header .icon {
    display: none;
}

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

.web-filters .protection__tool-bar {
    flex-direction: column-reverse;
}

.schedule__content .schedule__categories-header {
    flex-direction: column;
}

.web-filters .protection__tool-bar .search-section,
.schedule__content .schedule__categories-header .search-section {
    width: 100%;
    margin-bottom: 16px;
}

/* FONTS */
h1,
h2,
.modal__header h2,
h3,
h4,
.text-highlighted,
.help-page h1,
.help-page h2,
.help-page h3 {
    font-weight: 300;
}

h1,
h2,
h3 {
    color: var(--color-primary);
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

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

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

.hm__wrapper .hm__item .hm__item__link--active {
    color: var(--color-primary) !important;
    font-weight: 400;
}

.hm__wrapper .hm__item .hm__item__link--active ~ .hm__item__sub-menu-container .icon:before {
    color: var(--color-primary);
}

.hm__wrapper .hm__item .hm__item__link:not(.hm__item__link--active) {
    font-weight: 300;
    color: var(--color-grey);
}

.hm__wrapper .hm__item .hm__item__link:not(.hm__item__link--active) ~ .hm__item__sub-menu-container .icon:before {
    color: var(--color-grey-light);
}

.profile-tab__title,
.rule__preview__time--bold,
.counter__label {
    font-weight: 500;
}

.profile-tab--active .profile-tab__description,
.separated-lists__item .list-header__title {
    font-weight: 400;
}

.drilldowns__table__info span,
.drilldowns__table__info .icon,
.btn--primary.btn--outline,
.footer,
.modal-control,
.btn--solid, .btn--outline {
    font-size: 16px;
}

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

.device-with-type .icon {
    color: #50535A;
}

.table table,
.table .color-secondary,
.select-wrapper .select__button,
.profile-tab__content,
.roaming-counter,
.modal__header h2,
.modal__header h3,
.widget .widget__count .icon,
.schedule__settings-btn:not(:disabled) .settings-btn__label,
.protection-editor__settings-btn:not(:disabled) .settings-btn__label {
    color: var(--color-main);
}

.schedule__settings-btn:not(:disabled),
.protection-editor__settings-btn:not(:disabled),
.footer_content,
.footer,
.home-page__title {
    border-color: var(--color-grey-lightest)
}

.schedule__settings-btn__counter,
.protection-editor .categories-count {
    font-weight: 500;
}

/* endregion FONTS */

/* 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 .action-section__button .icon,
.protection-editor-modal .list-actions .icon {
    display: none;
}

.protection-editor .action-section__button .icon ~ span,
.protection-editor-modal .list-actions .icon ~ span {
    margin-left: 0;
}

.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 .input__clear .fa-times:before,
.upload-csv .upload-csv__clear-input:before {
    content: url("icons/clear-icon-default.svg");
}

.input .input__clear:hover .fa-times:before,
.upload-csv .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,
.hm__container .fa-angle-down:before,
.hm__container .fa-angle-up:before {
    content: "\f0d8";
    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;
}

.web-filters__header,
.internet-off__header {
    display: flex;
    align-items: center;
}

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

.internet-off__header span {
    margin-top: 2px;
}

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

.hm__primary .fa-angle-up:before {
    transform: none;
}

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

.device-menu .dropdown__item.dropdown__item--disabled .icon {
    color: var(--color-grey-lighter);
}

.modal__footer .modal__control:first-child:not(.confirmation-dialog__footer .modal__control),
.confirmation-dialog__footer .modal__control:nth-child(2){
    display: none;
}
/* endregion ICONS */

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

    .modal__header h2 {
        margin: 0;
    }
}

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

.device-actions-modal .items__container .icon.fa-link,
.device-actions-modal .items__container .icon.fa-link ~ span,
.device-actions-modal .items__container .icon.fa-pencil,
.device-actions-modal .items__container .icon.fa-pencil ~ span,
.device-actions-modal .items__container .icon.fa-times,
.device-actions-modal .items__container .icon.fa-times ~ span,
.device-actions-modal .items__container .icon.fa-unlink,
.device-actions-modal .items__container .icon.fa-unlink ~ span {
    display: none;
}

.device-actions-modal .items__container div,
.device-actions-modal .items__container .icon:before {
    padding: 0;
    color: var(--color-grey-light);
}

.device-actions-modal .items__container .icon:not([style*="display: none"]),
.device-actions-modal .items__container .icon ~ span:not([style*="display: none"]) {
    padding: 12px 0;
}

.check-url-block a {
    display: inline-flex;
    vertical-align: middle;
}

.check-url-block a i + span {
    margin-bottom: 3px;
}

.device-actions-modal .modal__footer .dismiss-button {
    color: var(--color-main);
}

.blocked-page .web-filtering-form .form-section:last-child{
    display:none;
}

@media (max-width: 767px) {
    .internet-off__header,
    .internet-security,
    .internet-security .subsection-header,
    .schedule:not(.internet-off),
    .home-page__barchart,
    .branding__tagline,
    .branding__logo,
    .blocked-page .form-section:not(:last-child) {
        border-color: var(--color-grey-lightest);
    }
}

/*Changing headers in the tables*/

.assign-device-modal label[for="device-id"],
.assign-roaming-device-modal [for="device-id"],
.move-device-modal label[for="device-id"],
.assign-device-modal label[for="device-name-input"] {
    visibility: hidden;
}

.assign-device-modal label[for="device-id"]:before,
.assign-roaming-device-modal [for="device-id"]:before,
.move-device-modal label[for="device-id"]:before {
    content: "Identificador de dispositivo";
    display: block;
    visibility: visible;
    margin-bottom: -16px;
}


.assign-device-modal label[for="device-name-input"]:before {
    content: "Nombre de dispositivo";
    display: block;
    visibility: visible;
    margin-bottom: -16px;
}

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

.drilldowns__table th:first-child {
    font-size: 0;
}

.drilldowns__table th:first-child:not(.sub-header-row th):before {
    content: "Ordenar por URL";
    font-size: 16px;
    font-weight: 500;
    display: block;
    position: relative;
    top: 22px;
    margin-top: -22px;
    background-color: var(--color-light);
}

.drilldowns__table th:first-child:not(.sub-header-row th) .sorted:before,
.drilldowns__table th:first-child:not(.sub-header-row th) .sorted:after {
    left: 135px;
}

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

    .drilldowns.webfilter .drilldowns__table th:nth-child(2) .sorted:before,
    .drilldowns.webfilter .drilldowns__table th:nth-child(3) .sorted:before,
    .drilldowns.webfilter .drilldowns__table th:nth-child(4) .sorted:before {
        bottom: 31px;
    }

    .drilldowns.webfilter .drilldowns__table th:not(:last-child) .sorted {
        padding-left: 6px;
    }

    .drilldowns.webfilter .drilldowns__table th:nth-child(5) .sorted {
        padding-right: 60px;
    }

    .drilldowns.webfilter .drilldowns__table th:last-child .sorted {
        padding-right: 10px;
    }
}

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

    .rt-table th .sorted:before {
        bottom: auto;
    }

    .drilldowns .table tr:not(.sub-header-row) th:first-child {
        padding-left: 2px;
    }

    .drilldowns.webfilter .drilldowns__table th:first-child:not(.sub-header-row th) .sorted:before,
    .drilldowns.webfilter .drilldowns__table th:first-child:not(.sub-header-row th) .sorted:after {
        left: 94px;
    }

    .drilldowns.malware .drilldowns__table th:first-child:not(.sub-header-row th) .sorted:before,
    .drilldowns.malware .drilldowns__table th:first-child:not(.sub-header-row th) .sorted:after,
    .drilldowns.botnet .drilldowns__table th:first-child:not(.sub-header-row th) .sorted:before,
    .drilldowns.botnet .drilldowns__table th:first-child:not(.sub-header-row th) .sorted:after {
        left: 129px;
    }

    .drilldowns.webfilter .drilldowns__table th:first-child:not(.sub-header-row th) .sorted:before,
    .drilldowns.webfilter .drilldowns__table th:nth-child(2) .sorted:before,
    .drilldowns.malware .drilldowns__table th:nth-child(2) .sorted:before,
    .drilldowns.malware .drilldowns__table th:nth-child(3) .sorted:before,
    .drilldowns.botnet .drilldowns__table th:nth-child(2) .sorted:before,
    .drilldowns.botnet .drilldowns__table th:nth-child(3) .sorted:before {
        bottom: 32px;
    }

    .drilldowns.webfilter .drilldowns__table th:first-child:not(.sub-header-row th) .sorted:after {
        top: -14px
    }

    .drilldowns.webfilter .drilldowns__table th:nth-child(3) .sorted:before,
    .drilldowns.webfilter .drilldowns__table th:nth-child(4) .sorted:before {
        bottom: 54px;
    }

    .drilldowns.webfilter .drilldowns__table th:nth-child(5) .sorted,
    .drilldowns.malware .drilldowns__table th:nth-child(4) .sorted,
    .drilldowns.botnet .drilldowns__table th:nth-child(4) .sorted {
        padding-right: 60px;
    }
}