html, body {
    height: 100%;
}

body {
    --font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.splashscreen {
    text-align: center;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    font-family: var(--font-family);
}

.splashscreen-center {
    margin: auto;
}

    .splashscreen-center img {
        margin-bottom: 15px;
    }
/*
=============================
      Hamburger Menu
=============================
*/

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2") format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2") format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2") format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2") format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url("assets/fonts/mem8YaGs126MiZpBA-UFWJ0bbck.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url("assets/fonts/mem8YaGs126MiZpBA-UFUZ0bbck.woff2") format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url("assets/fonts/mem8YaGs126MiZpBA-UFWZ0bbck.woff2") format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url("assets/fonts/mem8YaGs126MiZpBA-UFVp0bbck.woff2") format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url("assets/fonts/mem8YaGs126MiZpBA-UFW50bbck.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url("assets/fonts/mem8YaGs126MiZpBA-UFVZ0b.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("assets/fonts/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("assets/fonts/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2") format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("assets/fonts/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2") format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("assets/fonts/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2") format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("assets/fonts/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2") format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("assets/fonts/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url("assets/fonts/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.menu-manager-view #footerView {
    display: flex !important;
}

.menu-manager-view .ids-footer-view .link:hover, .menu-manager-view .ids-footer-view .locale-link:hover {
    color: var(--primary-color-hover) !important;
}

.summaryView .design-summary-header-text {
    font-size: 14px;
    margin-top: 5px;
}

.ui-dialog.ui-widget-content .ui-widget-header .ui-dialog-titlebar-close .ui-button-icon-primary.ui-icon.ui-icon-closethick {
    background-color: var(--primary-color) !important;
}

.active-selection-view .close:hover {
    color: var(--primary-color-inverse) !important;
}

.guide-measure-view .render-settings-view.tw-card .header i:hover, .render-settings-view.tw-card .header i:hover {
    color: var(--primary-color-inverse) !important;
}

.render-settings-view.tw-card .header {
    background: var(--primary-color) !important;
}

.sikoAppointmentBtn img {
    vertical-align: sub;
}

.print-preview .print-views-content img:not(:first-child) {
    display: none;
}

.showAllMeasurementImages > img {
    display: block !important;
}

/* Don't have any configuration to hide application footer on mobile and Tablet */
.mobile-device .ids-footer-view {
    display: none !important;
}

.mobile-device #menu-container .ids-footer-view {
    display: block !important;
}

.task-bar-view .task:hover, .task-bar-view .task.selected {
    color: white !important;
    background: var(--primary-color);
}

.mobile-device .hamburger-menu-view .links > li > a, .steps-list-view .step-list-item-view.completed {
    --primary-color: #FFFFFF;
}

.mobile-device .steps-list-view .step-list-item-view.completed .step-order-nbr {
    --primary-color-active: #FFFFFF;
}

.mobile-device .sikoAppointmentBtn {
    font-size: small;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-device .hamburger-menu-view.mobile-ux .login-container .login-btn span {
    --text-color-light: #19243f;
}

.hamburger-menu-view.mobile-ux .account-container .account-link .username {
    --text-color-light: #19243f;
}

.error-message-view {
    font-family: var(--font-family) !important;
}

.link-button, .blue-button, .moveonwall-popup-view .buttons button {
    font-family: var(--font-family) !important;
}

[id^=widget-designsummary-] .summaryItem .itemData, .x-2020-designsummary-widget .summaryItem .itemData {
    font-size: 14px !important;
}

.accordion-nav-menu-view .ui-accordion-header {
    font-size: 14px !important;
}

.answer-radio-view #answer-name {
    font-size: 14px !important;
}

.question-view #question-name {
    font-size: 15px !important;
}

.modern-product-browser-view.narrow section.products .products-view .product-view .body .display-name {
    font-size: 13px !important;
}

.task-bar-view.task-bar--desktop span {
    font-size: 14px !important;
}

.mobile-device .tw-btn--tablet .label {
    font-size: 15px !important;
}

@media only screen and (max-width: 1150px) {
    .presets-style-view .preset-room-container .tips {
        font-size: 14px !important;
    }
}

#login-btn > i:before {
    content: url("assets/images/Login_ico.svg") !important;
    width: 20px;
    display: inline-block;
    vertical-align: sub;
}

.mobile-device.mobile-ux .hamburger-menu-view .account-container .placeholder, .hamburger-menu-view .login-container .placeholder {
    margin: 0 auto;
}

.mobile-device .design-header-view .design-actions .arrow-btn {
    display: none !important;
}

[id^=widget-designsummary-] .summaryView.minimal .summary-min,
.x-2020-designsummary-widget .summaryView.minimal .summary-min {
    cursor: pointer;
    display: inline-block;
    overflow: visible;
}

    [id^=widget-designsummary-] .summaryView.minimal .summary-min.outdated + .outdated-hide,
    .x-2020-designsummary-widget .summaryView.minimal .summary-min.outdated + .outdated-hide {
        display: none;
    }

    [id^=widget-designsummary-] .summaryView.minimal .summary-min:hover,
    .x-2020-designsummary-widget .summaryView.minimal .summary-min:hover {
        opacity: 0.9;
    }

.tw-btn-group {
    height: 37px !important;
}

/*Following css is used to adjust too long text in tool-tip only for total price and itemlist icon*/
.item-list-total.bottom-tip::after {
    margin-left: -300%;
    font-size: 13px !important;
}

.item-list-icon.bottom-tip::after {
    margin-left: -200%;
    font-size: 13px !important;
}

.camera-controls-view .bottom .player2d-modes {
    height: auto !important;
}

