@font-face {
    font-family: CeraPRO;
    font-weight: 700;
    src: url(./static/media/cerapro-black.otf) format("opentype");
}

@font-face {
    font-family: CeraPRO;
    font-weight: 700;
    font-style: italic;
    src: url(./static/media/cerapro-blackitalic.otf) format("opentype");
}

@font-face {
    font-family: CeraPRO;
    font-weight: 600;
    src: url(./static/media/cerapro-bold.otf) format("opentype");
}

@font-face {
    font-family: CeraPRO;
    font-weight: 600;
    font-style: italic;
    src: url(./static/media/cerapro-bolditalic.otf) format("opentype");
}

@font-face {
    font-family: CeraPRO;
    font-weight: 300;
    src: url(./static/media/cerapro-light.otf) format("opentype");
}

@font-face {
    font-family: CeraPRO;
    font-weight: 300;
    font-style: italic;
    src: url(./static/media/cerapro-lightitalic.otf) format("opentype");
}

@font-face {
    font-family: CeraPRO;
    font-weight: 400;
    src: url(./static/media/cerapro-regular.otf) format("opentype");
}

@font-face {
    font-family: CeraPRO;
    font-weight: 400;
    font-style: italic;
    src: url(./static/media/cerapro-regularitalic.otf) format("opentype");
}

@font-face {
    font-family: CeraPRO;
    font-weight: 200;
    src: url(./static/media/cerapro-thin.otf) format("opentype");
}

@font-face {
    font-family: CeraPRO;
    font-weight: 200;
    font-style: italic;
    src: url(./static/media/cerapro-thinitalic.otf) format("opentype");
}

:root {
    --color-primary-010: #e6f1fa;
    --color-primary-015: #daebf7;

    --color-primary: #0679ca;
    --color-primary-hover: #0565a9;
    --color-primary-disabled: #6aafdf;
    --color-primary-pressed: #00192a;

    --color-danger: #d3544c;
    --color-danger-hover: #be2516;
    --color-danger-pressed: #961b1f;
    --color-warning: #e5af28;
    --color-success: #00892d;


    --color-text-highlight: #9bc9ea;

    --color-layout-footer: #00192a;
    --color-controls-border: #bbb;
    --color-gray-hover: #eceeef;

    --navigation-secondary-desktop-background-color: var(--color-primary-010);

    --loader-dot-default-color: #d1d1d2;

    --tabs-text-color: var(--color-primary);
    --tabs-text-color-hover: var(--color-primary);
    --tabs-background-color-pressed: var(--color-primary-hover);
    --tabs-border-radius: var(--button-border-radius);
    --tabs-border-color-pressed: var(--color-primary-hover);
    --control-border-color-focus: #fff;

    --static-notification-link-decoration: none;
    --static-notification-link-color-hover: #fff;
    --static-notification-link-decoration-hover: none;

    --url-option-background-color: var(--color-primary-010);
    --url-option-border-color: var(--color-primary-010);
    --url-option-background-color-hover: var(--color-primary-015);
    --url-option-border-color-hover: var(--color-primary-015);
    --url-option-selected-background-color: var(--color-primary-010);

    --color-report-brush-selection: var(--color-primary);
    --color-report-brush-selection-border: #02a2d8;
    --color-report-activity: #b9e3fe;
    --color-report-webfilter: #33c67c;
    --color-report-webfilter-brushed: #1f794c;
    --color-report-malware: #ff5a34;
    --color-report-botnet: #16303e;
    --color-report-botnet-brushed: #007796;

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

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


    --ddl-border-radius: 0;
    --ddl-item-background-color-hover: var(--color-primary-010);
}

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

/* COLORS */

/* TYPOGRAPHY */
.page-name__content h1{
    color: var(--color-primary);
}

/* LINKS */
:root {
    --link-color-hover: var(--color-primary);
    --link-decoration-hover: none;
    --link-color-disabled: var(--color-primary);
    --link-decoration-disabled: none;
}

.link:hover, .button-link:hover,
.button-link:hover .button-link:focus {
    filter: grayscale(30%);
}

