/*Define custom here*/
@font-face {
    font-family: 'Oswald-SemiBold';
    src: url('../../assets/fonts/Oswald-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('../../assets/fonts/Oswald-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*Variables*/
:root {
    /*Custom fonts*/
    --oswald-semibold-font: 'Oswald-SemiBold';
    --oswald-light-font: 'Oswald-Light';
    --font-family-bold-weight: normal;

    /*General color variables*/
    --accent-color-decimal: 10, 190, 200;
    --primary-text-color-decimal: 255, 255, 255;
    --link-color-decimal: 10, 190, 200;
    --error-color-decimal: 255, 0, 74;
    --link-color: var(--accent-color);
    --layout-bg: #262626;
    --container-bg: #000;
    --section-stripe-bg: var(--container-bg);
    --section-stripe-bg-even: var(--container-bg);
    --custom-background-color: var(--container-bg);
    --questionnaire-form-bg: #000;
    --layout-secondary-bg: #141414;
    --notification-bg: var(--layout-bg);
    --container-border-radius: 0;

    /*Cards*/
    --card-box-bg: var(--custom-background-color);
    --category-list-background: var(--layout-bg);
    --card-sidebar-border: #000;
    --card-sidebar-bg: #2d2d2d;
    --card-box-shadow: 0 1px 4px #000;
    --card-image-bg: var(--card-sidebar-bg);
    --expert-card-background: #2d2d2d;

    /*Menu*/
    --menu-surface-color: var(--primary-text-color);
    --menu-surface-bg: var(--layout-bg);
    --menu-surface-shadow-color: #000;
    --menu-item-hover-bg: #303030;

    /*Buttons*/
    --btn-flat-custom-bg: var(--layout-bg);
    --btn-flat-custom-hover-bg: #1c1c1c;
    --btn-flat-custom-color: var(--primary-text-color);
    --disabled-button-color: #5f5f5f;
    --disabled-button-bg: #303030;
    --button-bg: #055f64;
    --hover-button-bg: var(--accent-color);
    --error-button-bg: #F010467F;
    --error-hover-button-bg: #f01046;
    --button-height-xs: 24px;

    /*Top bar*/
    --header-information-link-color: var(--primary-text-color);
    --top-bar-link-color: var(--primary-text-color);
    --top-bar-bg: var(--container-bg); /*header top bar background color*/
    --top-bar-menu-icon-color: var(--primary-text-color);

    /*Footer*/
    --footer-background: var(--layout-bg);
    --footer-copy-text-background: var(--container-bg);
    --footer-link-color: var(--primary-text-color);
    --footer-text-color: var(--primary-text-color);
    --custom-footer-banner-visability: block;
    --footer-line-ripple-color: var(--primary-text-color);
    --footer-field-value-color: var(--primary-text-color);

    /*Other*/
    --error-color: #f01046;
    --main-sidebar-icons-bg: var(--container-bg);
    --user-settings-bg: var(--container-bg);
    --custom-border-color: transparent;
    --custom-padding-size: 0;
    --line-ripple-color: #A0A0A0;
    --line-ripple-color-hover: var(--primary-text-color);
    --field-label-color: var(--primary-text-color);
    --field-value-color: var(--primary-text-color);
    --calenadr-col-bg: var(--layout-bg);
    --calenadr-working-hours-bg: #313131;
    --calendar-disabled-days-color: #666;
    --header-search-bg: var(--layout-bg);
    --header-search-color: var(--primary-text-color);
    --tag-background: var(--container-bg);
    --tag-background-hover: var(--container-bg);
    --dashboard-item-bg: var(--layout-bg);
    --calendar-popup-bg: var(--container-bg);
    --chip-bg: #3b3b3b;
    --chat-room-message-outgoing-bg: #2d2d2d;
    --chat-room-message-incoming-bg: #3b3b3b;
    --chat-textarea-bg: var(--layout-bg);
    --dashboard-statistics-item-bg: #303030;
    --switcher-bg: #3b3b3b;
    --actions-buttons-alignment: flex-start;
    --info-box-bg: rgba(61, 61, 61, .8);
}

/*Define custom style here*/
.header-wrapper {
    border-bottom: 2px solid var(--accent-color);
}

.dashboard-welcome-text h1 {
    font-family: var(--oswald-semibold-font) !important;
    font-size: 60px !important;
    text-transform: uppercase;
}

.heading-box h1 {
    margin-bottom: 20px !important;
    font-family: var(--oswald-semibold-font) !important;
    font-size: 40px !important;
    text-transform: uppercase;
}

.user-record .user-data .user-data-name,
.prescription-heading,
personal-calendar-event-preview h1 {
    font-family: var(--oswald-semibold-font) !important;
    font-size: 40px !important;
    text-transform: uppercase;
}

intermediate-dashboard-page h2 {
    font-size: 40px !important;
}

personal-calendar-event-details-information .card-panel {
    padding: 0 !important;
    border: none !important;
}

.user-data-heading {
    font-family: var(--oswald-light-font) !important;
    font-size: 30px !important;
    text-transform: uppercase;
}

.flow-guide-block {
    background-color: #F010467F !important;
}

intermediate-dashboard-page {
    display: block;
    padding: 0 40px;
}

appointments-list .swiper-container,
seeker-medical-information .swiper-container {
    margin: 0 -40px;
    padding: 0 40px;
}

appointments-list .swiper-container .swiper-left-button ,
seeker-medical-information .swiper-container .swiper-left-button {
    position: absolute;
    left: 0;
}

appointments-list .swiper-container .swiper-right-button ,
seeker-medical-information .swiper-container .swiper-right-button {
    position: absolute;
    right: 0;
}

@media (max-width: 767px) {
    intermediate-dashboard-page {
        padding: 0;
    }
    appointments-list .swiper-container,
    seeker-medical-information .swiper-container {
        margin: 0;
        padding: 0;
    }
}

.custom-bottom-indent {
    display: block;
    margin-bottom: 100px !important;
}

.custom-heading-indent {
    margin-bottom: 60px !important;
}

.address-list .items-container {
    flex-direction: column;
}

.card-panel,
.user-record .user-data,
event-session-box .card-box,
visit-reason-item .card,
user-record-management .card-panel.__plain,
.user-record-container .border-bottom {
    border-radius: 0 !important;
    border-bottom: 1px solid #434343;
}

.card-panel.light-grey-bg {
    background-color: transparent !important;
}