@import url('/app/assets/css/variables.css');
@import url('/app/assets/css/badges.css');
@import url('/app/assets/css/cards.css');
@import url('/app/assets/css/buttons.css');
@import url('/app/assets/css/shadows.css');
@import url('/app/assets/css/colors.css');
@import url('/app/assets/css/icons.css');
@import url('/app/assets/css/navbars.css');
@import url('/app/assets/css/toolbars.css');
@import url('/app/assets/css/toasts.css');
@import url('/app/assets/css/swipeouts.css');
@import url('/app/assets/css/popovers.css');

/* Specific views */
@import url('/app/assets/css/views/applications.css');
@import url('/app/assets/css/views/profile.css');
@import url('/app/assets/css/views/vacancies.css');
@import url('/app/assets/css/views/login.css');
@import url('/app/assets/css/views/upcoming_interviews.css');
@import url('/app/assets/css/views/messages.css');
@import url('/app/assets/css/views/notifications.css');
@import url('/app/assets/css/views/dashboard.css');

@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: normal;
    src: local('Satoshi Regular'), url('/frontend/frontend_theme/fonts/Satoshi-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Satoshi';
    font-style: italic;
    font-weight: normal;
    src: local('Satoshi Italic'), url('/frontend/frontend_theme/fonts/Satoshi-Italic.woff') format('woff');
}

@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 300;
    src: local('Satoshi Light'), url('/frontend/frontend_theme/fonts/Satoshi-Light.woff') format('woff');
}

@font-face {
    font-family: 'Satoshi';
    font-style: italic;
    font-weight: 300;
    src: local('Satoshi Light Italic'), url('/frontend/frontend_theme/fonts/Satoshi-LightItalic.woff') format('woff');
}

@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 500;
    src: local('Satoshi Medium'), url('/frontend/frontend_theme/fonts/Satoshi-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Satoshi';
    font-style: italic;
    font-weight: 500;
    src: local('Satoshi Medium Italic'), url('/frontend/frontend_theme/fonts/Satoshi-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 700;
    src: local('Satoshi Bold'), url('/frontend/frontend_theme/fonts/Satoshi-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Satoshi';
    font-style: italic;
    font-weight: 700;
    src: local('Satoshi Bold Italic'), url('/frontend/frontend_theme/fonts/Satoshi-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 900;
    src: local('Satoshi Black'), url('/frontend/frontend_theme/fonts/Satoshi-Black.woff') format('woff');
}

@font-face {
    font-family: 'Satoshi';
    font-style: italic;
    font-weight: 900;
    src: local('Satoshi Black Italic'), url('/frontend/frontend_theme/fonts/Satoshi-BlackItalic.woff') format('woff');
}

body {
    font-family: 'Satoshi', sans-serif;
    letter-spacing: 0.5px;
}

a {
    color: var(--hbr-app-primary-color);
}

.login-error {
    color: var(--hbr-app-color-red);
}

.page-content {
    color: var(--hbr-app-text-color);
    background-color: var(--hbr-app-background-color);
    padding-bottom: var(--hbr-app-toolbar-height);
    padding-top: var(--hbr-app-topnav-height);
}

.page-content.tab {
    padding-top: calc(
        var(--hbr-app-topnav-height) + 16px
    );
    padding-bottom: calc(
        var(--hbr-app-toolbar-height) + var(--hbr-app-top-toolbar-height)
    );
}

.js-message-fade-out {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.hbr-full-width {
    width: 100%;
}

.hidden {
    display: none;
}

#hbr-app-topnav-notifcation-button .hbr-app-button-content {
    position: absolute;
}

#hbr-app-topnav-help-button .hbr-app-button-content {
    position: absolute;
}

.hbr-app-icon-inline.vacancy-title .hbr-app-inline-icon-text {
    line-height: 1.5;
}

.notification-badge {
    z-index: 50;
    position: absolute;
    top: 2px;
    right: 4px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--hbr-app-color-red);
}

.bell-badge {
    padding: 0 !important;
    font-size: 10px;
    height: 18px;
    width: 18px;
    top: -2px;
    left: 8px;
}

.error-message {
    color: #FFF;
    background-color: #FF5353;
    padding: 16px;
    border-radius: 8px;
    text-align: center;
    font-weight: 500;
    margin: 0 auto;
}

.allow-word-wrap,
.list .allow-word-wrap {
    overflow: unset;
    word-wrap: normal;
    white-space: normal;
    min-height: unset;
}

.message-list-empty {
    height: 100%;
}

.hbr-app-vacancy-card-application-count a {
    color: var(--hbr-app-text-color);
}