/* Fonts */

@font-face {
    font-family: Avenir;
    font-style: normal;
    font-weight: 300;
    src: url(assets/fonts/Avenir-Light.woff2) format("woff2"), url(assets/fonts/Avenir-Light.woff) format("woff")
}

@font-face {
    font-family: Avenir;
    font-style: normal;
    font-weight: 900;
    src: url(assets/fonts/Avenir-Heavy.woff2) format("woff2"), url(assets/fonts/Avenir-Heavy.woff) format("woff")
}

@font-face {
    font-family: Avenir;
    font-style: italic;
    font-weight: 300;
    src: url(assets/fonts/Avenir-Light-Oblique.woff2) format("woff2"), url(assets/fonts/Avenir-Light-Oblique.woff) format("woff")
}

@font-face {
    font-family: Avenir;
    font-style: normal;
    font-weight: 500;
    src: url(assets/fonts/Avenir-Medium.woff2) format("woff2"), url(assets/fonts/Avenir-Medium.woff) format("woff")
}

@font-face {
    font-family: Avenir;
    font-style: italic;
    font-weight: 500;
    src: url(assets/fonts/Avenir-Medium-Oblique.woff2) format("woff2"), url(assets/fonts/Avenir-Medium-Oblique.woff) format("woff")
}

@font-face {
    font-family: Avenir;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/Avenir-Book.woff2) format("woff2"), url(assets/fonts/Avenir-Book.woff) format("woff")
}

@font-face {
    font-family: Chalet;
    font-style: normal;
    font-weight: 300;
    src: url(assets/fonts/Chalet-ParisNineteenSixty.woff2) format("woff2"), url(assets/fonts/Chalet-ParisNineteenSixty.woff) format("woff")
}

@font-face {
    font-family: Chalet;
    font-style: normal;
    font-weight: 700;
    src: url(assets/fonts/Chalet-NewYorkNineteenSixty.woff2) format("woff2"), url(assets/fonts/Chalet-NewYorkNineteenSixty.woff) format("woff")
}

@font-face {
    font-family: Chalet;
    font-style: normal;
    font-weight: 500;
    src: url(assets/fonts/Chalet-LondonNineteenSixty.woff2) format("woff2"), url(assets/fonts/Chalet-LondonNineteenSixty.woff) format("woff")
}

.app-header-column.left .custom-view-container {
    flex-direction: row !important;
    justify-content: left !important;
    font-weight: 500;
}

.tw-navbar__logo {
    width: 90px !important;
    height: 90px !important;
    margin: 30px 15px 0px !important;
}

.steps-list .step-list-item.active a,
.mobile-device.desktop-ux #main-content-container .project-options .sidebar-panel span,
.mobile-device.mobile-ux #main-content-container .project-options .sidebar-panel span {
    color: var(--text-color-light) !important;
}

.hamburger-menu .sidebar-panel {
    background-color: var(--gradient-success) !important;
}

#btn-callCenterButton {
    border: none !important;
    height: 100% !important;
    margin: 0 !important;
    background-color: transparent !important;
    color: rgba(64, 47, 25, .7);
    min-width: 180px;
}

#btn-callCenterButton:hover {
    color: #ed3d12;
}

#btn-appointmentButton {
    border: none !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    min-width: 200px;
    font-weight: 700;
}

.tw-draggable-container {
    background: white;
}

.item-list-total {
    display: none !important;
}

.calculating-hide {
    display: none !important;
}

.open-dialog>.item-list-icon {
    border-left: none !important;
}

[data-tips] {
    --tooltip-delay-duration: var(--tooltip-delay-duration) !important;
}

.summaryView.minimal {
    background-color: #fafaf9;
}

.tw-navbar {
    --shadow: 0 1px 0 rgba(64, 47, 25, .1);
}

#done-btn {
    border-color: var(--secondary-control-color, var(--primary-color));
    color: var(--secondary-control-color, var(--primary-color));
    background-color: var(--on-secondary-control-color, var(--default-color));
}

#done-btn:hover:not(:disabled) {
    border-color: var(--secondary-control-color--hover, var(--primary-color));
    background-color: var(--secondary-control-color--hover, var(--primary-color));
    color: var(--on-secondary-control-color--hover, var(--default-color));
}

.next-btn {
    border-color: var(--secondary-control-color, var(--primary-color)) !important;
    color: var(--secondary-control-color, var(--primary-color)) !important;
    background-color: var(--on-secondary-control-color, var(--default-color)) !important;
}

.next-btn:hover:not(:disabled) {
    border-color: var(--secondary-control-color--hover, var(--primary-color)) !important;
    background-color: var(--secondary-control-color--hover, var(--primary-color)) !important;
    color: var(--on-secondary-control-color--hover, var(--default-color)) !important;
}
/*Cookie Banner toggle Button*/
input:checked + .switch-toggle-slider {
    background-color: var(--Eggo-Red) !important;
}

tw-button.tw-auto-deco__clear-btn:hover {
    border-color: var(--primary-color--hover);
    background: var(--primary-color--hover);
    color: var(--on-primary-color--hover);
}
/* New changes for Tablet Product browser */
.mobile-device.mobile-ux #app-bar-container .custom-view-container .x-2020-designsummary-widget.tw-btn.tw-navbar__button.tw-navbar__button--no-border {
    display: none !important;
}

.mobile-device.desktop-ux #login-btn {
    padding: 0px 10px !important;
}

/*Itemlist close button hide behind header logo*/
@media (orientation: portrait) {
    .mobile-device.desktop-ux #design-bottom .item-list-container .item-list-titlebar .item-list-titlebar__close {
        top: 50px !important;
    }
}

@media (orientation: landscape) {
    .mobile-device.desktop-ux #design-bottom .item-list-container .item-list-titlebar .item-list-titlebar__close {
        top: 50px !important;
    }
}