.button-link[disabled],
.button-link[disabled]:hover {
    opacity: 0.6;
}

/* BUTTONS */
:root {
    --button-border-radius: 5px;
    --button-pill-outline-text-color: var(--color-primary);
    --button-destructive-outline-background-color-hover: #ffdfcd;
    --button-destructive-outline-background-color-pressed: #ffa697;
    --color-controls-border: #bbb;
    --button-secondary-border-color: #bbb;
}

.add-device-link,
.add-device-link span,
.add-device-link:hover span,
.add-device-link:focus span,
.add-device-link .icon:not(.color-danger):not(.color-success),
.create-rule .btn--secondary,
.create-rule .btn--secondary:hover,
.create-rule .btn--secondary:focus,
.create-rule .btn--secondary .icon:not(.color-danger):not(.color-success),
.check-url-block .btn--secondary,
.check-url-block .btn--secondary:hover,
.check-url-block .btn--secondary:focus,
.check-url-block .btn--secondary .icon:not(.color-danger):not(.color-success),
.profile-picker__side-section .btn--secondary,
.profile-picker__side-section .btn--secondary:hover,
.profile-picker__side-section .btn--secondary:focus,
.profile-picker__side-section .btn--secondary .icon:not(.color-danger):not(.color-success),
.drilldowns__table__info .btn--secondary,
.drilldowns__table__info .btn--secondary:hover,
.drilldowns__table__info .btn--secondary:focus,
.drilldowns__table__info .btn--secondary .icon:not(.color-danger):not(.color-success) {
    color: var(--color-primary);
}

.settings-btn__label {
    color: var(--color-primary);
}

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

/* SWITCHES */
.switcher .switch__toggle {
    border: 2px solid #fff;
    width: 16px;
    height: 16px;
    margin: 4px;
}

/* INPUTS */
.input .base-input,
.textarea .textarea-control {
    border-radius: 0;
    border-color: var(--color-controls-border);
}

.input input:focus,
.input input:active,
.textarea textarea:focus,
.textarea textarea:active {
    box-shadow: 0 0 5px var(--color-primary);
}

.input--has-error input,
.input--has-error input:focus,
.input--has-error input:active,
.textarea--has-error textarea,
.textarea--has-error textarea:focus,
.textarea--has-error textarea:hover {
    border-color: var(--color-danger);
    box-shadow: none;
}

/* CHECKBOXES */
:root {
    --checkbox-unchecked-background-color: #fff;
    --checkbox-unchecked-border-color: var(--color-primary);

    --checkbox-checked-background-color: #fff;
    --checkbox-checked-border-color: var(--color-primary);
    --checkbox-checked-icon-color: var(--color-primary);
}

.checkbox-switch {
    width: 18px;
    height: 18px;
    padding: 3px;
    border-radius: 4px;
    border-width: 1px;
}

.checkbox.switch-base:hover .checkbox-switch,
.checkbox.switch-base:hover .checkbox-switch--checked {
    border-width: 1px;
}

.checkbox-switch--checked:before {
    line-height: inherit;
    font-size: 11px;
}

/* TIME INPUTS */
.time-picker__input:focus + .time-picker__input-value,
.time-picker__input:active + .time-picker__input-value {
    background-color: var(--color-primary);
    color: white;
}

/*!* DDLs and SELECTS *!*/
:root {
    --select-border-radius: 0;

    --color-select-item-selected: var(--color-primary-010);
}

.combobox-wrapper:not(.hidden-options) .combobox__search-input,
.select-wrapper:not(.hidden-options) .select__button {
    border-right: 1px solid var(--color-primary);
}

.combobox-wrapper:not(.hidden-options) .combobox__toggle,
.select-wrapper:not(.hidden-options) .select__button-arrow {
    background-color: var(--color-primary);
}

.combobox-wrapper:not(.hidden-options) .combobox__toggle:before,
.select-wrapper:not(.hidden-options) .select__button-arrow:after {
    color: #fff;
}

.combobox-wrapper:not(.hidden-options) .combobox-menu,
.select-wrapper:not(.hidden-options) .select-menu {
    border-radius: 0;
}