.mobile-device .sikoAppointmentBtn {
    font-size: small;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-device.mobile-ux .sikoAppointmentBtn {
    width: 250px;
    margin-left: 13%;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 16px;
    border-color: #E3E3E3 !important;
}

.mobile-device.mobile-ux .sidebar-panel .header .close-btn .close-icon:before, .mobile-device.mobile-ux .sidebar-panel .header .close-btn .close-icon:after {
    background-color: #19243f !important;
}

.tw-btn-group--vertical {
    height: auto !important;
}

.print-view .print-options .photos-check .photo-options {
    display: none !important;
}

.custom-preset-image-view {
    position: relative;
    text-align: center;
    overflow: visible;
    margin: 5px;
}

    .custom-preset-image-view img {
        height: auto;
        width: 100%;
        min-height: 100px;
        border: 1px solid #C7C7C7;
        cursor: pointer;
        transition: all .3s linear;
    }

    .custom-preset-image-view [data-tips].bottom-tip:after {
        left: calc(50% - 60px) !important;
        transition: none !important;
        top: calc(100% - 60px) !important;
    }

    .custom-preset-image-view [data-tips].bottom-tip:before {
        left: calc(50% - 6px) !important;
        transition: none !important;
        top: calc(100% - 60px) !important;
    }

@media only screen and (max-width: 1007px) {
    #bookAppointmentText {
        display: none !important;
    }

    .sikoAppointmentBtn {
        min-width: 50px !important;
    }

    #login-text {
        display: none !important;
    }
}

.main-app-bar-view #user-container .user-summary-view.in-header #login-btn {
    display: none !important
}

.main-app-bar-view .app-header #user-container {
    display: inherit !important;
}

#customLogin > i:before {
    content: url("assets/images/Login_ico.svg") !important;
    width: 20px;
    display: inline-block;
    vertical-align: sub;
}


.sikoHelpContainer {
    height: 275px;
}

.sikoImg {
    height: 60px;
    text-align: left;
    padding: 10px 30px 10px 30px;
}

.sikoImg img {
    width: 45px;
    height: 45px;
    display: inline-block;
    margin-right: 30px;
}

.sikoImg p {
    text-align: left;
    display: inline-block;
    position: absolute;
    margin-left: 30px;
}

.mobile-device.mobile-ux .hamburger-menu-view .login-container .fa-user:before {
    content: url("assets/images/Login_ico.svg") !important;
    width: 30px;
    display: block !important;
    margin-left: 4px;
}

.hamburger-menu-view .account-container .placeholder, .hamburger-menu-view .login-container .placeholder {
    background: #FFFFFF !important;
    border: 1px solid #19243f !important;
    padding: 0px !important;
}

.context-help-view .help-contents img {
    display: none !important;
}

.fo-browser-view .no-options .right {
    font-family: var(--font-family) !important;
}

#styles-top {
    display: block !important;
}

#save-style-btn, #favorite-styles {
    display: none !important;
}

.fo-browser-view section.options .options-view .option-view .infos .display-name,
.fo-browser-view section.features-summary .options-view .option-view .infos .display-name,
.fo-browser-view section.options .options-view .numerical-option-view .infos .display-name,
.fo-browser-view section.features-summary .options-view .numerical-option-view .infos .display-name,
.fo-browser-view section.options .options-view .feature-summary-view .infos .display-name,
.fo-browser-view section.features-summary .options-view .feature-summary-view .infos .display-name,
.fo-browser-view section.options .options-view .option-view .infos .feature-name,
.fo-browser-view section.features-summary .options-view .option-view .infos .feature-name,
.fo-browser-view section.options .options-view .numerical-option-view .infos .feature-name,
.fo-browser-view section.features-summary .options-view .numerical-option-view .infos .feature-name,
.fo-browser-view section.options .options-view .feature-summary-view .infos .feature-name,
.fo-browser-view section.features-summary .options-view .feature-summary-view .infos .feature-name
.fo-browser-view section.options .features-summary-view .option-view .infos .display-name,
.fo-browser-view section.features-summary .features-summary-view .option-view .infos .display-name,
.fo-browser-view section.options .features-summary-view .numerical-option-view .infos .display-name,
.fo-browser-view section.features-summary .features-summary-view .numerical-option-view .infos .display-name,
.fo-browser-view section.options .features-summary-view .feature-summary-view .infos .display-name,
.fo-browser-view section.features-summary .features-summary-view .feature-summary-view .infos .display-name,
.fo-browser-view section.options .features-summary-view .option-view .infos .feature-name,
.fo-browser-view section.features-summary .features-summary-view .option-view .infos .feature-name,
.fo-browser-view section.options .features-summary-view .numerical-option-view .infos .feature-name,
.fo-browser-view section.features-summary .features-summary-view .numerical-option-view .infos .feature-name,
.fo-browser-view section.options .features-summary-view .feature-summary-view .infos .feature-name,
.fo-browser-view section.features-summary .features-summary-view .feature-summary-view .infos .feature-name {
    text-transform: none !important;
}

.task-bar-view .task:hover img, .task-bar-view .task.selected img {
    filter: invert(1);
}

.task-bar-view .task.tw-btn--selected:hover img {
    filter: invert(1) !important;
}

.task-bar-view .task.tw-btn--selected:hover {
    background: var(--primary-color-hover) !important;
}

[id^=widget-designsummary-] .design-summary-config-menu .config-menu, .x-2020-designsummary-widget .design-summary-config-menu .config-menu {
    color: var(--text-color) !important;
    background: white !important;
}

.main-app-bar-view .app-header .tw-btn:not(#hamburger-btn):not(.tw-btn--primary):not(.tw-btn--secondary) {
    --primary-color: #19243f;
}

#menu-container .menu-manager-view #footerView .ids-footer-view {
    background: var(--text-color) !important;
}