/*
=============================
        Global
=============================
*/
body {
    /*Siko Colors*/
    --Siko-Blue: #19243f;
    --Siko-Blue-Hover: #ffcc00;
    /*Add Color variables here*/
    --font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    --primary-color: #19243f;
    --primary-color-hover: #ffcc00;
    --primary-color-active: #ffcc00;
    --primary-color-inverse: #FFFFFF;
    --default-color: #FFFFFF;
    --default-color-inverse: #19243f;
    --default-color-dark: #E3E3E3;
    --danger-color: #ca4545;
    --danger-color-hover: #bf3636;
    --background-color-dark: #FFFFFF;
    --help-color: #4197bf;
    --border-color: #E3E3E3;
    --text-color: #19243f;
    height: 100%;
}

/* import Fonts*/

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2") format("woff");
    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('mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2") format("woff");
    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('mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2") format("woff");
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2") format("woff");
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2'),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('mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2'),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('mem5YaGs126MiZpBA-UN_r8OUuhp.woff2'),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('mem8YaGs126MiZpBA-UFWJ0bbck.woff2'),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('mem8YaGs126MiZpBA-UFUZ0bbck.woff2'),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('mem8YaGs126MiZpBA-UFWZ0bbck.woff2'),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('mem8YaGs126MiZpBA-UFVp0bbck.woff2'),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('mem8YaGs126MiZpBA-UFWp0bbck.woff2'),url("assets/fonts/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('mem8YaGs126MiZpBA-UFW50bbck.woff2'),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('mem8YaGs126MiZpBA-UFVZ0b.woff2'),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: 600;
    src: local('mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UNirkOX-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: 600;
    src: local('mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UNirkOVuhpOqc.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: 600;
    src: local('mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2") format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2") format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UNirkOXehpOqc.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: 600;
    src: local('mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UNirkOXOhpOqc.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: 600;
    src: local('mem5YaGs126MiZpBA-UNirkOUuhp.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UNirkOUuhp.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('mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2'),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('mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2'),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('mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2'),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('mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2'),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('mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2'),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('mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2'),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('mem5YaGs126MiZpBA-UN7rgOUuhp.woff2'),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;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN8rsOX-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: 800;
    src: local('mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.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: 800;
    src: local('mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2") format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2") format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN8rsOXehpOqc.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: 800;
    src: local('mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.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: 800;
    src: local('mem5YaGs126MiZpBA-UN8rsOUuhp.woff2'),url("assets/fonts/mem5YaGs126MiZpBA-UN8rsOUuhp.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;
}


/*
=============================
          Buttons
=============================
*/
.tw-btn--danger {
}

.call-button:hover, .activity:hover {
    color: #ffcc00 !important;
}

.call-button, .activity {
    transition-duration: 0.3s, 0.3s, 0.3s;
    --primary-color: #FFFFFF;
    color: var(--Siko-Blue) !important;
}

/*
=============================
      Inspiration All
=============================
=============================
    Inspiration Banner
=============================
*/
.guide-header-view {
    /*Add Color variables here*/
    --default-color: #ffffff;
    background-color: var(--default-color);
}
/*Current Step text*/
.milestone-bubble-view.bottom-tip.active .label {
    /*Add Color variables here*/
    color: var(--primary-color-active) !important;
}
/*Previous Step Text*/
.milestone-bubble-view.bottom-tip.completed .label {
    /*Add Color variables here*/
    color: var(--text-color) !important;
}
/*Next Step Text*/
.milestone-bubble-view.bottom-tip .label {
    /*Add Color variables here*/
    color: #1a3138 !important;
}
/*
=============================
    Preset Selector
=============================

/*Preset List Menu*/
.accordion-nav-menu-view .ui-accordion-content {
    /*Add Color variables here*/
    background-color: var(--default-color);
}

/*Preset List Menu Header*/

.accordion-nav-menu-view .ui-state-active {
    background-color: var(--primary-color) !important;
}

/*
=============================
       Cabinet layout
=============================
*/
.cabinet-layout-view {
    --primary-color: var(--Siko-Blue);
    --primary-color-hover: var(--Siko-Blue-Hover);
    --primary-color-active: var(--Siko-Blue-Hover);
}

/*
=============================
         Design
=============================
*/
/*Global*/
.project-space-view {
    --default-color: #FFFFFF;
    /*Add Color variables here*/
}

/*Floating buttons*/
.shop-context-menu-view .context-btn.delete.danger {
    /*Add Color variables here*/
    --primary-color: var(--danger-color);
    --primary-color-hover: var(--danger-color-hover);
    --primary-color-active: var(--danger-color-hover);
}

/*
=============================
        Account
=============================
*/
.profile-picture-view {
    background-color: var(--primary-color) !important;
}

.ui-dialog button:not(.tw-btn) {
    color: var(--text-color);
}

.modern-product-browser-view section.products .products-view {
    background-color: #FFFFFF !important;
}

/*
=============================
        Mobile
=============================
*/
@media only screen and (min-device-width: 320px) and (max-device-width: 813px) {
    .mobile-device #menu-container .hamburger-menu-view .login-container,
    .mobile-device #menu-container .hamburger-menu-view .account-container {
        background: var(--primary-color-inverse);
    }
}

.hamburger-menu-view .mobile-hamburger-footer-container .ids-footer-view {
    --default-color-inverse: #FFFFFF;
}

.project-options .sidebar-panel {
    --background-color: linear-gradient(295.93deg, #ffcc00 2.52%, #ffcc00 100%) !important;
}

.project-options .sidebar-panel .menu-item {
    color: #19243f !important;
}

.project-options .sidebar-panel .menu-item .tw-icon__svg {
    color: #19243f !important;
}

.project-options .sidebar-panel .menu-item.active span {
    color: #19243f !important;
}

.mobile-device.mobile-ux .sidebar-panel.slide-left.opened.expanded {
    background: linear-gradient(295.93deg, #ffcc00 2.52%, #ffcc00 100%) !important;
}

.mobile-device.mobile-ux .sidebar-panel .header {
    color: #19243f !important;
}

.mobile-device.mobile-ux .project-options .panel-container {
    color: #19243f !important;
}

.mobile-device.mobile-ux .panel-container-actions .menu-btn {
    border-color: #19243f !important;
    color: #19243f !important;
}

.mobile-device.mobile-ux .panel-container-actions .menu-btn .tw-icon__svg {
    color: #19243f !important;
}

.mobile-device.mobile-ux #edit.tw-btn i {
    font-size: 14px !important;
}

.mobile-device.mobile-ux .edit-label {
    font-size: 11pt !important;
}

.mobile-device.mobile-ux .preset-slider-view #owl-container .owl-stage-outer .owl-stage .owl-item .item .img-container #edit .edit-label {
    margin-left: 0px !important;
}

.mobile-device.mobile-ux .hamburger-menu-view .account-container, .hamburger-menu-view .login-container {
    background: #ffffff !important;
}