.combobox-wrapper .combobox__menu-wrapper,
.select-wrapper .select__menu-wrapper {
    outline-width: 2px;
    outline-offset: -2px;
    outline-style: solid;
}
.combobox-wrapper .combobox__menu-wrapper {
    border-width: 2px;
}

.pagination .select-wrapper--small .select__button-content{
    padding-right: 16px;
}

.native-select__toggle {
    padding: 0 0 0 16px;
    border-radius: 0;
}

.native-select__toggle__content .icon {
    background-color: var(--color-primary);
}
.native-select__toggle:not(.native-select__toggle--small) .icon {
    height: 38px;
    width: 40px;
}
.native-select__toggle--small .icon {
    height: 30px;
    width: 32px;
    margin-left: 16px;
}

.native-select__toggle:not(.native-select__toggle--small) .icon:after {
    padding-left: 11px;
}

.native-select__toggle__content .icon:after {
    padding-left: 8px;
    color: #fff;
}

.tabs-select .select__button {
    border-radius: var(--button-border-radius);
}

.time-picker-wrapper .select-wrapper .select__button-arrow {
    width: 32px;
}

.time-picker-wrapper .select-wrapper .select__button {
    padding-right: 0;
}

/* SIDEBAR */
.sidebar__counter__amount {
    letter-spacing: -1px;
}

/* PANELS */
.spson-info__title {
    letter-spacing: -0.1px;
}

/* TABLES */
:root {
    --table-row-even-background-color: #f9fafa;
    --table-row-odd-background-color: #fff;

    --table-header-background-color: transparent;
    --table-header-background-color-hover: transparent;
    --table-header-font-color-hover: var(--color-primary);

    --table-expanded-row-highlight-line-color: var(--color-primary);
}

.table table {
    border: none;
    border-top: 3px solid #252525;
}

@media (min-width: 768px) {
    .table tbody tr:not(.no-data-row):not(.sub-row):hover {
        -webkit-box-shadow: inset 0 0 0 1px #000;
        -moz-box-shadow: inset 0 0 0 1px #000;
        box-shadow: inset 0 0 0 1px #000;
        background-color: var(--color-gray-hover);
    }

    .table tr td:not(:last-child),
    .table th:not(:last-child) {
        border-right: 1px solid #d3dce1;
    }
}

/*!* BLOCK PAGES *!*/
@media (max-width: 767px) {
    .blocked-page .form-description,
    .blocked-page__description {
        color: var(--color-primary);
    }
}

.blocked-page .preview-button,
.blocked-page .preview-button .icon:not(.color-danger):not(.color-success),
.blocked-page .btn--secondary:focus:not(:disabled),
.blocked-page .btn--secondary:hover:not(:disabled) {
    color: var(--color-primary)
}

/* CONTACT FOOTER */
.contact-info-footer {
    background: linear-gradient(#0563a6, #045791);
    flex: 0 0 auto;
}

@media (max-width: 991px) {
    .contact-info-footer {
        margin-top: 32px;
    }
}

@media (min-width: 992px) {
    .contact-info-footer {
        margin-top: 52px;
    }
}

/* FOOTER */
.footer .common-footer {
    background-color: var(--color-layout-footer);
    color: #fff;
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

.footer .common-footer__content {
    border-top: none;
}

.common-footer__content-block a, .common-footer__content-block a:hover {
    color: #fff;
}

/* spacings for deep-link modal instruction */
.deeplink-modal__instruction-details--text {
    white-space: pre-line;
}

/* ADDITIONS */
.homepage-reports__hint {
    color: var(--color-primary);
}

/* hide language */
.language-section {
    display: none;
}

/* hide merge/unmerge action */
#merge,
#unmerge {
    display: none;
}

/* SINGLEBIZ */
.web-filters,
.schedule.homework-time {
    display: none;
}

/* hide domain lookup */
.hm__item[data-id=domain-lookup],
a[href="#settings/domain-lookup"] {
    display: none !important;
}

/* hide add device button */
.add-device-link {
    display: none;
}