@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,500,700,900&display=swap'); :root { --color-empty: unset; --gray-base: #5E636E; --gray-lighter: #7c8088; --gray-lighter-2: #ACB0B9; --gray-lighter-3: #DEE0E3; --gray-lighter-4: #EFEFF1; --gray-faded: #F7F7F8; --gray-darker: #17191C; --gray-gradient-start: #FCFCFD; --gray-gradient-end: #F3F5F7; --gray-gradient-h: linear-gradient( 270deg, var(--gray-gradient-start) 0%, var(--gray-gradient-end) 100%); --gray-gradient-v: linear-gradient( 0deg, var(--gray-gradient-end) 0%, var(--gray-gradient-start) 100%); --brand-primary: #0060af; --brand-primary-lighter: #009AFF; --brand-primary-lighter-2: #C2D6FF; --brand-primary-lighter-3: #E0EBFF; --brand-primary-lighter-4: #ebf4fd; --brand-primary-darker: #003CB2; --brand-primary-gradient-start: #1966FF; --brand-primary-gradient-end: #009AFF; --brand-primary-gradient-h: linear-gradient( 90deg, var(--brand-primary-gradient-start) 0%, var(--brand-primary-gradient-end) 100%); --brand-primary-gradient-v: linear-gradient( 0deg, var(--brand-primary-gradient-end) 0%, var(--brand-primary-gradient-start) 100%); --brand-secondary: #38bfc4; --brand-secondary-lighter: #667b9e; --brand-secondary-darker: #08349B; --brand-secondary-gradient-start: #08349B; --brand-secondary-gradient-end: #083fbf; --brand-secondary-gradient-h: linear-gradient( 90deg, var(--brand-secondary-gradient-start) 0%, var(--brand-secondary-gradient-end) 100%); --brand-secondary-gradient-v: linear-gradient( 0deg, var(--brand-secondary-gradient-end) 0%, var(--brand-secondary-gradient-start) 100%); --brand-info: #ffffff; --brand-info-lighter: #009AFF; --brand-info-lighter-2: #38bfc4; --brand-info-lighter-3: #D6E4FF; --brand-info-lighter-4: #38bfc4; --brand-info-darker: #015abe; --brand-info-gradient-start: #015abe; --brand-info-gradient-end: #1062fe; --brand-info-gradient-h: linear-gradient( 90deg, var(--brand-info-gradient-start) 0%, var(--brand-info-gradient-end) 100%); --brand-info-gradient-v: linear-gradient( 0deg, var(--brand-info-gradient-end) 0%, var(--brand-info-gradient-start) 100%); --brand-success: #299341; --brand-success-lighter: #70D786; --brand-success-lighter-2: #BFEEC9; --brand-success-lighter-3: #CFF2D7; --brand-success-lighter-4: #DFF6E5; --brand-success-darker: #26873C; --brand-success-gradient-start: #26873C; --brand-success-gradient-end: #299341; --brand-success-gradient-h: linear-gradient( 90deg, var(--brand-success-gradient-start) 0%, var(--brand-success-gradient-end) 100%); --brand-success-gradient-v: linear-gradient( 0deg, var(--brand-success-gradient-end) 0%, var(--brand-success-gradient-end) 100%); --brand-warning: #E07800; --brand-warning-lighter: #FFB866; --brand-warning-lighter-2: #FFDEB8; --brand-warning-lighter-3: #FFE7CC; --brand-warning-lighter-4: #FFF1E0; --brand-warning-darker: #CC6D00; --brand-warning-gradient-start: #CC6D00; --brand-warning-gradient-end: #E07800; --brand-warning-gradient-h: linear-gradient( 90deg, var(--brand-warning-gradient-start) 0%, var(--brand-warning-gradient-end) 100%); --brand-warning-gradient-v: linear-gradient( 0deg, var(--brand-warning-gradient-end) 0%, var(--brand-warning-gradient-start) 100%); --brand-danger: #D92632; --brand-danger-lighter: #E56C74; --brand-danger-lighter-2: #F4C3C6; --brand-danger-lighter-3: #FAE1E2; --brand-danger-lighter-4: #FCEEEF; --brand-danger-darker: #B6202A; --brand-danger-gradient-start: #B6202A; --brand-danger-gradient-end: #D92632; --brand-danger-gradient-h: linear-gradient( 90deg, var(--brand-danger-gradient-start) 0%, var(--brand-danger-gradient-end) 100%); --brand-danger-gradient-v: linear-gradient( 0deg, var(--brand-danger-gradient-end) 0%, var(--brand-danger-gradient-start) 100%); --gray-icons: #ACAFB9; --gray-icons-hover: #1062fe; --svg-illustration-gray-1: #393E41; --svg-illustration-gray-2: #4F5357; --svg-illustration-gray-3: #CBCFD5; --svg-illustration-gray-4: #DADCDE; --svg-illustration-gray-5: #DCDEE1; --svg-illustration-gray-6: #E9EBEE; --svg-illustration-gray-7: #EBEDF0; --svg-illustration-gray-8: #EAEEF3; --svg-illustration-gray-w: #ffffff; --svg-illustration-shadow: #000000; --svg-illustration-primary-0: #074FA9; --svg-illustration-primary-1: #0367E4; --svg-illustration-primary-2: #347BE9; --svg-illustration-primary-3: #428BF0; --svg-illustration-primary-4: #76A9F1; --svg-illustration-yellow-1: #F9A000; --svg-illustration-yellow-2: #FBB900; --svg-illustration-yellow-3: #FFD251; --svg-illustration-yellow-4: #FBC666; --svg-illustration-yellow-5: #FCDA83; --svg-illustration-green-1: #1F5C3A; --svg-illustration-green-2: #31854C; --svg-illustration-green-3: #35B65E; --svg-illustration-green-4: #5BD682; --svg-illustration-line-color: rgba(192, 192, 192, 0.3); --svg-banner-shape-left: var(--brand-primary); --svg-banner-shape-right: var(--brand-primary-lighter); --body-bg: #fff; }.lagom-dark-mode { --dark-mode-gray-base: #B3B3B3; --dark-mode-gray-lighter: #8C8C8C; --dark-mode-gray-lighter-2: #666666; --dark-mode-gray-lighter-3: #424242; --dark-mode-gray-lighter-4: #303030; --dark-mode-gray-faded: #2B2B2B; --dark-mode-gray-darker: #E0E0E0; --dark-mode-gray-gradient-start: #1A1A1A; --dark-mode-gray-gradient-end: #212121; --dark-mode-gray-gradient-h: linear-gradient( 90deg, var(--dark-mode-gray-gradient-start) 0%, var(--dark-mode-gray-gradient-end) 100%); --dark-mode-gray-gradient-v: linear-gradient( 0deg, var(--dark-mode-gray-gradient-end) 0%, var(--dark-mode-gray-gradient-start) 100%); --gray-base: var(--dark-mode-gray-base); --gray-lighter: var(--dark-mode-gray-lighter); --gray-lighter-2: var(--dark-mode-gray-lighter-2); --gray-lighter-3: var(--dark-mode-gray-lighter-3); --gray-lighter-4: var(--dark-mode-gray-lighter-4); --gray-faded: var(--dark-mode-gray-faded); --gray-darker: var(--dark-mode-gray-darker); --gray-gradient-start: var(--dark-mode-gray-gradient-start); --gray-gradient-end: var(--dark-mode-gray-gradient-end); --gray-gradient-h: linear-gradient( 90deg, var(--dark-mode-gray-gradient-start) 0%, var(--dark-mode-gray-gradient-end) 100%); --gray-gradient-v: linear-gradient( 0deg, var(--dark-mode-gray-gradient-end) 0%, var(--dark-mode-gray-gradient-start) 100%); --dark-mode-brand-primary: #1062fe; --dark-mode-brand-primary-lighter: #009AFF; --dark-mode-brand-primary-lighter-2: #1D3B72; --dark-mode-brand-primary-lighter-3: #142A52; --dark-mode-brand-primary-lighter-4: #122649; --dark-mode-brand-primary-darker: #003CB2; --dark-mode-brand-primary-gradient-start: #1966FF; --dark-mode-brand-primary-gradient-end: #009AFF; --dark-mode-brand-primary-gradient-h: linear-gradient( 90deg, var(--dark-mode-brand-primary-gradient-start) 0%, var(--dark-mode-brand-primary-gradient-end) 100%); --dark-mode-brand-primary-gradient-v: linear-gradient( 0deg, var(--dark-mode-brand-primary-gradient-end) 0%, var(--dark-mode-brand-primary-gradient-start) 100%); --brand-primary: var(--dark-mode-brand-primary); --brand-primary-lighter: var(--dark-mode-brand-primary-lighter); --brand-primary-lighter-2: var(--dark-mode-brand-primary-lighter-2); --brand-primary-lighter-3: var(--dark-mode-brand-primary-lighter-3); --brand-primary-lighter-4: var(--dark-mode-brand-primary-lighter-4); --brand-primary-darker: var(--dark-mode-brand-primary-darker); --brand-primary-gradient-start: var(--dark-mode-brand-primary-gradient-start); --brand-primary-gradient-end: var(--dark-mode-brand-primary-gradient-end); --brand-primary-gradient-h: linear-gradient( 90deg, var(--dark-mode-brand-primary-gradient-start) 0%, var(--dark-mode-brand-primary-gradient-end) 100%); --brand-primary-gradient-v: linear-gradient( 0deg, var(--dark-mode-brand-primary-gradient-end) 0%, var(--dark-mode-brand-primary-gradient-start) 100%); --dark-mode-brand-secondary: #083fbf; --dark-mode-brand-secondary-lighter: #667b9e; --dark-mode-brand-secondary-darker: #08349B; --dark-mode-brand-secondary-gradient-start: #011a62; --dark-mode-brand-secondary-gradient-end: #083fbf; --dark-mode-brand-secondary-gradient-h: linear-gradient( 90deg, var(--dark-mode-brand-secondary-gradient-start) 0%, var(--dark-mode-brand-secondary-gradient-end) 100%); --dark-mode-brand-secondary-gradient-v: linear-gradient( 0deg, var(--dark-mode-brand-secondary-gradient-end) 0%, var(--dark-mode-brand-secondary-gradient-start) 100%); --brand-secondary: var(--dark-mode-brand-secondary); --brand-secondary-lighter: var(--dark-mode-brand-secondary-lighter); --brand-secondary-darker: var(--dark-mode-brand-secondary-darker); --brand-secondary-gradient-start: var(--dark-mode-brand-secondary-gradient-start); --brand-secondary-gradient-end: var(--dark-mode-brand-secondary-gradient-end); --brand-secondary-gradient-h: linear-gradient( 90deg, var(--dark-mode-brand-secondary-gradient-start) 0%, var(--dark-mode-brand-secondary-gradient-end) 100%); --brand-secondary-gradient-v: linear-gradient( 0deg, var(--dark-mode-brand-secondary-gradient-end) 0%, var(--dark-mode-brand-secondary-gradient-start) 100%); --dark-mode-brand-info: #1062FE; --dark-mode-brand-info-lighter: #337AFF; --dark-mode-brand-info-lighter-2: #162E5A; --dark-mode-brand-info-lighter-3: #142A52; --dark-mode-brand-info-lighter-4: #102242; --dark-mode-brand-info-darker: #0143BE; --dark-mode-brand-info-gradient-start: #0143BE; --dark-mode-brand-info-gradient-end: #1062FE; --dark-mode-brand-info-gradient-h: linear-gradient( 90deg, var(--brand-info-gradient-start) 0%, var(--brand-info-gradient-end) 100%); --dark-mode-brand-info-gradient-v: linear-gradient( 0deg, var(--brand-info-gradient-end) 0%, var(--brand-info-gradient-start) 100%); --brand-info: var(--dark-mode-brand-info); --brand-info-lighter: var(--dark-mode-brand-info-lighter); --brand-info-lighter-2: var(--dark-mode-brand-info-lighter-2); --brand-info-lighter-3: var(--dark-mode-brand-info-lighter-3); --brand-info-darker: var(--dark-mode-brand-info-darker); --brand-info-gradient-start: var(--dark-mode-brand-info-gradient-start); --brand-info-gradient-end: var(--dark-mode-brand-info-gradient-end); --brand-info-gradient-h: linear-gradient( 90deg, var(--dark-mode-brand-info-gradient-start) 0%, var(--dark-mode-brand-info-gradient-end) 100%); --brand-info-gradient-v: linear-gradient( 0deg, var(--dark-mode-brand-info-gradient-end) 0%, var(--dark-mode-brand-info-gradient-start) 100%); --dark-mode-brand-success: #31AF4E; --dark-mode-brand-success-lighter: #5CD175; --dark-mode-brand-success-lighter-2: #304B34; --dark-mode-brand-success-lighter-3: #2C4531; --dark-mode-brand-success-lighter-4: #203224; --dark-mode-brand-success-darker: #247F38; --dark-mode-brand-success-gradient-start: #247F38; --dark-mode-brand-success-gradient-end: #31AF4E; --dark-mode-brand-success-gradient-h: linear-gradient( 90deg, var(--brand-success-gradient-start) 0%, var(--brand-success-gradient-end) 100%); --dark-mode-brand-success-gradient-v: linear-gradient( 0deg, var(--brand-success-gradient-end) 0%, var(--brand-success-gradient-start) 100%); --brand-success: var(--dark-mode-brand-success); --brand-success-lighter: var(--dark-mode-brand-success-lighter); --brand-success-lighter-2: var(--dark-mode-brand-success-lighter-2); --brand-success-lighter-3: var(--dark-mode-brand-success-lighter-3); --brand-success-lighter-4: var(--dark-mode-brand-success-lighter-4); --brand-success-darker: var(--dark-mode-brand-success-darker); --brand-success-gradient-start: var(--dark-mode-brand-success-gradient-start); --brand-success-gradient-end: var(--dark-mode-brand-success-gradient-end); --brand-success-gradient-h: linear-gradient( 90deg, var(--dark-mode-brand-success-gradient-start) 0%, var(--dark-mode-brand-success-gradient-end) 100%); --brand-success-gradient-v: linear-gradient( 0deg, var(--dark-mode-brand-success-gradient-end) 0%, var(--dark-mode-brand-success-gradient-start) 100%); --dark-mode-brand-warning: #EB7D00; --dark-mode-brand-warning-lighter: #FFAE52; --dark-mode-brand-warning-lighter-2: #44392C; --dark-mode-brand-warning-lighter-3: #3E3428; --dark-mode-brand-warning-lighter-4: #322A20; --dark-mode-brand-warning-darker: #CC6D00; --dark-mode-brand-warning-gradient-start: #CC6D00; --dark-mode-brand-warning-gradient-end: #EB7D00; --dark-mode-brand-warning-gradient-h: linear-gradient(90deg, var(--brand-warning-gradient-start) 0%, var(--brand-warning-gradient-end) 100%); --dark-mode-brand-warning-gradient-v: linear-gradient( 0deg, var(--brand-warning-gradient-end) 0%, var(--brand-warning-gradient-start) 100%); --brand-warning: var(--dark-mode-brand-warning); --brand-warning-lighter: var(--dark-mode-brand-warning-lighter); --brand-warning-lighter-2: var(--dark-mode-brand-warning-lighter-2); --brand-warning-lighter-3: var(--dark-mode-brand-warning-lighter-3); --brand-warning-lighter-4: var(--dark-mode-brand-warning-lighter-4); --brand-warning-darker: var(--dark-mode-brand-warning-darker); --brand-warning-gradient-start: var(--dark-mode-brand-warning-gradient-start); --brand-warning-gradient-end: var(--dark-mode-brand-warning-gradient-end); --brand-warning-gradient-h: linear-gradient(90deg, var(--dark-mode-brand-warning-gradient-start) 0%, var(--dark-mode-brand-warning-gradient-end) 100%); --brand-warning-gradient-v: linear-gradient( 0deg, var(--dark-mode-brand-warning-gradient-end) 0%, var(--dark-mode-brand-warning-gradient-start) 100%); --dark-mode-brand-danger: #D92632; --dark-mode-brand-danger-lighter: #E56C74; --dark-mode-brand-danger-lighter-2: #4B2529; --dark-mode-brand-danger-lighter-3: #442224; --dark-mode-brand-danger-lighter-4: #361B1D; --dark-mode-brand-danger-darker: #B6202A; --dark-mode-brand-danger-gradient-start: #DD3C46; --dark-mode-brand-danger-gradient-end: #9C1B24; --dark-mode-brand-danger-gradient-h: linear-gradient( 90deg, var(--brand-danger-gradient-start) 0%, var(--brand-danger-gradient-end) 100%); --dark-mode-brand-danger-gradient-v: linear-gradient( 0deg, var(--brand-danger-gradient-end) 0%, var(--brand-danger-gradient-start) 100%); --brand-danger: var(--dark-mode-brand-danger); --brand-danger-lighter: var(--dark-mode-brand-danger-lighter); --brand-danger-lighter-2: var(--dark-mode-brand-danger-lighter-2); --brand-danger-lighter-3: var(--dark-mode-brand-danger-lighter-3); --brand-danger-lighter-4: var(--dark-mode-brand-danger-lighter-4); --brand-danger-darker: var(--dark-mode-brand-danger-darker); --brand-danger-gradient-start: var(--dark-mode-brand-danger-gradient-start); --brand-danger-gradient-end: var(--dark-mode-brand-danger-gradient-end); --brand-danger-gradient-h: linear-gradient( 90deg, var(--dark-mode-brand-danger-gradient-start) 0%, var(--dark-mode-brand-danger-gradient-end) 100%); --brand-danger-gradient-v: linear-gradient( 0deg, var(--dark-mode-brand-danger-gradient-end) 0%, var(--dark-mode-brand-danger-gradient-start) 100%); --dark-mode-gray-icons: #ACAFB9; --dark-mode-gray-icons-hover: #009AFF; --gray-icons: var(--dark-mode-gray-icons); --gray-icons-hover: var(--dark-mode-gray-icons-hover); --dark-mode-svg-illustration-gray-1: #313335; --dark-mode-svg-illustration-gray-2: #404245; --dark-mode-svg-illustration-gray-3: #62666A; --dark-mode-svg-illustration-gray-4: #767A7F; --dark-mode-svg-illustration-gray-5: #808489; --dark-mode-svg-illustration-gray-6: #8A8E93; --dark-mode-svg-illustration-gray-7: #909398; --dark-mode-svg-illustration-gray-8: #9A9DA2; --dark-mode-svg-illustration-gray-w: #FFFFFF; --dark-mode-svg-illustration-shadow: #000000; --svg-illustration-gray-1: var(--dark-mode-svg-illustration-gray-1); --svg-illustration-gray-2: var(--dark-mode-svg-illustration-gray-2); --svg-illustration-gray-3: var(--dark-mode-svg-illustration-gray-3); --svg-illustration-gray-4: var(--dark-mode-svg-illustration-gray-4); --svg-illustration-gray-5: var(--dark-mode-svg-illustration-gray-5); --svg-illustration-gray-6: var(--dark-mode-svg-illustration-gray-6); --svg-illustration-gray-7: var(--dark-mode-svg-illustration-gray-7); --svg-illustration-gray-8: var(--dark-mode-svg-illustration-gray-8); --svg-illustration-gray-w: var(--dark-mode-svg-illustration-gray-w); --svg-illustration-shadow: var(--dark-mode-svg-illustration-shadow); --dark-mode-svg-illustration-primary-0: #074FA9; --dark-mode-svg-illustration-primary-1: #0367E4; --dark-mode-svg-illustration-primary-2: #347BE9; --dark-mode-svg-illustration-primary-3: #428BF0; --dark-mode-svg-illustration-primary-4: #76A9F1; --svg-illustration-primary-0: var(--dark-mode-svg-illustration-primary-0); --svg-illustration-primary-1: var(--dark-mode-svg-illustration-primary-1); --svg-illustration-primary-2: var(--dark-mode-svg-illustration-primary-2); --svg-illustration-primary-3: var(--dark-mode-svg-illustration-primary-3); --svg-illustration-primary-4: var(--dark-mode-svg-illustration-primary-4); --dark-mode-svg-illustration-yellow-1: #F9A000; --dark-mode-svg-illustration-yellow-2: #FBB900; --dark-mode-svg-illustration-yellow-3: #FFD251; --dark-mode-svg-illustration-yellow-4: #FBC666; --dark-mode-svg-illustration-yellow-5: #FCDA83; --svg-illustration-yellow-1: var(--dark-mode-svg-illustration-yellow-1); --svg-illustration-yellow-2: var(--dark-mode-svg-illustration-yellow-2); --svg-illustration-yellow-3: var(--dark-mode-svg-illustration-yellow-3); --svg-illustration-yellow-4: var(--dark-mode-svg-illustration-yellow-4); --svg-illustration-yellow-5: var(--dark-mode-svg-illustration-yellow-5); --dark-mode-svg-illustration-green-1: #1F5C3A; --dark-mode-svg-illustration-green-2: #31854C; --dark-mode-svg-illustration-green-3: #35B65E; --dark-mode-svg-illustration-green-4: #5BD682; --svg-illustration-green-1: var(--dark-mode-svg-illustration-green-1); --svg-illustration-green-2: var(--dark-mode-svg-illustration-green-2); --svg-illustration-green-3: var(--dark-mode-svg-illustration-green-3); --svg-illustration-green-4: var(--dark-mode-svg-illustration-green-4); --dark-mode-svg-illustration-line-color: rgba(255, 255, 255, 0.24); --svg-illustration-line-color: var(--dark-mode-svg-illustration-line-color); --dark-mode-svg-banner-shape-left: var(--dark-mode-brand-primary); --dark-mode-svg-banner-shape-right: var(--dark-mode-brand-primary-lighter); --svg-banner-shape-left: var(--dark-mode-svg-banner-shape-left); --svg-banner-shape-right: var(--dark-mode-svg-banner-shape-right); --dark-mode-body-bg: #121212; --body-bg: var(--dark-mode-body-bg); }:root { --primary-block-bg: var(--brand-primary-gradient-v); --primary-block-border: none; --primary-block-bg-h: var(--brand-primary-gradient-h); --primary-block-divider-color: var(--ui-block-secondary-divider-border-color); --primary-block-divider-active-color: #fff; --primary-block-title-color: var(--text-secondary-heading-color); --primary-block-subtitle-color: var(--text-secondary-lighter-color); --primary-block-text-color: var(--text-secondary-lighter-color); --primary-block-text-faded-color: var(--text-secondary-faded-color); --primary-block-total-font-color: #fff; --primary-block-link-color: hsla(0, 0%, 100%, 80%); --primary-block-link-hover-color: hsla(0, 0%, 100%, 100%); --primary-block-link-active-color: hsla(0, 0%, 100%, 100%); --primary-block-link-bg: transparent; --primary-block-link-hover-bg: transparent; --primary-block-link-active-bg: hsla(0, 0%, 100%, 6%); --primary-block-link-icon-color: hsla(0, 0%, 100%, 56%); --primary-block-link-icon-hover-color: hsla(0, 0%, 100%, 80%); --primary-block-link-icon-active-color: hsla(0, 0%, 100%, 80%); --primary-block-dot-nav-bg: rgba(255, 255, 255, 0.32); --primary-block-dot-nav-hover-bg: rgba(255, 255, 255, 0.56); --primary-block-dot-nav-active-bg: rgba(255, 255, 255, 1); --primary-block-btn-bg: #636363; --primary-block-btn-border-color: #636363; --primary-block-btn-color: #fff; --primary-block-btn-hover-bg: var(--btn-primary-faded-hover-bg); --primary-block-btn-hover-border-color: var(--btn-primary-faded-hover-border); --primary-block-btn-hover-color: var(--btn-primary-faded-hover-color); --primary-block-btn-active-bg: var(--btn-primary-faded-active-bg); --primary-block-btn-active-border-color: var(--btn-primary-faded-active-border); --primary-block-btn-outline-border-color: rgba(255,255,255,0.16); --primary-block-btn-outline-color: #fff; --primary-block-btn-outline-hover-bg: rgba(255,255,255,0.16); --primary-block-btn-outline-hover-border-color: rgba(255,255,255,0.16); --primary-block-btn-outline-hover-color: #fff; --primary-block-btn-outline-active-bg: rgba(255,255,255,0.16); --primary-block-btn-outline-active-border-color: rgba(255,255,255,0.16); --primary-block-input-bg: #fff; --primary-block-input-border: #fff; --primary-block-input-color: var(--input-color); --primary-block-input-placeholder-color: var(--input-color-placeholder); --primary-block-input-icon-color: var(--brand-primary); --primary-block-input-caret-color: var(--gray-icons); --secondary-block-bg: var(--brand-secondary-gradient-v); --secondary-block-border: var(--primary-block-border); --secondary-block-bg-h: var(--brand-secondary-gradient-h); --secondary-block-divider-color: var(--primary-block-divider-color); --secondary-block-divider-active-color: var(--primary-block-divider-active-color); --secondary-block-title-color: var(--primary-block-title-color); --secondary-block-subtitle-color: var(--primary-block-subtitle-color); --secondary-block-text-color: var(--primary-block-text-color); --secondary-block-text-faded-color: var(--primary-block-text-faded-color); --secondary-block-total-font-color: var(--primary-block-total-font-color); --secondary-block-link-color: var(--primary-block-link-color); --secondary-block-link-hover-color: var(--primary-block-link-hover-color); --secondary-block-link-active-color: var(--primary-block-link-active-color); --secondary-block-link-bg: var(--primary-block-link-bg); --secondary-block-link-hover-bg: var(--primary-block-link-hover-bg); --secondary-block-link-active-bg: var(--primary-block-link-active-bg); --secondary-block-link-icon-color: var(--primary-block-link-icon-color); --secondary-block-link-icon-hover-color: var(--primary-block-link-icon-hover-color); --secondary-block-link-icon-active-color: var(--primary-block-link-icon-active-color); --secondary-block-dot-nav-bg: var(--primary-block-dot-nav-bg); --secondary-block-dot-nav-hover-bg: var(--primary-block-dot-nav-hover-bg); --secondary-block-dot-nav-active-bg: var(--primary-block-dot-nav-active-bg); --secondary-block-btn-bg: var(--primary-block-btn-bg); --secondary-block-btn-border-color: var(--primary-block-btn-border-color); --secondary-block-btn-color: var(--primary-block-btn-color); --secondary-block-btn-hover-bg: var(--primary-block-btn-hover-bg); --secondary-block-btn-hover-border-color: var(--primary-block-btn-hover-border-color); --secondary-block-btn-hover-color: var(--primary-block-btn-hover-color); --secondary-block-btn-active-bg: var(--primary-block-btn-active-bg); --secondary-block-btn-active-border-color: var(--primary-block-btn-active-border-color); --secondary-block-btn-outline-border-color: var(--primary-block-btn-outline-border-color); --secondary-block-btn-outline-color: var(--primary-block-btn-outline-color); --secondary-block-btn-outline-hover-bg: var(--primary-block-btn-outline-hover-bg); --secondary-block-btn-outline-hover-border-color: var(--primary-block-btn-outline-hover-border-color); --secondary-block-btn-outline-hover-color: var(--primary-block-btn-outline-hover-color); --secondary-block-btn-outline-active-bg: var(--primary-block-btn-outline-active-bg); --secondary-block-btn-outline-active-border-color: var(--primary-block-btn-outline-active-border-color); --secondary-block-input-bg: var(--primary-block-input-bg); --secondary-block-input-border: var(--primary-block-input-border); --secondary-block-input-color: var(--primary-block-input-color); --secondary-block-input-placeholder-color: var(--primary-block-input-placeholder-color); --secondary-block-input-icon-color: var(--primary-block-input-icon-color); --secondary-block-input-caret-color: var(--primary-block-input-caret-color); --gray-block-bg: var(--gray-gradient-v); --gray-block-bg-h: var(--gray-gradient-h);}.lagom-dark-mode{ --primary-block-input-bg: var(--ui-block-bg); --primary-block-input-border: var(--ui-block-bg);}:root { --btn-white-space: nowrap; --btn-transition: var(--transition-base); --btn-font-family: var(--font-family-base); --btn-border-width: 1px; --btn-block-spacing-y: var(--spacing-1x); --btn-box-shadow: none; --btn-focus-box-shadow: 0 0 0 .var(--spacing-2x) rgba(var(--brand-primary) .25); --btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); --btn-spacing-between: var(--spacing-2x); --btn-spacing-between-sm: var(--spacing-1x); --btn-link-font-weight: var(--font-weight-base); --btn-xs-font-size: var(--font-size-xs); --btn-xs-font-weight: var(--font-weight-base); --btn-xs-line-height: var(--line-height-xs); --btn-xs-border-radius: var(--border-radius-xs); --btn-xs-icon-spacing: 6px; --btn-sm-font-size: var(--font-size-sm); --btn-sm-font-weight: var(--font-weight-medium); --btn-sm-line-height: var(--line-height-sm); --btn-sm-border-radius: var(--border-radius-xlg); --btn-sm-icon-spacing: 8px; --btn-base-font-size: var(--font-size-sm); --btn-base-font-weight: var(--font-weight-medium); --btn-base-line-height: var(--line-height-base); --btn-base-border-radius: var(--border-radius-xs); --btn-base-icon-spacing: 12px; --btn-lg-font-size: var(--font-size-lg); --btn-lg-font-weight: var(--font-weight-medium); --btn-lg-line-height: var(--line-height-lg); --btn-lg-border-radius: var(--border-radius-sm); --btn-lg-icon-spacing: 16px; --btn-xlg-font-size: var(--font-size-xlg); --btn-xlg-font-weight: var(--font-weight-medium); --btn-xlg-line-height: var(--line-height-xlg); --btn-xlg-border-radius: var(--border-radius-base); --btn-xlg-icon-spacing: 20px; --btn-default-bg: transparent; --btn-default-border: var(--gray-lighter-3); --btn-default-color: var(--gray-darker); --btn-default-hover-bg: var(--gray-faded); --btn-default-hover-border: var(--gray-lighter-2); --btn-default-hover-color: var(--gray-darker); --btn-default-active-bg: var(--gray-lighter-3); --btn-default-active-border: transparent; --btn-primary-bg: var(--brand-primary); --btn-primary-border: var(--brand-primary); --btn-primary-color: #fff; --btn-primary-hover-bg: var(--brand-primary-lighter); --btn-primary-hover-border: var(--brand-primary-lighter); --btn-primary-hover-color: #fff; --btn-primary-active-bg: var(--brand-primary-darker); --btn-primary-active-border: var(--brand-primary-darker); --btn-primary-faded-bg: var(--brand-primary-lighter-4); --btn-primary-faded-border: var(--brand-primary-lighter-3); --btn-primary-faded-color: var(--brand-primary); --btn-primary-faded-hover-bg: var(--brand-primary-lighter-2); --btn-primary-faded-hover-border: var(--brand-primary-lighter-2); --btn-primary-faded-hover-color: var(--brand-primary); --btn-primary-faded-active-bg: var(--brand-primary-lighter-2); --btn-primary-faded-active-border: var(--brand-primary-lighter-2); --btn-secondary-bg: var(--brand-secondary); --btn-secondary-border: var(--brand-secondary); --btn-secondary-color: #fff; --btn-secondary-hover-bg: var(--brand-secondary-lighter); --btn-secondary-hover-border: var(--brand-secondary-lighter); --btn-secondary-hover-color: #fff; --btn-secondary-active-bg: var(--brand-secondary-darker); --btn-secondary-active-border: var(--brand-secondary-darker); --btn-success-bg: var(--brand-success); --btn-success-border: var(--brand-success); --btn-success-color: #fff; --btn-success-hover-bg: var(--brand-success); --btn-success-hover-border: var(--brand-success); --btn-success-hover-color: #fff; --btn-success-active-bg: var(--brand-success-lighter-2); --btn-success-active-border: var(--brand-success-lighter-2); --btn-info-bg: var(--brand-info); --btn-info-border: var(--brand-info); --btn-info-color: #fff; --btn-info-hover-bg: var(--brand-info); --btn-info-hover-border: var(--brand-info); --btn-info-hover-color: #fff; --btn-info-active-bg: var(--brand-info-lighter-2); --btn-info-active-border: var(--brand-info-lighter-2); --btn-warning-bg: var(--brand-warning); --btn-warning-border: var(--brand-warning); --btn-warning-color: #fff; --btn-warning-hover-bg: var(--brand-warning); --btn-warning-hover-border: var(--brand-warning); --btn-warning-hover-color: #fff; --btn-warning-active-bg: var(--brand-warning-lighter-2); --btn-warning-active-border: var(--brand-warning-lighter-2); --btn-danger-bg: var(--brand-danger); --btn-danger-border: var(--brand-danger); --btn-danger-color: #fff; --btn-danger-hover-bg: var(--brand-danger); --btn-danger-hover-border: var(--brand-danger); --btn-danger-hover-color: #fff; --btn-danger-active-bg: var(--brand-danger-lighter-2); --btn-danger-active-border: var(--brand-danger-lighter-2); --btn-light-bg: rgba(255, 255, 255, 0.08); --btn-light-border: rgba(255, 255, 255, 0.16); --btn-light-color: #fff; --btn-light-hover-bg: rgba(255, 255, 255, 0.16); --btn-light-hover-border: rgba(255, 255, 255, 0.24); --btn-light-hover-color: #fff; --btn-light-active-bg: rgba(255, 255, 255, 0.24); --btn-light-active-border: rgba(255, 255, 255, 0.32); --btn-disabled-color: var(--gray-lighter); --btn-disabled-bg: var(--gray-faded); --btn-disabled-border: transparent; --btn-link-disabled-color: var(--gray-lighter-4); --btn-disabled-opacity: .65; --btn-social-height: 40px; --btn-social-font-size: var(--font-size-sm); --btn-social-padding-h: var(--spacing-2x); --btn-social-border-radius: var(--border-radius-xs); --btn-social-facebook-bg: #4267b2; --btn-social-facebook-hover-bg: #30487b; --btn-social-facebook-border-color: var(--btn-social-facebook-bg); --btn-social-facebook-hover-border: var(--btn-social-facebook-bg); --btn-social-facebook-color: #fff; --btn-social-facebook-hover-color: var(--btn-social-facebook-color); --btn-social-google-bg: #fff; --btn-social-google-hover-bg: #fff; --btn-social-google-border-color: #e6e8ec; --btn-social-google-border-hover-color: #BEC0C4; --btn-social-google-color: #2A2E36; --btn-social-twitter-bg: #1DA1F2; --btn-social-twitter-hover-bg: #0597F2; --btn-social-twitter-border-color: var(--btn-social-twitter-bg); --btn-social-twitter-border-hover-color: var(--btn-social-twitter-bg); --btn-social-twitter-color: #fff; --btn-social-twitter-hover-color: var(--btn-social-twitter-color); --btn-social-linkedin-bg: #0077b5; }.lagom-dark-mode{ --btn-primary-faded-bg: var(--gray-lighter-3); --btn-primary-faded-border: transparent; --btn-primary-faded-color: #fff; --btn-primary-faded-hover-bg: var(--gray-lighter-4); --btn-primary-faded-hover-border: transparent; --btn-primary-faded-hover-color: #fff; --btn-primary-faded-active-bg: var(--gray-lighter-5); --btn-primary-faded-active-border: transparent; }.btn.btn-default.bg-color-blue.btn-xs { background: var(--brand-primary) !important; border-radius: 20px; color: #fff !important;}.btn.btn-default.bg-color-blue.btn-xs:hover { background: var(--brand-primary-darker) !important;}.btn.btn-default.bg-color-green.btn-xs { background: var(--brand-success) !important; border-radius: 20px; color: #fff !important;}.btn.btn-default.bg-color-green.btn-xs:hover { background: var(--brand-success-darker) !important;}:root { --table-font-size-small: var(--font-size-sm); --table-bg: transparent; --table-bg-accent: var(--gray-faded); --table-bg-hover: var(--ui-block-link-hover-bg); --table-bg-active: var(--ui-block-link-hover-bg); --table-border-color: var(--ui-block-divider-color); --table-caption-color: var(--text-muted); --table-vertical-align: middle; --table-horizontal-align: left; --table-horizontal-rtl: right; --table-th-bg: transparent; --table-th-padding: 12px 8px; --table-th-first-last-padding: var(--ui-block-padding-base); --table-th-height: 40px; --table-th-font-color: var(--text-body-color); --table-th-font-size: var(--font-size-sm); --table-th-font-weight: var(--font-weight-base); --table-td-bg: transparent; --table-td-padding: var(--ui-block-padding-base-v) 8px; --table-td-first-last-padding: var(--ui-block-padding-base); --table-td-height: 58px; --table-td-font-color: var(--text-heading-color); --table-td-font-size: var(--font-size-base); --table-condensed-cell-padding: var(--ui-block-padding-sm-v) var(--ui-block-padding-sm); --table-condensed-cell-th-padding: var(--ui-block-padding-sm-v) var(--ui-block-padding-sm); --table-container-header-bg: var(--ui-block-header-bg); --table-container-header-height: 48px; --table-container-pagination-bg: var(--ui-block-header-bg); --table-container-bg: var(--ui-block-bg); --table-container-border: var(--ui-block-border); --table-container-box-shadow: var(--ui-block-shadow); --table-container-border-radius: var(--ui-block-border-radius); --table-container-table-padding: 0px; --table-container-table-bg-filter: var(--ui-block-header-bg); --table-container-table-bg-pagination: var(--ui-block-header-bg); --dropdown-bg: #fff; --dropdown-border: var(--ui-block-border); --dropdown-border-radius: var(--ui-block-border-radius); --dropdown-box-shadow: var(--box-shadow-lg); --dropdown-divider-bg: var(--ui-block-divider-color); --dropdown-link-padding-h: var(--ui-block-padding-base); --dropdown-link-padding-v: var(--ui-nav-v-link-padding-v); --dropdown-collapse-link-padding-h: 16px; --dropdown-collapse-link-padding-v: 8px; --dropdown-collapse-bg: var(--gray-faded); --dropdown-link-color: var(--ui-nav-link-color); --dropdown-link-hover-color: var(--ui-nav-link-hover-color); --dropdown-link-hover-bg: var(--ui-nav-link-hover-bg); --dropdown-link-hover-padding-h: calc(var(--dropdown-link-padding-h) + var(--ui-nav-v-link-hover-padding-h)); --dropdown-link-active-color: var(--ui-nav-link-active-color); --dropdown-link-active-bg: var(--ui-nav-link-active-bg); --dropdown-link-disabled-color: var(--ui-nav-link-disabled-bg); --dropdown-link-icon-color: var(--ui-nav-link-icon-color); --dropdown-link-icon-hover-color: var(--ui-nav-link-icon-hover-color); --dropdown-link-icon-active-color: var(--ui-nav-link-icon-active-color); --dropdown-header-color: var(--text-heading-color); --dropdown-caret-color: var(--icons-color); --dropdown-min-width: 200px; --navbar-height: 50px; --navbar-border-radius: var(--border-radius-base); --navbar-padding-h: calc(var(--ui-gutter-base) / 2); --navbar-padding-v: calc(var(--navbar-height) - var(--line-height-computed) / 2); --navbar-dropdown-max-height: 660px; --navbar-nav-link-padding-x: var(--spacing-2x); --navbar-toggler-padding-y: var(--spacing-1x); --navbar-toggler-padding-x: var(--spacing-2x); --navbar-toggler-font-size: var(--font-size-lg); --navbar-toggler-border-radius: var(--border-radius-base); --navbar-toggler-border-width: 1px; --navbar-toggler-icon-width: var(--spacing-1x); --navbar-toggler-icon-height: var(--spacing-1x); --navbar-toggler-icon-content: ""; --navbar-nav-scroll-max-height: 75vh; --nav-link-height: 64px; --nav-link-padding-h: var(--ui-padding-base-h); --nav-link-padding-v: var(--ui-padding-base-v); --nav-link-color: var(--ui-nav-link-color); --nav-link-hover-bg: null; --nav-link-hover-color: var(--ui-nav-link-hover-color); --nav-disabled-link-color: var(--ui-nav-link-disabled-color); --nav-disabled-link-hover-color: var(--ui-nav-link-disabled-color); --nav-condensed-link-height: var(--ui-height-sm); --nav-condensed-link-padding-h: var(--ui-padding-sm-h); --nav-condensed-link-padding-v: var(--ui-padding-sm-v); --nav-divider-color: var(--ui-block-divider-color); --nav-divider-margin-y: 8px; --nav-tabs-border-color: var(--ui-block-divider-color); --nav-tabs-border-radius: var(--border-radius-base); --nav-tabs-border-width: 1px; --nav-tabs-link-color: var(--ui-nav-secondary-link-color); --nav-tabs-link-icon-color: var(--ui-nav-secondary-link-icon-color); --nav-tabs-link-padding: var(--ui-padding-base-h) 0; --nav-tabs-link-negative-margin: calc(-1 * var(--nav-tabs-border-width)); --nav-tabs-item-margin-right: var(--spacing-1x); --nav-tabs-link-active-color: var(--ui-nav-link-active-color); --nav-tabs-link-active-icon-color: var(--ui-nav-link-icon-active-color); --nav-tabs-link-active-bg: transparent; --nav-tabs-link-active-border-color: var(--brand-primary-lighter); --nav-tabs-link-active-border-width: 3px; --nav-tabs-link-hover-color: var(--ui-nav-link-hover-color); --nav-tabs-link-hover-icon-color: var(--ui-nav-link-icon-hover-color); --nav-tabs-link-hover-bg: transparent; --nav-tabs-link-hover-border-color: var(--gray-lighter-4); --nav-pills-border-radius: var(--border-radius-base); --nav-pills-active-link-hover-bg: var(--ui-block-link-active-bg); --nav-pills-active-link-hover-color: var(--ui-nav-link-active-color); --nav-pills-link-active-color: #fff; --nav-pills-link-active-bg: var(--brand-primary); --nav-pills-link-active-color: #fff; --nav-pills-link-active-bg: var(--brand-primary); --pagination-color: var(--btn-default-color); --pagination-bg: var(--btn-default-bg); --pagination-border: var(--btn-default-border); --pagination-hover-color: var(--btn-default-hover-color); --pagination-hover-bg: var(--btn-default-hover-bg); --pagination-hover-border: var(--btn-default-hover-border); --pagination-active-color: var(--btn-primary-faded-color); --pagination-active-bg: var(--btn-primary-faded-bg); --pagination-active-border: var(--btn-primary-faded-border); --pagination-disabled-color: var(--btn-disabled-color); --pagination-disabled-bg: var(--btn-disabled-bg); --pagination-disabled-border: var(--btn-disabled-border); --jumbotron-padding-h: var(--spacing-2x); --jumbotron-padding-v: var(--spacing-4x); --jumbotron-color: inherit; --jumbotron-bg: var(--gray-lighter-4); --jumbotron-heading-color: inherit; --jumbotron-font-size: calc(var(--font-size-base) * 1.5); --jumbotron-heading-font-size: calc(var(--font-size-base) * 4.5); --tooltip-max-width: 268px; --tooltip-color: var(--gray-base); --tooltip-bg: #fff; --tooltip-opacity: 1; --tooltip-arrow-width: 5px; --tooltip-arrow-color: var(--tooltip-bg); --tooltip-font-size: var(--font-size-sm); --tooltip-border-radius: var(--border-radius-xs); --tooltip-padding-y: var(--spacing-2x); --tooltip-padding-x: var(--spacing-2x); --tooltip-margin: 0; --tooltip-arrow-height: 3px; --tooltip-box-shadow: var(--box-shadow-lg); --popover-bg: #fff; --popover-max-width: 288px; --popover-border-color: var(--gray-lighter-4); --popover-title-bg: var(--gray-lighter-4); --popover-arrow-width: 10px; --popover-arrow-height: 5px; --popover-arrow-color: var(--popover-bg); --popover-arrow-outer-width: calc(var(--popover-arrow-width) + 1); --popover-arrow-outer-color: var(--popover-bg); --popover-arrow-outer-fallback-color: var(--popover-fallback-border-color); --popover-header-bg: brightness(var(--popover-bg), 97%); --popover-header-color: null; --popover-header-padding-y: var(--spacing-1x); --popover-header-padding-x: .75rem; --popover-border-color: var(--gray-lighter-4); --popover-header-border-bottom-color: brightness(var(--popover-header-bg), 92%); --popover-border-radius: var(--border-radius-base); --popover-border-width: 1px; --popover-inner-border-radius: calc(var(--popover-border-radius) - var(--popover-border-width)); --popover-body-color: #212529; --popover-body-padding-y: var(--popover-header-padding-y); --popover-body-padding-x: var(--popover-header-padding-x); --toast-max-width: 350px; --toast-padding-x: .75rem; --toast-padding-y: var(--spacing-1x); --toast-font-size: .875rem; --toast-color: null; --toast-background-color: rgba(#fff, .85); --toast-border-width: 1px; --toast-border-color: rgba(0, 0, 0, .1); --toast-border-radius: var(--spacing-1x); --toast-box-shadow: 0 var(--spacing-1x) .75rem rgba(#000, .1); --toast-header-color: #6c757d; --toast-header-background-color: rgba(#fff, .85); --toast-header-border-color: rgba(0, 0, 0, .05); --modal-inner-padding: var(--ui-block-padding-base); --modal-title-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base); --modal-footer-padding: 0 var(--ui-block-padding-base) var(--ui-block-padding-base) var(--ui-block-padding-base); --modal-footer-margin-between: var(--spacing-2x); --modal-title-font-size: var(--font-size-h5); --modal-title-font-weight: var(--font-weight-light); --modal-title-line-height: var(--line-height-h5); --modal-content-bg: var(--ui-block-bg); --modal-content-border-color: var(--ui-block-border-color); --modal-content-fallback-border-color: var(--ui-block-border-color); --modal-content-max-height: calc(100vh - (var(--modal-dialog-margin) * 2)); --modal-content-min-height-sm: calc(100vh - (var(--modal-dialog-margin-y-sm-up) * 2)); --modal-content-color: null; --modal-content-border-radius: var(--ui-block-border-radius); --modal-content-inner-border-radius: calc(var(--modal-content-border-radius) - var(--modal-content-border-width)); --modal-content-box-shadow: var(--box-shadow-xlg); --modal-content-box-shadow-sm-up: var(--box-shadow-lg); --modal-body-max-height: calc(100vh - 200px); --modal-backdrop-bg: var(--ui-block-overlay-bg); --modal-header-background-color: transparent; --modal-header-border-color: var(--ui-block-divider-color); --modal-footer-border-color: var(--ui-block-divider-color); --modal-xl: 800px; --modal-lg: 560px; --modal-md: 448px; --modal-sm: 300px; --modal-transition: all var(--transition-base); --modal-fade-transform: scale(0.5); --modal-show-transform: none; --modal-scale-transform: scale(1.02); --modal-dialog-margin: var(--spacing-1x); --modal-dialog-margin-y-sm-up: var(--spacing-3x); --modal-dialog-max-height: calc(100% - (var(--modal-dialog-margin) * 2)); --modal-dialog-centered-min-height: var(--modal-dialog-max-height); --modal-dialog-centered-before-height: var(--modal-content-max-height); --modal-dialog-scrollable-max-height-sm: calc(100% - (var(--modal-dialog-margin-y-sm-up) * 2)); --modal-dialog-centered-min-height-sm: var(--modal-dialog-scrollable-max-height-sm); --modal-dialog-centered-before-height-sm: var(--modal-content-min-height-sm); --modal-btn-close-padding: var(--ui-block-padding-base-v); --alert-padding-v: var(--ui-block-padding-base-v); --alert-padding-h: var(--ui-block-padding-base); --alert-padding-2x: var(--ui-block-padding-base); --alert-border-radius: var(--ui-block-border-radius); --alert-link-font-weight: var(--font-weight-bold); --alert-success-bg: var(--state-success-bg); --alert-success-text: var(--state-success-text); --alert-success-border: var(--state-success-border); --alert-info-bg: var(--state-info-bg); --alert-info-text: var(--state-info-text); --alert-info-border: var(--state-info-border); --alert-warning-bg: var(--state-warning-bg); --alert-warning-text: var(--state-warning-text); --alert-warning-border: var(--state-warning-border); --alert-danger-bg: var(--state-danger-bg); --alert-danger-text: var(--state-danger-text); --alert-danger-border: var(--state-danger-border); --alert-gray-bg: var(--gray-faded); --alert-gray-text: var(--gray-darker); --alert-gray-border: var(--gray-lighter-3); --alert-primary-bg: var(--brand-primary); --alert-primary-text: var(--text-secondary-heading-color); --alert-primary-border: var(--brand-primary); --alert-secondary-bg: var(--brand-secondary); --alert-secondary-text: var(--text-secondary-heading-color); --alert-secondary-border: var(--brand-secondary); --alert-icon-font-family: "FontAwesome"; --alert-success-icon: "\f058"; --alert-info-icon: "\f05a"; --alert-warning-icon: "\f071"; --alert-danger-icon: "\f06a"; --alert-gray-icon: "\f05a"; --alert-primary-icon: "\f05a"; --alert-secondary-icon: "\f05a"; --alert-variants-title-color: var(--text-heading-color); --progress-bg: var(--gray-lighter-4); --progress-bar-color: #fff; --progress-font-size: var(--font-size-base) * 0.75; --progress-height: var(--spacing-1x); --progress-width: 76px; --progress-border-radius: var(--border-radius-sm); --progress-bar-bg: var(--gray-lighter); --progress-bar-success-bg: var(--brand-success); --progress-bar-warning-bg: var(--brand-warning); --progress-bar-danger-bg: var(--brand-danger); --progress-bar-info-bg: var(--brand-info); --progress-bar-transition: var(--transition-base); --panel-bg: var(--ui-block-bg); --panel-box-shadow: var(--ui-block-shadow); --panel-border: var(--ui-block-border); --panel-border-radius: var(--ui-block-border-radius); --panel-border-divider-color: var(--ui-block-divider-color); --panel-padding-v: var(--ui-block-padding-base); --panel-padding-h: var(--ui-block-padding-base); --panel-body-padding: var(--ui-block-padding-base); --panel-heading-height: 56px; --panel-heading-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base); --panel-footer-bg: var(--ui-block-header-bg); --panel-footer-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base); --panel-title-color: var(--text-heading-color); --panel-title-font-size: var(--font-size-h6); --panel-title-font-weight: var(--font-weight-h6); --panel-title-line-height: var(--line-height-h6); --panel-default-bg: var(--panel-bg); --panel-default-text: var(--text-heading-color); --panel-default-border: var(--ui-block-divider-color); --panel-default-heading-bg: var(--ui-block-header-bg); --panel-active-bg: var(--panel-bg); --panel-active-border-color: var(--input-focus-border-color); --panel-hover-bg: var(--panel-bg); --panel-hover-shadow: var(--ui-block-shadow-lg); --panel-hover-border-color: var(--input-hover-border-color); --panel-lg-border-radius: var(--border-radius-xlg); --panel-lg-heading-padding: 10px var(--ui-block-padding-lg); --panel-lg-body-padding: var(--ui-block-padding-lg); --panel-lg-footer-padding: 10px var(--ui-block-padding-lg); --panel-success-bg: var(--state-success-bg); --panel-success-text: var(--state-success-text); --panel-success-border: var(--state-success-border); --panel-success-heading-bg: var(--state-success-bg); --panel-info-bg: var(--state-info-bg); --panel-info-text: var(--state-info-text); --panel-info-border: var(--state-info-border); --panel-info-heading-bg: var(--state-info-bg); --panel-warning-bg: var(--state-warning-bg); --panel-warning-text: var(--state-warning-text); --panel-warning-border: var(--state-warning-border); --panel-warning-heading-bg: var(--state-warning-bg); --panel-danger-bg: var(--state-danger-bg); --panel-danger-text: var(--state-danger-text); --panel-danger-border: var(--state-danger-border); --panel-danger-heading-bg: var(--state-danger-bg); --panel-check-padding: 16px; --card-spacer-y: var(--panel-padding-v); --card-spacer-x: var(--panel-padding-h); --card-border: var(--panel-border); --card-border-radius: var(--panel-border-radius); --card-inner-border-radius: calc(var(--panel-border-radius) - var(--panel-border-width)); --card-cap-bg: var(--panel-footer-bg); --card-cap-color: var(--panel-title-color); --card-bg: var(--panel-bg); --card-img-overlay-padding: var(--spacing-1x); --card-group-margin: var(--ui-gutter-base) / 2; --card-deck-margin: var(--card-group-margin); --card-columns-count: 3; --card-columns-gap: var(--spacing-1x); --card-columns-margin: var(--card-spacer-y); --card-body-padding: var(--panel-body-padding); --card-footer-padding: var(--panel-footer-padding); --card-heading-padding: var(--panel-heading-padding); --thumbnail-padding: 4px; --thumbnail-bg: var(--body-bg); --thumbnail-border: var(--gray-lighter-4); --thumbnail-border-colo: #dee2e6; --thumbnail-border-width: 1px; --thumbnail-border-radius: var(--border-radius-base); --thumbnail-caption-color: var(--text-lighter-color); --thumbnail-caption-padding: var(--spacing-1x); --well-bg: var(--gray-faded); --well-border: var(--ui-block-border-color); --badge-color: #fff; --badge-link-hover-color: #fff; --badge-bg: var(--gray-lighter-4); --badge-active-color: var(--link-color); --badge-active-bg: #fff; --badge-font-size: var(--font-size-xs); --badge-font-weight: var(--font-weight-base); --badge-line-height: 1; --badge-border-radius: 10px; --badge-padding-y: 3px; --badge-padding-x: 6px; --badge-margin: 0 0 0 auto; --badge-transition: var(--transition-base); --badge-focus-width: var(--input-btn-focus-width); --badge-default-bg: var(--gray-lighter-3); --badge-default-color: var(--text-lighter-color); --badge-primary-bg: var(--brand-primary); --badge-primary-hover-bg: var(--brand-primary-darker); --badge-primary-color: var(--badge-color); --badge-primary-faded-bg: var(--brand-primary-lighter-3); --badge-primary-faded-hover-bg: var(--brand-primary-lighter-2); --badge-primary-faded-color: var(--brand-primary); --badge-success-bg: var(--state-success-bg); --badge-success-hover-bg: var(--brand-success-darker); --badge-success-color: var(--state-success-text); --badge-info-bg: var(--state-info-bg); --badge-info-hover-bg: var(--brand-primary-darker); --badge-info-color: var(--state-info-text); --badge-warning-bg: var(--state-warning-bg); --badge-warning-hover-bg: var(--brand-warning-darker); --badge-warning-color: var(--state-warning-text); --badge-danger-bg: var(--state-danger-bg); --badge-danger-hover-bg: var(--brand-danger-darker); --badge-danger-color: var(--state-danger-text); --badge-text-transform: none; --breadcrumb-padding-vertical: var(--ui-padding-base-v); --breadcrumb-padding-horizontal: var(--ui-padding-base-h); --breadcrumb-item-padding-vertical: 0px; --breadcrumb-item-padding-horizontal: 5px; --breadcrumb-bg: #fff; --breadcrumb-color: var(--gray-lighter-3); --breadcrumb-active-color: var(--gray-lighter-4); --breadcrumb-separator: "/"; --breadcrumb-font-size: null; --carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); --carousel-control-color: #fff; --carousel-control-width: 15%; --carousel-control-opacity: .5; --carousel-control-hover-opacity: .9; --carousel-control-font-size: 20px; --carousel-indicator-active-bg: #fff; --carousel-indicator-border-color: #fff; --carousel-indicator-width: 30px; --carousel-indicator-height: 3px; --carousel-indicator-hit-area-height: 10px; --carousel-indicator-spacer: 3px; --carousel-caption-color: #fff; --carousel-caption-width: 70%; --carousel-control-prev-icon-bg: url("data:image/svg+xml,"); --carousel-control-next-icon-bg: url("data:image/svg+xml,"); --carousel-control-icon-width: 20px; --spinner-width: var(--spacing-2x); --spinner-height: var(--spinner-width); --spinner-border-width: var(--spacing-1x); --spinner-width-sm: var(--spacing-2x); --spinner-height-sm: var(--spinner-width-sm); --spinner-border-width-sm: var(--spacing-1x); --close-font-weight: var(--font-weight-bold); --close-font-size: 22px; --close-color: var(--gray-icons); --close-color-hover: var(--brand-primary); --close-text-shadow: 0 1px 0 #fff; --code-color: #c7254e; --code-bg: #f9f2f4; --code-font-size: 90%; --code-font-family: Menlo,Monaco,Consolas,Courier New,monospace; --kbd-color: #fff; --kbd-bg: #333; --kbd-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); --kbd-padding-y: 2px; --kbd-padding-x: 4px; --nested-kbd-font-size: 100%; --nested-kbd-font-weight: bold; --pre-bg: var(--gray-faded); --pre-padding: var(--ui-block-padding-sm); --pre-color: var(--text-body-color); --pre-font-size: var(--font-size-sm); --pre-border-color: var(--ui-block-border-color); --pre-border-radius: var(--ui-block-border-radius); --pre-scrollable-max-height: 340px; --blockquote-bg: var(--gray-faded); --blockquote-border-color: var(--gray-lighter-4); --blockquote-font-color: var(--text-heading-color); --blockquote-font-size: var(--font-size-lg); --blockquote-line-height: var(--line-height-lg); --blockquote-small-color: var(--gray-lighter-4); --blockquote-small-font-size: var(--font-size-sm); --blockquote-padding: 32px 32px 32px 72px; --hr-border: var(--gray-lighter-4); --show-animation: transform .32s cubic-bezier(0,0,0,1), opacity .08s; --dt-font-weight: var(--font-weight-bold); --previews-img-height: 240px; --print-page-size: a3; --print-body-min-width: 992px; --hr-margin-y: var(--spacing-1x); --hr-border-color: rgba(#000, .1); --hr-border-width: var(--border-width-base); --list-inline-padding: var(--spacing-1x);}@media (max-width: 991px) { :root { --navbar-dropdown-max-height: 560px; }}.lagom-dark-mode{ --dropdown-bg: #242424; --modal-backdrop-bg: rgba(18, 18, 18, .78); --popover-bg: var(--dropdown-bg); --tooltip-arrow-color: var(--dropdown-bg); --tooltip-bg: var(--dropdown-bg); --dropdown-collapse-bg: #1A1A1A; --dropdown-link-color: var(--text-body-color); --badge-success-bg: var(--state-success-bg); --badge-success-hover-bg: var(--brand-success-darker); --badge-success-color: var(--state-success-text); --badge-info-bg: var(--state-info-bg); --badge-info-hover-bg: var(--brand-primary-darker); --badge-info-color: var(--state-info-text); --badge-warning-bg: var(--state-warning-bg); --badge-warning-hover-bg: var(--brand-warning-darker); --badge-warning-color: var(--state-warning-text); --badge-danger-bg: var(--state-danger-bg); --badge-danger-hover-bg: var(--brand-danger-darker); --badge-danger-color: var(--state-danger-text);}.panel.panel-sidebar.panel-sidebar-primary.panel-client-details { color: var(--panel-title-color); background: none; box-shadow: none; padding-left: 0px;}.panel.panel-sidebar.panel-sidebar-primary.panel-client-details .panel-heading { display: block; height: auto;}.panel.panel-sidebar.panel-sidebar-primary.panel-client-details .panel-title { color: var(--panel-title-color); font-size: 19px; font-weight: 700;}.panel-sidebar.panel-sidebar-primary.panel-client-details .panel-body strong { color: var(--panel-title-color); font-size: var(--font-size-base);}:root { --list-group-bg: var(--ui-block-bg); --list-group-color: null; --list-group-border: var(--ui-block-border); --list-group-box-shadow: var(--ui-block-shadow); --list-group-border-radius: var(--ui-block-border-radius); --list-group-active-color: var(--ui-nav-link-active-color); --list-group-active-bg: var(--ui-block-link-active-bg); --list-group-active-border: var(--list-group-active-bg); --list-group-active-text-color: var(--list-group-active-bg); --list-group-disabled-color: #6c757d; --list-group-action-color: var(--gray-base); --list-group-action-hover-color: var(--list-group-action-color); --list-group-action-active-color: var(--gray-darker); --list-group-action-active-bg: var(--gray-lighter-3); --list-group-item-padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base); --list-group-item-lg-padding: var(--ui-block-padding-lg); --list-group-item-border-color: var(--ui-block-divider-color); --list-group-item-heading-color: var(--text-heading-color); --list-group-item-text-color: var(--text-body-color); --list-group-item-icon-color: var(--text-primary-color); --list-group-item-disabled-color: var(--gray-lighter); --list-group-item-disabled-bg: var(--list-group-bg); --list-group-item-disabled-text-color: var(--list-group-disabled-color); --list-group-item-link-color: var(--ui-block-link-color); --list-group-item-link-heading-color: var(--brand-primary); --list-group-item-link-text-color: var(--list-group-item-text-color); --list-group-item-link-hover-bg: var(--ui-block-link-hover-bg); --list-group-item-link-hover-color: var(--ui-nav-link-hover-color); --list-group-item-link-active-color: var(--ui-nav-link-active-color); --list-group-item-link-active-bg: var(--ui-block-link-active-bg); --list-group-item-link-active-border: var(--brand-primary-lighter-4); --list-group-item-link-disabled-color: var(--text-lighter-color); --list-group-item-link-disabled-bg: var(--gray-lighter-4); --list-group-item-link-disabled-border: var(--gray-v -3); --list-group-item-link-icon-color: var(--ui-icon-color); --promo-slider-min-height: 314px; --promo-slider-caption-font-size: var(--font-size-h6); --promo-slider-caption-line-height: var(--line-height-h6); --promo-slider-caption-font-weight: var(--font-weight-h6); --promo-slider-title-font-size: var(--font-size-h4); --promo-slider-title-line-height: var(--line-height-h4); --promo-slider-title-font-weight: var(--font-weight-bold); --promo-slider-body-padding: var(--spacing-7x) 0px var(--spacing-5x) var(--spacing-3x); --promo-slider-content-padding: var(--spacing-4x) 0 var(--spacing-5x) var(--spacing-3x); --promo-slider-header-padding: var(--spacing-1x) var(--spacing-1x) 0 var(--spacing-3x); --promo-slider-body-padding-rtl: var(--spacing-7x) var(--spacing-3x) var(--spacing-5x) 0px; --promo-slider-content-padding-rtl: var(--spacing-4x) var(--spacing-3x) var(--spacing-5x) 0; --promo-slider-header-padding-rtl: var(--spacing-1x) var(--spacing-3x) 0 var(--spacing-1x) ; --promo-slider-illustration-width: 400px; --promo-slider-sm-title-font-size: var(--font-size-h4); --promo-slider-sm-title-line-height: var(--line-height-h4); --promo-slider-xs-title-font-size: var(--font-size-h5); --promo-slider-xs-title-line-height: var(--line-height-h5); --promo-slider-xs-illustration-height: 326px; --promo-slider-xs-illustration-width: 376px; --panel-summary-shadow: var(--box-shadow-base); --panel-summary-border-radius: var(--ui-block-border-radius); --panel-summary-padding: var(--ui-block-padding-base); --panel-summary-title-font-size: var(--font-size-h4); --panel-summary-title-font-weight: var(--font-weight-h4); --panel-summary-title-line-height: var(--line-height-h4); --panel-summary-text-font-size: var(--font-size-sm); --panel-summary-text-font-weight: var(--font-weight-light); --panel-summary-text-line-height: var(--line-height-sm); --panel-summary-list-padding-v: 3px; --panel-summary-list-item-padding-v: var(--spacing-2x); --panel-summary-list-title-font-size: var(--font-size-xs); --panel-summary-list-color-faded: var(--text-body-color); --panel-summary-total-text-font-color: var(--text-body-color); --panel-summary-content-max-height: 500px; --panel-summary-main-item-font-size: var(--font-size-base); --panel-summary-main-item-line-height: var(--line-height-sm); --panel-summary-main-item-font-weight: var(--font-weight-medium); --panel-sidebar-bg: transparent; --panel-sidebar-footer-bg: transparent; --panel-sidebar-border: none; --panel-sidebar-box-shadow: none; --panel-sidebar-heading-bg: transparent; --panel-sidebar-heading-height: unset; --panel-sidebar-heading-padding: 0 0 var(--ui-block-padding-sm); --panel-sidebar-title-size: var(--font-size-h6); --panel-sidebar-title-weight: var(--font-weight-h6); --panel-sidebar-body-padding: 0; --panel-sidebar-footer-padding: var(--ui-block-padding-sm) 0 0; --panel-sidebar-margin-bottom: var(--spacing-2x); --panel-sidebar-link-bg: transparent; --panel-sidebar-link-color: var(--link-color); --panel-sidebar-link-icon-color: var(--link-color); --panel-sidebar-link-margin: 1px; --panel-sidebar-link-padding: var(--ui-nav-v-link-padding-v) 0; --panel-sidebar-link-border-radius: var(--ui-nav-link-border-radius); --panel-sidebar-link-hover-bg: var(--ui-nav-link-hover-bg); --panel-sidebar-link-hover-color: var(--ui-nav-link-hover-color); --panel-sidebar-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h); --panel-sidebar-link-hover-icon-color: var(--ui-nav-link-icon-hover-color); --panel-sidebar-link-active-bg: var(--ui-nav-link-active-bg); --panel-sidebar-link-active-color: var(--ui-nav-link-active-color); --panel-sidebar-link-active-padding-h: var(--ui-nav-v-link-active-padding-h); --panel-sidebar-link-active-icon-color: var(--ui-nav-link-icon-active-color); --panel-sidebar-list-group-bg: var(--ui-block-bg); --panel-sidebar-list-group-border: var(--ui-block-border); --panel-sidebar-list-group-box-shadow: var(--ui-block-shadow); --panel-sidebar-list-group-border-radius: var(--ui-block-border-radius); --panel-home-domain-bg: var(--ui-block-bg); --panel-home-domain-title-color: var(--text-heading-color); --panel-home-domain-text-color: var(--text-body-color); --product-details-bg: #F7F7F7; --product-details-title-color: black; --product-details-title-font-size: var(--font-size-h4); --product-details-title-font-weight: 700; --product-details-title-line-height: var(--line-height-h4); --product-details-text-color: var(--text-secondary-body-color); --panel-accordion-heading-bg: transparent; --panel-accordion-hover-border-color: var(--brand-primary); --panel-accordion-active-border-color: var(--brand-primary); --panel-accordion-active-heading-color: var(--ui-nav-link-active-color); --search-field-icon-color: var(--gray-icons); --search-field-combined-icon-color: var(--brand-primary); --search-group-max-width: var(--max-width-md); --tile-min-height: 182px; --tile-padding: var(--ui-padding-base-v) var(--ui-block-padding-base); --tile-bg: var(--ui-block-bg); --tile-bg-color: var(--ui-block-bg); --tile-border-radius: var(--ui-block-border-radius); --tile-box-shadow: var(--ui-block-shadow); --tile-border: var(--ui-block-border); --tile-border-color-hover: var(--brand-primary); --tile-icon-font-size: var(--font-size-h3); --tile-icon-color: var(--gray-icons); --tile-stat-color: var(--text-primary-color); --tile-stat-font-size: 62px; --tile-stat-sm-font-size: 48px; --tile-stat-font-weight: var( --font-weight-bold); --tile-title-color: var(--text-heading-color); --tile-title-font-size: var(--font-size-h6); --tile-title-font-weight: var(--font-weight-base); --tile-title-line-height: var(--line-height-h6); --tile-sm-stat-font-size: var(--font-size-h2); --tile-sm-title-font-size: var(--font-size-base); --tile-hover-bg: var(--ui-block-bg); --tile-hover-shadow: var(--box-shadow-base); --tile-hover-transform: translate3d(0,-8px,0); --tile-mob-stat-font-size: var(--font-size-h2); --tile-mob-title-font-size: var(--font-size-base); --tile-sm-mob-stat-font-size: var(--font-size-xxlg); --tile-sm-mob-title-font-size: var(--font-size-sm); --tile-loader-bg: var(--gray-lighter-4); --tile-loader-progress-bg: var(--brand-primary); --login-logo-height: 56px; --login-width: var(--max-width-xs); --login-lg-width: var(--max-width-md); --login-bg: var(--ui-block-bg); --login-footer-bg: transparent; --login-border: var(--ui-block-border); --login-border-radius: var(--ui-block-border-radius); --login-box-shadow: var(--ui-block-shadow); --login-padding: var(--spacing-4x); --login-mob-padding: var(--spacing-3x); --login-header-margin-bottom: var(--spacing-6x); --login-title-color: var(--text-heading-color); --login-title-font-size: var(--font-size-h3); --login-title-font-weight: var(--font-weight-h3); --login-title-line-height: var(--line-height-h3); --login-desc-color: var(--text-lighter-color); --login-desc-font-size: var(--font-size-base); --login-desc-font-weight: var(--font-weight-base); --login-link-color: var(--link-color); --error-page-bg: none; --login-sidebar-box-shadow: var(--ui-block-shadow-lg); --login-sidebar-desc-lighter-color: var(--primary-block-text-faded-color); --login-sidebar-desc-font-size: var(--font-size-lg); --login-sidebar-desc-font-weight: var(--font-weight-light); --login-sidebar-desc-line-height: var(--line-height-lg); --login-sidebar-bullet-bg: var(--primary-block-dot-nav-bg); --login-sidebar-bullet-hover-bg: var(--primary-block-dot-nav-hover-bg); --login-sidebar-bullet-active-bg: var(--primary-block-dot-nav-active-bg); --package-bg: var(--ui-block-bg); --package-border: var(--ui-block-border); --package-border-radius: var(--ui-block-border-radius); --package-block-shadow: var(--ui-block-shadow-lg); --package-title-font-size: var(--font-size-h4); --package-title-font-weight: var(--font-weight-h4); --package-title-line-height: var(--line-height-h4); --package-title-spacing-bottom: var(--spacing-2x); --package-desc-color: var(--font-size-lg); --package-desc-font-size: var(--font-size-lg); --package-desc-line-height: var(--line-height-lg); --package-desc-font-weight: var(--font-weight-light); --package-hover-block-shadow: var(--ui-block-shadow-xlg); --package-active-border-color: var(--panel-active-border-color); --package-active-shadow-inset: inset 0 0 0 1px var(--package-active-border-color); --package-btn-min-width: 168px; --package-padding: var(--spacing-4x); --package-element-spacing: var(--spacing-3x); --package-sm-title-font-size: var(--font-size-h6); --package-sm-title-line-height: var(--line-height-h6); --package-sm-title-font-weight: var(--font-weight-h6); --package-desc-sm-font-size: var(--font-size-base); --package-desc-sm-line-height: var(--line-height-md); --package-desc-sm-font-weight: var(--font-weight-base); --package-sm-padding: var(--spacing-3x); --package-sm-element-spacing: var(--spacing-2x); --price-color: var(--text-heading-color); --price-font-size: var(--font-size-h3); --price-font-weight: var(--font-weight-bold); --price-line-height: var(--line-height-h3); --price-currency-font-size: var(--font-size-xlg); --price-currency-font-weight: var(--font-weight-light); --price-currency-line-height: var(--line-height-xlg); --price-cycle-color: var(--text-body-color); --price-cycle-font-size: var(--font-size-xs); --price-cycle-line-height: var(--line-height-xs); --price-cycle-font-weight: var(--font-weight-base); --price-savings-color: #F12F75; --price-savings-background: #FFE7EC; --price-savings-font-size: var(--font-size-xs); --price-savings-font-weight: var(--font-weight-base); --price-savings-line-height: var(--line-height-xs); --price-title-color: var(--text-body-color); --price-title-font-size: var(--font-size-sm); --price-title-line-height: var(--line-height-sm); --price-title-font-weight: var(--font-weight-base); --price-lg-font-size: var(--font-size-h2); --price-lg-font-weight: var(--font-weight-bold); --price-lg-line-height: var(--line-height-h2); --price-lg-currency-font-size: var(--font-size-xxlg); --price-lg-currency-font-weight: var(--font-weight-light); --price-lg-currency-line-height: var(--line-height-xxlg); --price-sm-font-size: var(--font-size-h4); --price-sm-font-weight: var(--font-weight-bold); --price-sm-line-height: var(--line-height-h4); --price-sm-currency-font-size: var(--font-size-md); --price-sm-currency-font-weight: var(--font-weight-light); --price-sm-currency-line-height: var(--line-height-md); --price-xs-font-size: var(--font-size-h5); --price-xs-font-weight: var(--font-weight-light); --price-xs-line-height: var(--line-height-h5); --price-xs-currency-font-size: var(--font-size-xlg); --price-xs-currency-font-weight: var(--font-weight-light); --price-xs-currency-line-height: var(--line-height-xlg); --range-slider-height: 18px; --range-slider-bg: var(--gray-lighter-4); --range-slider-fill-bg: var(--brand-primary); --range-slider-border-radius: var(--border-radius-sm); --range-slider-spacing-h: var(--spacing-3x); --range-slider-handle-bg: #fff; --range-slider-handle-box-shadow: var(--box-shadow-base); --range-slider-handle-height: 32px; --range-slider-handle-width: 42px; --range-slider-handle-border-radius: var(--border-radius-sm); --range-slider-handle-border: none; --range-slider-handle-hover-bg: var(--gray-lighter-4); --range-slider-handle-hover-border: none; --range-slider-handle-hover-shadow: var(--box-shadow-lg); --range-slider-value-bg: var(--brand-secondary); --range-slider-value-color: var(--text-secondary-body-color); --range-slider-value-font-size: var(--font-size-lg); --range-slider-value-sm-color: var(--text-lighter-color); --range-slider-value-sm-font-size: var(--font-size-xs); --range-slider-value-sm-line-height: var(--line-height-xs); --range-slider-value-min-width: 28px; --range-slider-value-active-color: var(--brand-primary); --range-slider-value-active-border: var(--brand-primary); --range-slider-price-font-size: var(--font-size-xxlg); --range-slider-price-line-height: var(--line-height-md); --range-slider-price-spacing: var(--spacing-2x) 0; --range-slider-price-font-weight: var(--font-weight-base); --range-slider-price-color: var(--brand-primary); --range-slider-price-suffix-opacity: 0.64; --range-slider-actions-height: 32px; --range-slider-actions-border-color: var(--ui-block-border-color); --range-slider-actions-border-radius: var(--border-radius-sm); --range-slider-actions-active-border-color: var(--brand-primary-lighter); --cokie-bg: var(--ui-block-overlay-bg); --cookie-width: 310px; --cookie-position: 30px; --ticket-reply-staff-bg: var(--ui-block-overlay-bg); --ticket-reply-staff-border: var(--ui-block-divider-color); --ticket-reply-staff-header-bg: transparent; --ticket-reply-staff-header-border: transparent; --ticket-reply-staff-header-border: var(--ui-block-divider-color); --bg-color-transparent: transparent; --loader-bg: var(--brand-primary); --loader-light-bg: #fff; --loader-bars-height: 40px; --loader-bars-width: 4px; --loader-bars-sm-height: 20px; --loader-bars-sm-width: 2px; }@media (max-width: 767px) { :root { --login-logo-height: 44px; }}.lagom-dark-mode{--error-page-bg: #121212;--list-group-item-link-heading-color: var(--brand-primary-lighter);--price-savings-color: #F01A67;--price-savings-background: #FFD6DF;--panel-sidebar-link-color: var(--text-body-color);--panel-sidebar-link-icon-color: var(--text-body-color);}:root { --input-font-family: var(--font-family-base); --input-font-weight: var(--font-weight-base); --input-font-size: var(--btn-base-font-size); --input-line-height: var(--btn-base-line-height); --input-xs-font-size: var(--btn-xs-font-size); --input-xs-line-height: var(--btn-xs-line-height); --input-xs-border-radius: var(--btn-xs-border-radius); --input-sm-font-size: var(--btn-sm-font-size); --input-sm-line-height: var(--btn-sm-line-height); --input-sm-border-radius: var(--btn-sm-border-radius); --input-lg-border-radius: var(--btn-lg-border-radius); --input-lg-font-weight: var(--font-weight-light); --input-lg-font-size: var(--btn-lg-font-size); --input-lg-line-height: var(--btn-lg-line-height); --input-xlg-border-radius: var(--btn-xlg-border-radius); --input-xlg-font-weight: var(--font-weight-light); --input-xlg-font-size: var(--btn-xlg-font-size); --input-xlg-line-height: var(--btn-xlg-line-height); --input-border-width: 1px; --input-border: var(--input-border-width) solid var(--input-border-color); --input-border-radius: var(--btn-base-border-radius); --input-focus-box-shadow: var(--input-btn-focus-box-shadow); --input-box-shadow: inset 0 1px 1px rgba(#000, .075); --input-focus-width: var(--input-btn-focus-box-shadow); --input-btn-focus-width: 4px; --input-btn-focus-color: #000; --input-btn-focus-box-shadow: 0 0 0 var(--input-btn-focus-width) var(--input-btn-focus-color); --input-label-color: #7c8088; --input-label-font-size: var(--font-size-base); --input-label-font-weight: var(--font-weight-base); --input-label-margin-bottom: var(--spacing-1x); --input-bg: #fff; --input-border-color: var(--gray-lighter-3); --input-color: var(--text-heading-color); --input-color-placeholder: var(--text-lighter-color); --input-hover-bg: #fff; --input-hover-border-color: var(--gray-lighter-2); --input-hover-color: var(--text-heading-color); --input-hover-placeholder-color: var(--text-lighter-color); --input-focus-bg: #fff; --input-focus-border-color: var(--brand-primary); --input-focus-color: var(--text-heading-color); --input-focus-placeholder-color: var(--text-lighter-color); --input-disabled-bg: var(--gray-faded); --input-disabled-border-color: var(--gray-lighter-3); --input-disabled-color: var(--text-heading-color); --input-disabled-color-placeholder: var(--text-lighter-color); --icheck-bg: #fff; --icheck-border-width: 2px; --icheck-size: 18px; --icheck-border-color: var(--gray-lighter-3); --icheck-hover-bg: #fff; --icheck-hover-border-color: var(--brand-primary); --icheck-active-bg: var(--brand-primary); --icheck-active-border-color: var(--brand-primary); --icheck-active-icon-color: #fff; --icheck-disabled-bg: var(--gray-lighter-4); --icheck-disabled-border-color: var(--gray-lighter-4); --icheck-border-radius: var(--border-radius-sm); --icheck-border: var(--icheck-border-width) solid var(--icheck-border-color); --checkbox-spacing: var(--spacing-2x); --input-group-addon-bg: var(--gray-lighter-4); --input-group-addon-border-color: var(--input-border); --input-group-spacing-base: var(--spacing-2x); --input-group-spacing-lg: var(--spacing-3x); --input-group-spacing-sm: var(--spacing-1x); --form-group-margin-bottom: 12px; --form-check-input-gutter: 20px; --form-check-input-margin-y: 5px; --form-check-inline-margin-x: 12px; --form-check-inline-input-margin-x: 5px;--legend-color: var(--gray-darker);--legend-border-color: #e5e5e5; --cursor-disabled: not-allowed; --form-text-margin-top: var(--spacing-1x); --form-feedback-margin-top: var(--form-text-margin-top); --form-feedback-font-size: var(--font-size-sm); --form-feedback-valid-color: var(--brand-success); --form-feedback-invalid-color: var(--brand-danger); --form-feedback-icon-valid-color: var(--form-feedback-valid-color); --form-feedback-icon-valid: url("data:image/svg+xml,"); --form-feedback-icon-invalid-color: var(--form-feedback-invalid-color); --form-feedback-icon-invalid: url("data:image/svg+xml,"); --form-feedback-tooltip-padding-y: var(--tooltip-padding-y); --form-feedback-tooltip-padding-x: var(--tooltip-padding-x); --form-feedback-tooltip-font-size: var(--tooltip-font-size); --form-feedback-tooltip-line-height: var(--line-height-base); --form-feedback-tooltip-opacity: var(--tooltip-opacity); --form-feedback-tooltip-border-radius: var(--tooltip-border-radius); --form-grid-gutter-width: 10px; --select-option-color: var(--text-body-color); --select-option-bg: #fff;}.lagom-dark-mode{ --input-bg: var(--ui-block-bg); --input-hover-bg: var(--ui-block-bg); --input-focus-bg: var(--ui-block-bg); --icheck-bg: transparent; --icheck-hover-bg: transparent; --select-option-bg: #262626;}:root { --spacing-0x: 0px; --spacing-1x: 8px; --spacing-2x: calc(2 * var(--spacing-1x)); --spacing-3x: calc(3 * var(--spacing-1x)); --spacing-4x: calc(4 * var(--spacing-1x)); --spacing-5x: calc(5 * var(--spacing-1x)); --spacing-6x: calc(6 * var(--spacing-1x)); --spacing-7x: calc(7 * var(--spacing-1x)); --spacing-8x: calc(8 * var(--spacing-1x)); --spacing-9x: calc(9 * var(--spacing-1x)); --spacing-10x: calc(10 * var(--spacing-1x)); --spacing-11x: calc(11 * var(--spacing-1x)); --spacing-12x: calc(12 * var(--spacing-1x)); --spacing-13x: calc(13 * var(--spacing-1x)); --spacing-14x: calc(14 * var(--spacing-1x)); --spacing-15x: calc(15 * var(--spacing-1x)); --border-radius-none: 0px; --border-radius-xs: 3px; --border-radius-sm: 4px; --border-radius-base: 6px; --border-radius-lg: 8px; --border-radius-xlg: 20px; --border-width-base: 1px; --box-shadow-none: none; --box-shadow-xs: 0 1px 1px rgba(0,0,0,.05); --box-shadow-sm: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 16px rgba(0, 0, 0, 0.08); --box-shadow-base: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 2px 24px rgba(0, 0, 0, 0.08); --box-shadow-lg: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 8px 40px rgba(0, 0, 0, 0.08); --box-shadow-xlg: 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 8px 56px rgba(0, 0, 0, 0.08); --ui-height-xs: 30px; --ui-height-sm: 36px; --ui-height-base: 44px; --ui-height-lg: 56px; --ui-height-xlg: 64px; --ui-padding-base-v: var(--spacing-1x); --ui-padding-base-h: var(--spacing-2x); --ui-padding-xs-v: 2px; --ui-padding-xs-h: var(--spacing-1x); --ui-padding-sm-v: 4px; --ui-padding-sm-h: var(--spacing-2x); --ui-padding-lg-v: var(--spacing-1x); --ui-padding-lg-h: var(--spacing-3x); --ui-padding-xlg-v: var(--spacing-1x); --ui-padding-xlg-h: var(--spacing-4x); --ui-block-bg: #fff; --ui-block-overlay-bg: rgba(255,255,255, .78); --ui-block-overlay-bg-2: #fff; --ui-block-bg-form: var(--ui-block-bg); --ui-block-border-color: transparent; --ui-block-border-radius: var(--border-radius-base); --ui-block-border-radius-lg: var(--border-radius-lg); --ui-block-shadow: var(--box-shadow-base); --ui-block-shadow-lg: var(--box-shadow-lg); --ui-block-shadow-xlg: var(--box-shadow-xlg); --ui-block-border: none; --ui-block-header-height: 56px; --ui-block-header-bg: transparent; --ui-block-secondary-divider-border-color: hsla(0, 0%, 100%, 12%); --ui-block-divider-color: var(--gray-lighter-4); --ui-block-divider-border: 1px solid var(--ui-block-divider-color); --ui-block-link-hover-bg: var(--brand-primary-lighter-4); --ui-block-link-active-bg: var(--brand-primary-lighter-4); --ui-block-link-disabled-color: var(--text-lighter-color); --ui-block-overlay-shadow: var(--box-shadow-lg); --ui-nav-link-bg: transparent; --ui-nav-link-border-radius: var(--border-radius-sm); --ui-nav-link-hover-bg: transparent; --ui-nav-link-active-bg: var(--brand-primary-lighter-4); --dropdown-link-disabled-color: #ACB0B9; --ui-nav-link-icon-size: 18px; --ui-nav-link-icon-size-sm: 12px; --ui-nav-link-icon-spacing: 10px; --ui-nav-link-icon-spacing-lg: 16px; --ui-nav-h-link-padding-h: var(--spacing-2x); --ui-nav-v-link-padding-v: 6px; --ui-nav-v-link-padding-h: 0px; --ui-nav-v-link-hover-padding-h: 0px; --ui-nav-v-link-active-padding-h: 12px; --ui-block-padding-base: var(--spacing-3x); --ui-block-padding-base-v: var(--spacing-2x); --ui-block-padding-sm: var(--spacing-2x); --ui-block-padding-sm-v: var(--spacing-1x); --ui-block-padding-lg: var(--spacing-4x); --ui-block-padding-lg-v: var(--spacing-3x); --ui-block-padding-xlg: var(--spacing-6x); --ui-block-padding-xlg-v: var(--spacing-4x); --ui-block-spacing-xs: var(--spacing-1x); --ui-block-spacing-sm: var(--spacing-2x); --ui-block-spacing-base: var(--spacing-3x); --ui-block-spacing-lg: var(--spacing-4x); --ui-block-spacing-xlg: var(--spacing-5x); --state-primary-bg: var(--brand-primary-lighter-3); --state-primary-text: var(--brand-primary); --state-primary-border: var(--brand-primary-lighter-2); --state-info-bg: var(--brand-info-lighter-4); --state-info-text: var(--brand-info); --state-info-border: var(--brand-info-lighter-2); --state-success-bg: var(--brand-success-lighter-4); --state-success-text: var(--brand-success); --state-success-border: var(--brand-success-lighter-2); --state-warning-bg: var(--brand-warning-lighter-4); --state-warning-text: var(--brand-warning); --state-warning-border: var(--brand-warning-lighter-2); --state-danger-bg: var(--brand-danger-lighter-4); --state-danger-text: var(--brand-danger); --state-danger-border: var(--brand-danger-lighter-2); --label-color: #fff; --label-link-hover-color: #fff; --label-default-bg: var(--gray-faded); --label-default-color: var(--gray-base); --label-primary-bg: var(--brand-primary); --label-primary-color: #fff; --label-primary-faded-bg: var(--brand-primary-lighter-3); --label-primary-faded-color: var(--brand-primary); --label-secondary-bg: var(--brand-secondary); --label-secondary-color: #fff; --label-success-bg: var(--state-success-bg); --label-success-color: var(--state-success-text); --label-info-bg: var(--state-info-bg); --label-info-color: var(--state-info-text); --label-warning-bg: var(--state-warning-bg); --label-warning-color: var(--state-warning-text); --label-danger-bg: var(--state-danger-bg); --label-danger-color: var(--state-danger-text); --label-purple-bg: #b3a3de; --label-purple-color: #fff; --label-savings-bg: #FFE7EC; --label-savings-color: #F12F75; --label-text-transform: uppercase; --label-margin-bottom: 5px; --tickets-label-color: #fff; --label-xxs-font-size: 10px; --label-xs-font-size: var(--font-size-xs); --label-sm-font-size: var(--font-size-xs); --label-font-size: var(--font-size-sm); --label-lg-font-size: var(--font-size-base); --label-xxs-line-height: var(--line-height-xs); --label-xs-line-height: var(--line-height-xs); --label-sm-line-height: var(--line-height-xs); --label-line-height: var(--line-height-sm); --label-lg-line-height: var(--line-height-base); --label-xxs-padding: 1px 6px; --label-xs-padding: 1px 6px; --label-sm-padding: 3px 6px; --label-padding: 4px 6px; --label-lg-padding: 6px 8px; --label-xxs-border-radius: var(--border-radius-xs); --label-xs-border-radius: var(--border-radius-xs); --label-sm-border-radius: var(--border-radius-sm); --label-border-radius: var(--border-radius-sm); --label-lg-border-radius: var(--border-radius-base); --label-icon-size: 10px; --status-pending-transfer: var(--brand-warning-darker); --status-pending: var(--brand-warning-darker); --status-active: var(--brand-success); --status-suspended: var(--brand-danger-lighter); --status-customer-reply: var(--brand-warning-darker); --status-fraud: var(--gray-darker); --status-answered: #7b4f9d; --status-expired: #004258; --status-grace: var(--brand-warning-darker); --status-terminated: var(--gray-lighter); --status-onhold: var(--brand-info); --status-inprogress: var(--brand-danger-lighter); --status-closed: var(--gray-lighter-2); --status-paid: var(--brand-success); --status-unpaid: var(--brand-danger); --status-cancelled: var(--gray-lighter-2); --status-collections: #2c3e50; --status-refunded: var(--brand-warning); --status-payment-pending: var(--brand-info); --status-accepted: var(--brand-success); --status-delivered: var(--brand-warning); --status-lost: var(--gray-darker); --status-default: var(--gray-base); --status-type-operator: var(--label-info-bg); --status-type-operator-text-color: var(--label-info-color); --status-type-owner: var(--label-success-bg); --status-type-owner-text-color: var(--label-success-color); --status-type-authorizeduser: var(--label-default-bg); --status-type-authorizeduser-text-color: var(--label-default-color); --status-type-registereduser: var(--label-warning-bg); --status-type-registereduser-text-color: var(--label-warning-color); --status-type-guest: var(--label-default-bg); --status-type-guest-text-color: var(--label-default-color); --transition-base: .24s ease; --transition-fade: opacity .15s linear; --transition-collapse: height .35s ease; --zindex-navbar: 1000; --zindex-dropdown: 1000; --zindex-popover: 1001; --zindex-tooltip: 1001; --zindex-sticky: 1020; --zindex-navbar-fixed: 1030; --zindex-fixed: 1030; --zindex-modal-background: 1040; --zindex-modal-backdrop: 1040; --zindex-modal: 1050; --zindex-popover: 1060; --zindex-tooltip: 1070; --caret-width-base: 4px; --caret-width-large: 5px; --caret-width: .3em; --caret-vertical-align: var(--caret-width) * .85; --caret-spacing: var(--caret-width) * .85; --ui-icon-color: var(--gray-icons); --ui-icon-size-base: 18px; --ui-icon-size-small: 12px; --scrollbar-width: 6px; --scrollbar-track-bg: var(--gray-lighter-4); --scrollbar-thumb-bg: var(--gray-lighter-3); --scrollbar-thumb-hover-bg: var(--gray-lighter-2); --scrollbar-secondary-track-bg: rgba(255,255,255, 0.1); --scrollbar-secondary-thumb-bg: rgba(255,255,255, 0.32); --scrollbar-secondary-thumb-hover-bg: rgba(255,255,255, 0.48); --max-width-xs: 380px; --max-width-sm: 548px; --max-width-md: 768px; --max-width-lg: 928px; --container-xl-max-width: 1288px; --container-lg-max-width: 960px; --container-md-max-width: 720px; --container-sm-max-width: 540px; --ui-gutter-base: var(--spacing-3x); --ui-gutter-sm: var(--spacing-2x); --ui-gutter-lg: var(--spacing-4x); --ui-gutter-xlg: var(--spacing-5x);}@media (max-width: 767px) { :root { --ui-gutter-base: var(--spacing-2x); --ui-gutter-sm: var(--spacing-1x); --ui-gutter-lg: var(--spacing-3x); --ui-gutter-xlg: var(--spacing-4x); --ui-block-spacing-sm: calc(var(--spacing-1x)2/); --ui-block-spacing-sm: var(--spacing-1x); --ui-block-spacing-base: var(--spacing-2x); --ui-block-spacing-lg: var(--spacing-3x); --ui-block-spacing-xlg: var(--spacing-4x); --ui-block-padding-base: var(--spacing-2x); --ui-block-padding-base-v: var(--spacing-2x); --ui-block-padding-sm: var(--spacing-2x); --ui-block-padding-sm-v: var(--spacing-1x); --ui-block-padding-lg: var(--spacing-3x); --ui-block-padding-lg-v: var(--spacing-2x); --ui-block-padding-xlg: var(--spacing-4x); --ui-block-padding-xlg-v: var(--spacing-3x); }}@-moz-document url-prefix() { :root{ --ui-block-overlay-bg: rgba(255,255,255, .87); }}.lagom-dark-mode{ --ui-block-bg: #242424; --ui-block-link-hover-bg: var(--gray-faded); --ui-block-link-active-bg: var(--gray-faded); --ui-block-divider-color: #2E2E2E; --dropdown-link-disabled-color: #666666; --status-answered: #9871B7; --status-expired: #3FA1B8; --status-onhold: var(--brand-info-ligher); --status-collections: #6185A8; --status-payment-pending: var(--brand-info-lighter); --box-shadow-base: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 2px 24px rgba(0, 0, 0, 0.24); --box-shadow-lg: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 8px 40px rgba(0, 0, 0, 0.24); --box-shadow-xlg: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 8px 56px rgba(0, 0, 0, 0.24); --state-pirmary-bg: var(--dark-mode-brand-primary-lighter-3); --state-pirmary-text: var(--dark-mode-brand-primary-lighter); --state-pirmary-border: var(--dark-mode-brand-primary-lighter-2); --state-info-bg: var(--dark-mode-brand-info-lighter-4); --state-info-text: var(--dark-mode-brand-info-lighter); --state-info-border: var(--dark-mode-brand-info-lighter-2); --state-success-bg: var(--dark-mode-brand-success-lighter-4); --state-success-text: var(--dark-mode-brand-success); --state-success-border: var(--dark-mode-brand-success-lighter-2); --state-warning-bg: var(--dark-mode-brand-warning-lighter-4); --state-warning-text: var(--dark-mode-brand-warning); --state-warning-border: var(--dark-mode-brand-warning-lighter-2); --state-danger-bg: var(--dark-mode-brand-danger-lighter-4); --state-danger-text: var(--dark-mode-brand-danger); --state-danger-border: var(--dark-mode-brand-danger-lighter-2); --label-success-bg: var(--dark-mode-brand-success-lighter-3); --label-success-color: var(--dark-mode-brand-success); --label-info-bg: var(--dark-mode-brand-info-lighter-3); --label-info-color: var(--dark-mode-brand-info); --label-warning-bg: var(--dark-mode-brand-warning-lighter-3); --label-warning-color: var(--dark-mode-brand-warning); --label-danger-bg: var(--dark-mode-brand-danger-lighter-4); --label-danger-color: var(--dark-mode-brand-danger); --label-savings-bg: #4d2830; --label-savings-color: #F01A67; --label-primary-faded-color: var(--brand-primary-lighter);}.client-home-alerts.alert-group { box-shadow: none;}.client-home-alerts .alert.alert-lagom { background-color: var(--brand-secondary); border-color: var(--brand-secondary); color: #fff; border-radius: 40px;}.client-home-alerts .alert.alert-lagom p, .client-home-alerts .alert.alert-lagom a, .client-home-alerts .alert.alert-lagom .btn { color: #fff !important;}@media (min-width: 1320px) { .main-grid { flex-direction: row-reverse; justify-content: space-between; }}.main-sidebar.main-sidebar-right { margin-right: 0;}#support_pinn { margin-top: 0; text-align: left !important; margin-bottom: 16px; color: var(--brand-primary); font-size: 34px; line-height: 40px; font-weight: 500;}.panel-footer center { text-align: left;}.main-sidebar { color: #2a2e36;}:root { --svg-icon-stroke-width: 2px; --svg-illustration-shadow-color: #000; --svg-illustration-shadow-opacity-start: 0.15; --svg-icon-color-base: var(--brand-primary); --svg-icon-color-lighter: var(--brand-primary-lighter); --svg-icon-color-secondary: var(--gray-darker); --svg-icon-color-icon: #ffffff; --svg-icon-on-dark-color-secondary: #ffffff; --svg-icon-on-primary-color-base: #ffffff; --svg-icon-on-primary-color-lighter: #DEE0E3; --svg-icon-on-primary-color-secondary: #ffffff; --svg-icon-on-primary-color-icon: var(--brand-primary); --svg-screen-top-bg: var(--svg-illustration-primary-1); --svg-screen-top-front: var(--svg-illustration-gray-2); --svg-screen-top-back: var(--svg-illustration-gray-1); --svg-screen-top-logo: var(--svg-illustration-gray-w); --svg-screen-top-logo-el: var(--svg-illustration-primary-1); --svg-screen-bottom-button: var(--svg-illustration-gray-3); --svg-screen-bottom-front: var(--svg-illustration-gray-7); --svg-screen-bottom-back: var(--svg-illustration-gray-3); --svg-screen-leg-front: var(--svg-illustration-gray-7); --svg-screen-leg-back: var(--svg-illustration-gray-3); --svg-smartphone-border: var(--svg-illustration-gray-3); --svg-smartphone-front: var(--svg-illustration-gray-6); --svg-smartphone-screen: var(--svg-illustration-gray-1); --svg-smartphone-icon: var(--svg-illustration-gray-1); --svg-smartphone-icon-bg: var(--svg-illustration-gray-w); --svg-tablet-back: var(--svg-illustration-gray-3); --svg-tablet-front: var(--svg-illustration-gray-8); --svg-tablet-screen: var(--svg-illustration-gray-w); --svg-browser-body: var(--svg-illustration-gray-8); --svg-browser-top: var(--svg-illustration-gray-3); --svg-browser-top-1: var(--svg-illustration-gray-w); --svg-browser-text: var(--svg-illustration-gray-3); --svg-browser-banner: var(--svg-illustration-gray-w); --svg-laptop-bottom-back: var(--svg-illustration-gray-3); --svg-laptop-bottom-top: var(--svg-illustration-gray-7); --svg-laptop-touchpad-inside: var(--svg-illustration-gray-3); --svg-laptop-touchpad-outside: rgba(0,0,0,0.4); --svg-laptop-screen: var(--svg-illustration-primary-1); --svg-laptop-screen-logo: var(--svg-illustration-gray-w); --svg-laptop-screen-back: var(--svg-illustration-gray-1); --svg-laptop-screen-front: var(--svg-illustration-gray-2); --svg-keyboard-keys-bottom: var(--svg-illustration-gray-3); --svg-keyboard-keys-top: var(--svg-illustration-gray-w); --svg-keyboard-body-top: var(--svg-illustration-gray-3); --svg-keyboard-body-bottom: var(--svg-illustration-gray-7); --svg-weebly-cup-body: var(--svg-illustration-gray-3); --svg-weebly-cup-top: var(--svg-illustration-gray-8); --svg-weebly-cup-inside: var(--svg-illustration-gray-3); --svg-weebly-left-elements: var(--svg-illustration-gray-3); --svg-weebly-left-elements-bottom: var(--svg-illustration-gray-8); --svg-weebly-left-body: var(--svg-illustration-gray-8); --svg-weebly-colors-bottom: var(--svg-illustration-yellow-1); --svg-weebly-colors-top: var(--svg-illustration-yellow-2); --svg-weebly-colors-top-1: var(--svg-illustration-gray-w); --svg-weebly-colors-top-2: var(--svg-illustration-yellow-3); --svg-weebly-colors-top-3: var(--svg-illustration-yellow-4); --svg-graphic-shadow: var(--box-shadow-lg); --svg-graphic-bg-primary: var(--brand-primary); --svg-graphic-bg-secondary: var(--svg-illustration-gray-2); --svg-graphic-bg-body: #fff; --svg-graphic-bg-browser-top: var(--svg-illustration-gray-8); --svg-graphic-bg-browser-actions: var(--svg-illustration-gray-3); --svg-graphic-bg-browser-search: #fff; --svg-graphic-bg-banner: var(--svg-illustration-gray-8); --svg-graphic-bg-faded: var(--svg-illustration-gray-8); --svg-graphic-bg-faded-2: var(--svg-illustration-gray-6); --svg-graphic-bg-faded-3: var(--svg-illustration-gray-3); --svg-graphic-bg-white: #fff; --svg-graphic-bg-green: var(--brand-success); --svg-graphic-bg-red: var(--brand-danger); --svg-graphic-bg-red-darker: var(--brand-danger-darker); --svg-graphic-stroke-primary: var(--brand-primary); --svg-graphic-stroke-white: #fff; --svg-graphic-stroke-faded: var(--svg-illustration-gray-3); --svg-graphic-stroke-faded-2: var(--svg-illustration-gray-3); --svg-icon-color-1: var(--brand-primary-lighter); --svg-icon-color-2: var(--brand-primary); --svg-icon-color-3: var(--gray-darker); --svg-icon-color-4: #ffffff; --svg-icon-color-5: var(--gray-lighter-3); --svg-icon-on-dark-color-1: var(--svg-icon-color-4); --svg-icon-on-dark-color-2: var(--svg-icon-color-5); --svg-icon-on-dark-color-3: var(--svg-icon-color-4); --svg-icon-on-dark-color-4: var(--svg-icon-color-2);}.lagom-dark-mode{ --svg-icon-color-3: #ffffff; --svg-icon-on-dark-color-2: var(--gray-darker);}:root { --main-top-bg: #fff; --main-top-border-bottom: 1px solid var(--ui-block-divider-color); --main-top-box-shadow: none; --main-top-padding: 4px 0; --main-body-padding-v: var(--spacing-6x); --main-body-sidebar-width: 32%; --main-body-sidebar-padding-h: var(--spacing-6x); --main-body-sidebar-padding-v: var(--spacing-6x); --main-body-sidebar-content-bg: #fff; --main-header-padding-v: var(--spacing-6x); --main-header-title-color: var(--text-heading-color); --main-header-title-font-size: var(--font-size-h2); --main-header-title-font-weight: var(--font-weight-h2); --main-header-title-line-height: var(--line-height-h2); --main-header-breadcrumb-font-size: var(--font-size-sm); --main-header-breadcrumb-color: var(--text-lighter-color); --main-header-breadcrumb-color-active: var(--gray-base); --main-header-label-bg: var(--gray-faded); --main-header-label-desc-color: var(--gray-base); --main-header-label-name-color: var(--gray-darker); --main-header-banner-bg: var(--gray-gradient-h); --main-header-banner-title-color: var(--text-heading-color); --main-header-banner-breadcrumb-color: var(--text-lighter-color); --main-header-banner-breadcrumb-color-active: var(--text-body-color); --main-header-banner-label-bg: var(--gray-lighter-4); --main-header-banner-label-desc-color: var(--gray-base); --main-header-banner-label-name-color: var(--gray-darker); --main-sidebar-sticky-top: var(--spacing-3x); --main-sidebar-width: 280px; --main-sidebar-spacing-h: var(--spacing-5x); --main-sidebar-right-spacing-h: var(--spacing-5x); --main-sidebar-lg-width: 340px; --main-footer-bg: #fff; --main-footer-border-top: var(--ui-block-divider-border); --main-footer-box-shadow: none; --main-footer-link-font-size: var(--font-size-lg); --main-footer-link-line-height: var(--line-height-lg); --main-footer-link-font-weight: var(--font-weight-light); --main-footer-link-padding-h: 0; --main-footer-link-padding-v: var(--ui-nav-v-link-padding-v); --main-footer-link-color: var(--ui-nav-secondary-link-color); --main-footer-link-hover-color: var(--ui-nav-secondary-link-hover-color); --main-footer-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h); --main-footer-link-icon-color: var(--ui-nav-secondary-link-icon-color); --main-footer-link-icon-hover-color: var(--ui-nav-secondary-link-icon-hover-color); --main-footer-link-icon-size: 18px; --main-footer-h-link-padding-v: var(--spacing-1x); --main-footer-h-link-padding-h: var(--spacing-2x); --main-footer-extended-padding: var(--spacing-9x); --main-footer-extended-border-top: var(--main-footer-border-top); --main-footer-extended-spacing: var(--spacing-3x); --main-footer-extended-company-margin-right: var(--spacing-8x); --main-footer-extended-title-color: var(--text-heading-color); --main-footer-extended-title-font-size: var(--font-size-xlg); --main-footer-extended-title-line-height: var(--line-height-lg); --main-footer-extended-title-font-weight: var(--font-weight-base); --main-footer-extended-title-margin-bottom: var(--spacing-2x); --main-footer-extended-desc-color: var(--text-body-color); --main-footer-extended-desc-font-size: var(--font-size-base); --main-footer-extended-desc-line-height: var(--line-height-base); --main-footer-extended-desc-font-weight: var(--font-weight-light); --main-footer-extended-desc-margin: var(--spacing-5x) 0 var(--spacing-2x) 0; --main-footer-extended-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h); --main-footer-extended-side-min-width: 240px; --layout-container-gutter: 40px; --layout-left-container-gutter: 40px; --ca-section-spacing: var(--spacing-6x); --ca-section-header-margin-bottom: var(--spacing-3x); --ca-section-title-color: var(--text-heading-color); --ca-section-title-font-size: var(--font-size-h4); --ca-section-title-font-weight: var(--font-weight-h3); --ca-section-title-line-height: var(--line-height-h4); --ca-section-desc-color: var(--text-body-color); --ca-section-desc-font-size: var(--font-size-base); --ca-section-desc-font-weight: var(--font-weight-base); --ca-section-desc-line-height: var(--line-height-base); --ca-section-sm-spacing: var(--spacing-4x); --ca-section-sm-title-font-size: var(--font-size-h5); --ca-section-sm-title-font-weight: var(--font-weight-h5); --ca-section-sm-title-line-height: var(--line-height-h5);}@media (max-width: 1319px) { :root { --main-sidebar-spacing-h: var(--spacing-4x); --main-body-sidebar-width: 40%; --main-footer-extended-side-min-width: 160px; }}@media (max-width: 991px) { :root { --main-footer-extended-desc-margin: var(--spacing-1x) 0 0 0; --main-footer-extended-spacing: var(--spacing-2x); }}@media (max-width: 767px) { :root { --main-body-padding-v: var(--spacing-5x); --main-header-padding-v: var(--spacing-5x); --main-body-sidebar-padding-h: var(--spacing-4x); --main-body-sidebar-padding-v: var(--spacing-4x); --ca-section-spacing: var(--spacing-4x); --main-footer-extended-padding: var(--spacing-6x); }}@media (max-width: 479px) { :root { --layout-container-gutter: 24px; }}.lagom-dark-mode{ --main-footer-bg: #121212; --main-top-bg: transparent; --main-body-sidebar-content-bg: transparent;}:root { --app-nav-logo-height: 42px; --app-nav-logo-width: 100%; --app-nav-header-height: calc(var(--app-nav-logo-height) + var(--spacing-4x)); --app-nav-top-bg: #fff; --app-nav-navbar-bg: var(--app-nav-top-bg); --app-nav-top-box-shadow: var(--box-shadow-lg); --app-nav-top-border-bottom: none; --app-nav-top-menu-link-color: var(--ui-nav-link-color); --app-nav-top-menu-link-hover-color: var(--ui-nav-link-hover-color); --app-nav-top-menu-link-font-size: var(--font-size-lg); --app-nav-top-menu-link-font-weight: var(--font-weight-base); --app-nav-top-menu-link-line-height: var(--line-height-base); --app-nav-top-menu-icon-size: 18px; --app-nav-top-menu-svg-icon-size: 32px; --app-nav-top-menu-icon-color: var(--ui-nav-link-icon-color); --app-nav-top-menu-icon-hover-color: #fff; --app-nav-top-menu-link-padding-h: var(--spacing-3x); --app-nav-top-menu-link-padding-v: var(--spacing-2x); --app-nav-top-menu-dropdown-width: 250px; --app-nav-top-menu-dropdown-icon-size: 40px; --top-nav-link-padding-h: 8px; --top-nav-link-padding-v: 6px; --top-nav-link-spacing: 8px; --top-nav-link-color: var(--ui-nav-secondary-link-color); --top-nav-link-hover-color: var(--ui-nav-secondary-link-hover-color); --top-nav-link-active-color: var(--ui-nav-secondary-link-active-color); --top-nav-link-icon-color: var(--ui-nav-secondary-link-icon-color); --top-nav-link-icon-hover-color: var(--ui-nav-secondary-link-icon-hover-color); --top-nav-link-icon-active-color: var(--ui-nav-secondary-link-icon-active-color); --app-nav-top-condensed-header-height: 36px; --app-nav-top-condensed-header-border-bottom: 1px solid var(--ui-block-divider-color); --app-nav-top-condensed-menu-link-padding-h: var(--spacing-2x); --app-nav-top-condensed-menu-link-padding-v: var(--app-nav-top-menu-link-padding-v); --app-nav-top-condensed-logo-spacing: var(--spacing-4x); --app-nav-left-width: 140px; --app-nav-left-bg: linear-gradient( to bottom, #1464ac 40%, var(--brand-secondary) 100%); --app-nav-left-box-shadow: var(--box-shadow-lg); --app-nav-left-link-hover-bg: var(--brand-secondary); --app-nav-left-link-active-bg: var(--ui-nav-link-active-bg); --app-nav-left-link-color: var(--text-secondary-body-color); --app-nav-left-link-hover-color: var(--text-secondary-body-color); --app-nav-left-link-active-color: var(--text-secondary-body-color); --app-nav-left-link-font-size: var(--font-size-lg); --app-nav-left-link-font-weight: var(--font-weight-base); --app-nav-left-link-padding-h: var(--spacing-2x); --app-nav-left-link-padding-v: var(--spacing-2x); --app-nav-left-icon-size: 18px; --app-nav-left-svg-icon-size: 40px; --app-nav-left-icon-color: rgba(255, 255, 255, .64); --app-nav-left-icon-hover-color: inherit; --app-nav-left-icon-active-color: inherit; --app-nav-left-dropdown-icon-size: 12px; --app-nav-left-dropdown-width: 240px; --app-nav-left-wide-width: 280px; --app-nav-left-wide-link-padding-h: var(--spacing-3x); --app-nav-left-wide-link-padding-v: var(--spacing-2x); --app-nav-left-wide-link-color: var(--ui-nav-link-color); --app-nav-left-wide-link-hover-color: var(--ui-nav-link-hover-color); --app-nav-left-wide-link-hover-bg: transparent; --app-nav-left-wide-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h); --app-nav-left-wide-link-active-padding-h: var(--ui-nav-v-link-active-padding-h); --app-nav-left-wide-link-active-color: var(--ui-nav-link-active-color); --app-nav-left-wide-link-active-bg: var(--ui-nav-link-active-bg); --app-nav-left-wide-icon-color: var(--ui-nav-link-icon-color); --app-nav-left-wide-icon-hover-color: var(--ui-nav-link-icon-hover-color); --app-nav-left-wide-icon-active-color: var(--ui-nav-link-icon-active-color); --app-nav-left-wide-svg-icon-size: 32px; --app-nav-left-wide-dropdown-border-left: 1px solid rgba(224, 232, 255, .08); --app-nav-left-wide-dropdown-padding-h: var(--app-nav-left-wide-link-padding-h); --app-nav-left-wide-dropdown-padding-v: 16px; --app-nav-left-wide-dropdown-link-color: var(--ui-nav-link-color); --app-nav-left-wide-dropdown-link-hover-bg: var(--ui-nav-link-hover-bg); --app-nav-left-wide-dropdown-link-hover-color: var(--ui-nav-link-hover-color); --app-nav-left-wide-dropdown-link-hover-padding-h: var(--ui-nav-v-link-hover-padding-h); --app-nav-left-wide-dropdown-link-active-padding-h: 0; --app-nav-left-wide-dropdown-link-active-color: var(--ui-nav-link-active-color); --app-nav-left-wide-dropdown-link-active-bg: transparent; --app-nav-left-wide-dropdown-icon-color: var(--app-nav-left-icon-color); --app-nav-left-wide-dropdown-icon-hover-color: var(--app-nav-left-icon-hover-color); --app-nav-left-wide-dropdown-icon-active-color: var(--app-nav-left-icon-active-color); --app-nav-left-wide-dropdown-open-bg: transparent; --app-nav-left-wide-dropdown-open-bg-on-primary: rgba(0,0,0, 0.08); --app-nav-left-wide-dropdown-open-bg-on-secondary: rgba(0,0,0, 0.08); --extended-nav-dropdown-width: 364px; --extended-nav-link-hover-bg: var(--brand-primary-lighter-4); --extended-nav-link-hover-color: var(--brand-primary); --app-nav-top-new-spacing-h: var(--spacing-3x); --app-nav-top-new-spacing-v: var(--spacing-3x); --mob-app-nav-bg: linear-gradient( to bottom, #1464ac 40%, var(--brand-secondary) 100%); --mob-app-nav-width: 270px; --mob-app-nav-logo-height: 40px; --mob-app-nav-menu-padding-h: var(--mob-app-nav-header-height); --mob-dropdown-nav-bg: var(--ui-block-overlay-bg-2); --mob-dropdown-nav-bg-filter: unset; --mob-dropdown-nav-bg-hover: transparent; --mob-dropdown-nav-bg-active: transparent; --mob-dropdown-nav-border-radius: var(--border-radius-lg); --mob-dropdown-nav-width: 270px; --mob-dropdown-nav-logo-height: 40px; --mob-dropdown-nav-padding-h: 0px; --mob-dropdown-nav-padding-v: var(--spacing-1x); --mob-dropdown-nav-margin-h: var(--spacing-3x); --mob-dropdown-nav-box-shadow: var(--box-shadow-lg); --mob-dropdown-nav-link-bg: transparent; --mob-dropdown-nav-link-hover-bg: transparent; --mob-dropdown-nav-link-active-bg: transparent; --mob-dropdown-nav-link-color: var(--text-heading-color); --mob-dropdown-nav-link-hover-color: var(--ui-nav-link-hover-color); --mob-dropdown-nav-link-active-color: var(--ui-nav-link-active-color); --mob-dropdown-nav-link-font-size: var(--font-size-lg); --mob-dropdown-nav-link-font-weight: var(--font-weight-medium); --mob-dropdown-nav-link-padding-h: var(--spacing-3x); --mob-dropdown-nav-link-padding-v: var(--spacing-2x); --mob-dropdown-nav-link-list-padding-h: var(--spacing-2x); --mob-dropdown-nav-link-list-padding-v: 6px; --mob-dropdown-nav-caret-color: var(--gray-icons); --mob-dropdown-nav-list-bg: var(--gray-faded); --mob-dropdown-nav-list-box-shadow: none; --mob-dropdown-nav-list-padding-h: var(--spacing-3x); --mob-dropdown-nav-list-padding-v: 0; --mob-dropdown-nav-list-sidebar-bg: var(--gray-lighter-4); --mob-dropdown-nav-svg-icon-size: 40px; --mob-dropdown-nav-bg: var(--ui-block-overlay-bg-2); --mob-dropdown-nav-bg-hover: transparent; --mob-dropdown-nav-bg-active: transparent; --mob-dropdown-nav-border-radius: var(--border-radius-lg); --mob-dropdown-nav-width: 270px; --mob-dropdown-nav-logo-height: 40px; --mob-dropdown-nav-padding-h: 0px; --mob-dropdown-nav-padding-v: var(--spacing-1x); --mob-dropdown-nav-margin-h: var(--spacing-3x); --mob-dropdown-nav-box-shadow: var(--box-shadow-lg); --mob-dropdown-nav-link-bg: transparent; --mob-dropdown-nav-link-hover-bg: transparent; --mob-dropdown-nav-link-active-bg: transparent; --mob-dropdown-nav-link-color: var(--text-heading-color); --mob-dropdown-nav-link-hover-color: var(--ui-nav-link-hover-color); --mob-dropdown-nav-link-active-color: var(--ui-nav-link-active-color); --mob-dropdown-nav-link-font-size: var(--font-size-lg); --mob-dropdown-nav-link-font-weight: var(--font-weight-medium); --mob-dropdown-nav-link-padding-h: var(--spacing-3x); --mob-dropdown-nav-link-padding-v: var(--spacing-2x); --mob-dropdown-nav-link-list-padding-h: var(--spacing-2x); --mob-dropdown-nav-link-list-padding-v: 6px; --mob-dropdown-nav-caret-color: var(--gray-icons); --mob-dropdown-nav-list-bg: var(--gray-faded); --mob-dropdown-nav-list-box-shadow: none; --mob-dropdown-nav-list-padding-h: var(--spacing-3x); --mob-dropdown-nav-list-padding-v: 0; --mob-dropdown-nav-list-sidebar-bg: var(--gray-lighter-4); --mob-dropdown-nav-svg-icon-size: 40px; --mob-app-nav-header-bg: linear-gradient(to right, #1464ac, #38bfc4); --mob-app-nav-header-border-bottom: var(--ui-block-border); --mob-app-nav-header-box-shadow: var(--box-shadow-lg); --mob-app-nav-header-height: 74px; }@media (min-width: 992px) and (max-width: 1320px) { :root { --app-nav-top-menu-link-padding-h: var(--spacing-2x); }}.lagom-dark-mode{ --app-nav-top-menu-link-color: var(--text-heading-color); --app-nav-top-bg: #242424; --app-nav-left-bg: #242424; --mob-app-nav-header-bg: #242424; --mob-app-nav-bg: #242424; --mob-dropdown-nav-bg: #242424; --extended-nav-link-hover-bg: var(--gray-faded); --extended-nav-link-hover-color: var(--brand-primary-lighter);}.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu>li .dropdown-menu>li.active .menu-item-content { color: #fff;}@media (min-width: 992px) { .lagom-layout-left-wide .app-nav-default .app-nav-menu.app-nav-menu-default .menu.menu-primary>li.active>a { background: var(--brand-secondary) !important; }}.lagom-layout-left-wide .app-nav-menu .menu>li .dropdown-menu:not(.dropdown-menu-collapse)>li>a:not(.btn) { color: rgba(255, 255, 255, .64);}.lagom-layout-left-wide .app-nav-menu .menu>li .dropdown-menu:not(.dropdown-menu-collapse)>li>a:not(.btn):hover { color: #fff;}.menu-primary .dropdown-menu .menu-item-content { color: rgba(255, 255, 255, .64);}.menu-primary .dropdown-menu .menu-item-content:hover, .menu-primary .dropdown-menu .menu-item-content:active { color: #fff;} .menu-primary .dropdown-menu { background: rgba(0, 0, 0, .1)} .app-nav-menu .menu>li .dropdown-menu:not(.dropdown-menu-collapse)>li>a:not(.btn)>i { display: none;}@media (max-width: 992px) { :root { --top-nav-link-color: #fff; --top-nav-link-icon-color: #fff; --app-nav-top-menu-icon-color: #fff; --app-nav-left-wide-link-active-bg: var(--brand-secondary); --app-nav-left-link-active-bg: var(--brand-secondary); } .lagom-layout-left-wide .app-nav .navbar-main .navbar-nav>li>a>i { color: rgba(255, 255, 255, .64); padding: 3px; } } @media (max-width: 1319.98px) { .lagom-layout-left-wide .main-grid .main-sidebar.main-sidebar-right { width: fit-content; }}:root { --site-text-font-size: var(--font-size-lg); --site-text-font-weight: var(--font-weight-light); --site-text-line-height: var(--line-height-lg); --site-text-sm-font-size: var(--font-size-md); --site-text-sm-line-height: var(--line-height-md); --site-text-xs-font-size: var(--font-size-base); --site-text-xs-line-height: var(--line-height-base); --site-banner-title-font-size: var(--font-size-h1); --site-banner-title-font-weight: var(--font-weight-h1); --site-banner-title-line-height: var(--line-height-h1); --site-banner-desc-font-size: var(--font-size-xxlg); --site-banner-desc-font-weight: var(--font-weight-light); --site-banner-desc-line-height: var(--line-height-xxlg); --site-banner-height: 562px; --site-banner-padding-v: 100px; --site-banner-content-width: 496px; --site-banner-element-spacing: var(--spacing-4x); --site-banner-graphic-width: 562px; --site-banner-graphic-position-right: -40px; --site-banner-graphic-position-top: -40px; --site-banner-graphic-position-bottom: -20px; --svg-banner-primary-shape-left: rgba(0,0,0, .24); --svg-banner-primary-shape-right: rgba(0,0,0, .16); --site-banner-home-tile-height: 172px; --site-banner-tile-bg: var(--ui-block-bg); --site-banner-tile-color: #fff; --site-banner-tile-font-weight: var(--font-weight-bold); --site-banner-tile-overlay-height: var(--spacing-10x); --site-section-bg: transparent; --site-section-border-color: var(--ui-block-divider-color); --site-section-border: 1px solid var(--site-section-border-color); --site-section-title-color: var(--text-heading-color); --site-section-title-font-size: var(--font-size-h2); --site-section-title-font-weight: var(--font-weight-bold); --site-section-title-line-height: var(--line-height-h2); --site-section-title-max-width: var(--max-width-md); --site-section-title-margin-bottom: var(--spacing-9x); --site-section-title-subtitle-spacing: var(--spacing-4x); --site-section-title-sm-font-size: var(--font-size-h3); --site-section-title-sm-font-weight: var(--font-weight-bold); --site-section-title-sm-line-height: var(--line-height-h3); --site-section-title-sm-margin-bottom: var(--spacing-6x); --site-section-subtitle-color: var(--text-body-color); --site-section-subtitle-font-size: var(--font-size-xlg); --site-section-subtitle-font-weight: var(--font-weight-light); --site-section-subtitle-line-height: var(--line-height-xlg); --site-section-spacing: var(--spacing-5x); --site-section-padding-v: var(--spacing-13x); --site-section-padding-sm: var(--spacing-8x); --site-section-sides-spacing: var(--spacing-8x); --site-section-illustration-width: 592px; --site-section-illustration-height: 513px; --site-section-illustration-width-sm: 376px; --site-section-illustration-height-sm: 324px; --site-section-secondary-bg: transparent; --site-section-secondary-title-color: var(--site-section-title-color); --site-section-secondary-subtitle-color: var(--site-section-subtitle-color); --site-section-secondary-desc-color: var(--site-section-title-color); --site-section-secondary-border: 1px solid var(--site-section-border-color); --feature-title-font-size: var(--font-size-h5); --feature-title-font-weight: var(--font-weight-base); --feature-title-line-height: var(--line-height-h5); --feature-desc-font-size: var(--font-size-lg); --feature-desc-line-height: var(--line-height-lg); --feature-desc-font-weight: var(--font-weight-light); --feature-margin-bottom: var(--ui-block-spacing-xlg); --feature-row-margin-bottom: var(--spacing-8x); --feature-icon-margin-bottom: var(--ui-block-spacing-base); --feature-boxed-bg: var(--ui-block-bg); --feature-boxed-border: 1px solid var(--ui-block-divider-color); --feature-boxed-border-radius: var(--ui-block-border-radius); --feature-boxed-padding: var(--ui-block-padding-lg); --feature-boxed-shadow: var(--ui-block-shadow); --feature-lg-title-font-size: var(--font-size-xxlg); --feature-lg-title-font-weight: var(--font-weight-light); --feature-lg-title-line-height: var(--line-height-xlg); --feature-lg-desc-font-size: var(--font-size-lg); --feature-lg-desc-font-weight: var(--font-weight-light); --feature-lg-desc-line-height: var(--line-height-lg); --feature-lg-icon-margin-bottom: var(--ui-block-spacing-lg); --feature-lg-boxed-padding: var(--ui-block-padding-xlg); --feature-sm-title-font-size: var(--font-size-h6); --feature-sm-title-font-weight: var(--font-weight-base); --feature-sm-title-line-height: var(--line-height-h6); --feature-sm-desc-font-size: var(--font-size-md); --feature-sm-desc-font-weight: var(--font-weight-light); --feature-sm-desc-line-height: var(--line-height-md); --feature-sm-svg-icon-size: 40px; --feature-sm-boxed-padding: var(--ui-block-padding-base); --site-browser-actions-dot-bg: rgba(0,0,0, .1); --site-shadow-default: var(--box-shadow-xlg);}@media (max-width: 991px) { :root { --site-banner-content-width-desktop: 496px; --site-banner-content-width: calc(0.8 * var(--site-banner-content-width-desktop)); }}@media (max-width: 767px) { :root { --site-banner-padding-v: var(--spacing-8x); --site-section-sides-spacing: var(--spacing-5x); --feature-row-margin-bottom: var(--spacing-4x); --site-section-padding-v: var(--spacing-8x); --site-section-title-margin-bottom: var(--spacing-5x); --site-section-title-sm-margin-bottom: var(--spacing-3x); }}:root { --font-family-base: "Nunito Sans"; --font-family-custom: unset; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-family-icons-medium: 'lagom-medium-icons'; --font-family-icons-small: 'lagom-small-icons'; --text-body-color: var(--gray-base); --text-lighter-color: var(--gray-lighter); --text-faded-color: var(--gray-lighter-2); --text-heading-color: var(--gray-darker); --text-primary-color: var(--brand-primary); --text-success-color: var(--brand-success); --text-warning-color: var(--brand-warning); --text-danger-color: var(--brand-danger); --text-secondary-body-color: hsla(0, 0%, 100%, 92%); --text-secondary-lighter-color: hsla(0, 0%, 100%, 80%); --text-secondary-faded-color: hsla(0, 0%, 100%, 56%); --text-secondary-heading-color: #fff; --text-secondary-primary-color: var(--brand-primary-lighter); --text-secondary-success-color: var(--brand-success-lighter); --text-secondary-warning-color: var(--brand-warning-lighter); --text-secondary-danger-color: var(--brand-danger-lighter); --link-color: var(--text-primary-color); --link-hover-color: var(--text-primary-color); --ui-nav-link-color: var(--text-heading-color); --ui-nav-link-hover-color: var(--text-primary-color); --ui-nav-link-active-color: var(--text-primary-color); --ui-nav-link-icon-color: var(--gray-icons); --ui-nav-link-icon-hover-color: var(--gray-icons-hover); --ui-nav-link-icon-active-color: var(--gray-icons-hover); --ui-nav-secondary-link-color: var(--text-body-color); --ui-nav-secondary-link-hover-color: var(--text-primary-color); --ui-nav-secondary-link-active-color: var(--text-primary-color); --ui-nav-secondary-link-icon-color: var(--gray-icons); --ui-nav-secondary-link-icon-hover-color: var(--gray-icons-hover); --ui-nav-secondary-link-icon-active-color: var(--gray-icons-hover); --font-size-xs: 12px; --font-size-sm: 14px; --font-size-base: 16px; --font-size-md: 15px; --font-size-lg: 17px; --font-size-xlg: 20px; --font-size-xxlg: 24px; --font-size-h6: 18px; --font-size-h5: 20px; --font-size-h4: 26px; --font-size-h3: 18px; --font-size-h2: 40px; --font-size-h1: 48px; --line-height-xs: 18px; --line-height-sm: 20px; --line-height-base: 24px; --line-height-md: 24px; --line-height-lg: 28px; --line-height-xlg: 32px; --line-height-xxlg: 40px; --line-height-h6: 24px; --line-height-h5: 28px; --line-height-h4: 34px; --line-height-h3: 28px; --line-height-h2: 52px; --line-height-h1: 56px; --font-weight-light: 300; --font-weight-base: 400; --font-weight-medium: 500; --font-weight-bold: 700; --font-weight-black: 900; --font-weight-bolder: bolder; --font-weight-h6: var(--font-weight-medium); --font-weight-h5: var(--font-weight-base); --font-weight-h4: var(--font-weight-light); --font-weight-h3: var(--font-weight-medium); --font-weight-h2: var(--font-weight-black); --font-weight-h1: var(--font-weight-black); --paragraph-margin-bottom: var(--spacing-2x); --headings-margin-bottom: var(--spacing-2x); --link-decoration: none; --article-font-color: var(--text-body-color); --article-font-size-base: var(--font-size-lg); --article-font-weight-base: var(--font-weight-base); --article-line-height-base: var(--line-height-lg); --article-h1-margin-top: var(--spacing-8x); --article-h1-margin-bottom: var(--spacing-6x); --article-h2-margin-top: var(--spacing-6x); --article-h2-margin-bottom: var(--spacing-4x); --article-h3-margin-top: var(--spacing-5x); --article-h3-margin-bottom: var(--spacing-4x); --article-h4-margin-top: var(--spacing-5x); --article-h4-margin-bottom: var(--spacing-4x); --article-h5-margin-top: var(--spacing-4x); --article-h5-margin-bottom: var(--spacing-2x); --article-h6-margin-top: var(--spacing-3x); --article-h6-margin-bottom: var(--spacing-2x);}@media (max-width: 767px) { :root { --font-size-xs: 12px; --font-size-sm: 13px; --font-size-base: 14px; --font-size-md: 15px; --font-size-lg: 16px; --font-size-xlg: 18px; --font-size-xxlg: 21px; --font-size-h6: 16px; --font-size-h5: 18px; --font-size-h4: 21px; --font-size-h3: 26px; --font-size-h2: 32px; --font-size-h1: 40px; --line-height-xs: 18px; --line-height-sm: 20px; --line-height-base: 24px; --line-height-md: 24px; --line-height-lg: 28px; --line-height-xlg: 32px; --line-height-xxlg: 40px; --line-height-h6: 22px; --line-height-h5: 28px; --line-height-h4: 30px; --line-height-h3: 34px; --line-height-h2: 40px; --line-height-h1: 48px; }}.lagom-dark-mode{ --text-primary-color: var(--brand-primary-lighter); --text-heading-color: #fff;}@font-face { font-family: "Nunito Sans"; src: url("../../fonts/NunitoSans-Regular.ttf"); font-weight: normal; font-style: normal; font-display: swap;}@font-face { font-family: "Nunito Sans Bold"; src: url("../../fonts/NunitoSans-Bold.ttf"); font-weight: normal; font-style: normal; font-display: swap;}@font-face { font-family: "Nunito Sans SemiBold"; src: url("../../fonts/NunitoSans-SemiBold.ttf"); font-weight: normal; font-style: normal; font-display: swap;}body { --tealish: #38bfc4; font-family: 'Nunito Sans', sans-serif; color: #2a2e36;}.main-body { background-image: url('/templates/lagom2/assets/img/digipac/whmcs-bg.svg'); background-position: bottom right; background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 0;}.btn { border-radius: 21px;}.btn.btn-default { border-radius: 21px; font-family: "Nunito Sans Bold", sans-serif;}.btn.btn-primary,.btn.btn-primary-faded { font-size: 14px; text-transform: uppercase; font-family: "Nunito Sans SemiBold", sans-serif; border-radius: 21px; height: 42px;}.find-domain-box,.panel-domain-search.panel-domain-search-primary { width: 100%; border-radius: 84px; box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); background-color: #1464ac; background-image: linear-gradient(99deg, #1464ac, #38bfc4); display: flex; padding: 40px; margin: 22px 0 30px 0;}.find-domain-lhs { display: flex; align-items: center; justify-content: flex-start; width: 50%;}.find-domain-lhs img { width: 44px; height: 44px; margin: auto 0;}.find-domain-text h2 { margin: 0; color: white; font-size: 23px; font-family: "Nunito Sans Bold", sans-serif; src: url("../../fonts/NunitoSans-SemiBold.ttf"); line-height: 1.26;}.find-domain-text { padding-left: 10px; color: white;}.find-domain-text p { font-size: 13px; font-family: "Nunito Sans SemiBold", sans-serif; src: url("../../fonts/NunitoSans-SemiBold.ttf"); margin: 0; line-height: 1.26;}.find-domain-rhs { width: 50%; position: relative; display: flex; align-items: center;}.find-domain-rhs form { display: flex; width: 100%;}.find-domain-rhs form input[type=submit] { background: #0060AF; color: white; width: 125px; border-radius: 21px; margin-left: -50px;}.find-domain-rhs form input#search_box { background: white; border-radius: 21px; border: none; width: 100%; padding: 0 55px 0 20px;}.find-domain-rhs > a { position: absolute; top: 100%; color: white; font-family: "Nunito Sans SemiBold", sans-serif; src: url("../../fonts/NunitoSans-SemiBold.ttf"); font-size: 13px; left: 20px;}.find-domain-rhs > a:link,.find-domain-rhs > a:visited,.find-domain-rhs > a:hover,.find-domain-rhs > a:active { color: white; }.find-domain-rhs a:hover { text-decoration: underline;}.iconTile { padding: 15px; cursor: pointer;}.iconTile.nopointer { cursor: inherit;}.iconTile:hover { background-color: #DEDEDE; border-radius: 4px;}.iconTile.no-hover:hover { background-color: inherit;}.iconTile * { font-family: 'Lato', sans-serif;}.iconTile a:hover { text-decoration: none;}.iconTile .icon { float: left; margin-right: 20px;}.iconTile .icon img { width: 44px; padding: 7px; border-radius: 5px;}.iconTile.blue .icon img { background: #175bae;}.iconTile.green .icon img { background: #89ba3f;}.iconTile.orange .icon img { background-color: #f36339;}.iconTile.yellow .icon img { background-color: #ffcc00;}.iconTile.red .icon img { background-color: #d9534f;}.iconTile.gray .icon img { background-color: #f2f2f2;}.iconTile .title { margin-bottom: 10px; font-size: 21px; text-align: left; color: #323232; line-height: 16px;}.iconTile .sub-title,.iconTile .body { font-size: 13px; font-weight: lighter; text-align: left; line-height: 16px; margin-left: 64px; color: #9f9f9f;}.iconTile .body.margintop { margin-top: 30px;}.iconTile .body strong { font-weight: normal;}.backToServices { margin-bottom: 20px; padding: 0 0 0 22px; float: left; color: #222222; font-size: 16px; font-weight: lighter; background: url(../img/back-arrow.png) no-repeat left center;}a.configure { background: url(../img/configure.png) no-repeat left top; width: 22px; height: 22px; display: block; text-indent: -9999em;}.configOption { margin-bottom: 5px; border-bottom: 1px solid #f1f1f1;}.configOption:last-child { margin-bottom: 0; border-bottom: none;}.usagePeriod { margin-top: 14px; font-size: 16px;}.panel-choose-domain .panel-body.panel-domain-search.panel-domain-search-primary { width: 100%; margin: 0; border-radius: 0 0 4px 4px; background-image: linear-gradient(99deg, #1464ac, #38bfc4); width: 100%;}.main-content .search-box.search-box-primary,.panel-body.panel-domain-search.panel-domain-search-primary { border-radius: 84px; margin: 22px 32px 30px 12px; box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); background-color: #1464ac; background-image: linear-gradient(99deg, #1464ac, #38bfc4); padding: 40px;}.main-content .search-box.search-box-primary input#inputDomain,.panel-body.panel-domain-search.panel-domain-search-primary input#registersld,.panel-body.panel-domain-search.panel-domain-search-primary input#transfersld, .panel-body.panel-domain-search.panel-domain-search-primary input#owndomainsld { background: white; border-radius: 21px; border: none; width: 100%; height: 42px;}.search-box-primary .domain-search-input .search-field-icon { top: 12px; left: 24px;}.main-content .search-box.search-box-primary .domain-check-availability { background: #0060AF; color: white; width: 125px; border-radius: 21px; margin-left: -50px; height: 42px;}.main-sidebar { margin-left: 22px;}.main-sidebar .panel-sidebar[menuitemname="Categories"] { display: none;}.main-header h1.main-header-title { font-family: "Nunito Sans Bold", sans-serif; font-size: 40px; line-height: 1; word-break: break-all; font-weight: 400; margin: 0; border-bottom: none;}.lagom-layout-banner .app-main .main-header { background-image: none; background-color: transparent; padding-bottom: 0;}.main-sidebar .panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group>a.list-group-item:hover { background: rgb(235, 244, 253); padding-left: 16px; padding-right: 16px;}.main-sidebar .panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group>a.list-group-item.active { background-color: #e8e8e8; color: black;}.main-sidebar .panel-sidebar:not(.panel-summary):not(.panel-styled-group) .list-group>a.list-group-item.active>i { color: black;}ul#domainSuggestions button { background: #636363; color: white; border: 1px solid #636363; transition: .2s ease all; text-transform: uppercase; letter-spacing: .46px; min-height: 32px; font-size: 12px;}#DomainSearchResults .btn { font-size: 12px; font-family: 'Nunito Sans Bold', sans-serif; letter-spacing: .46px; padding: 0; min-width: 150px; min-height: 32px; height: auto; border-radius: 21px; margin-left: 10px;}ul#domainSuggestions button { background: #636363; color: white; border: 1px solid #636363; transition: .2s ease all; text-transform: uppercase; letter-spacing: .46px; min-height: 32px; font-size: 12px;}ul#domainSuggestions button:hover { background: #232323; border: 2px solid #232323; font-family: 'Nunito Sans Bold', sans-serif;}.domain-lookup-result.list-group .list-group-item .domain,.domain-lookup-result.list-group .list-group-item .extension { font-size: 16px; line-height: 26px; color: #2a2e36; font-weight: 400;}.domain-lookup-result.list-group .list-group-item .actions { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}.domain-suggestion .price { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-right: 37px; margin-right: 37px; text-align: right; color: #2a2e36; font-size: 16px; line-height: 26px;}.tld-table .tld-register { display: none;}.tld-table .tld-name { font-size: 18px; font-weight: 400;}.product-info { box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); background-color: white; margin-bottom: 20px;}.product-info .panel-heading { border: none; padding-bottom: 0px;}.panel-body { padding: 30px 30px 30px 70px; position: relative; font-size: 16px; font-weight: normal; color: black; padding: 30px;}.panel-body input[type=text],.panel-body input[type=password],.panel-body input[type=tel],.panel-body input[type=email],.panel-body select { border: 2px solid #d9d9d9; background-color: #f7f7f7; border-radius: 21px; height: 42px;}.product-info .panel-body { font-size: 16px; font-weight: normal; color: black; padding: 0px 30px 30px;}.funky-label { position: relative; overflow: hidden;}.funky-label input { position: relative; transition: .2s ease all; padding: 20px 16px 8px 16px; height: 42px; line-height: 24px;}.funky-label select { padding-top: 10px;}.funky-label label { position: absolute; left: 18px; top: 10px; transform-origin: left top; transition: .2s ease all; pointer-events: none; margin: 0; overflow: hidden; white-space: nowrap; max-width: 100%;} .funky-label .btn { border-radius: 21px;}.funky-label .form-control { border-radius: 21px;}.funky-label input:focus + label,.funky-label input.focus + label,.funky-label input:empty ~ label,.funky-label select ~ label { transform: translateY(-10px); color: #636363; font-size: 11px;}.abn-results { border: solid 2px #d9d9d9; background-color: #f7f7f7; padding: 10px; margin-top: 20px;}.abn-results > .row:first-child { font-family: 'Nunito Sans Bold', sans-serif;}div#abn-search .loader:not(.loading) { display: none;}div#domain-owner-name p { margin-bottom: 15px;}label.checkbox-inline.domain-use-name { margin-bottom: 15px;}.checkbox-inline input[type="checkbox"] { height: 16px; width: 16px; vertical-align: middle;}.abninput { max-width: 375px; border-radius: 21px; border: solid 2px #d9d9d9; width: 100%;}.domain-action-links a.btn-info { color: #fff; background-color: #636363; border: 1px solid #636363; font-size: 14px; text-transform: uppercase; font-family: "Nunito Sans SemiBold", sans-serif; border-radius: 21px; transition: .2s ease all;}.domain-action-links a { font-size: 12px; margin: 0 0 5px 0; height: auto; padding: 3px 16px;}.domain-action-links a:first-of-type { margin-right: 10px;}#domain-details-table { margin: 40px 0px 0px;}#domain-details-table th { font-size: 16px; font-family: 'Nunito Sans Bold', sans-serif; line-height: 1.25; color: black; padding-bottom: 15px;}#domain-details-table .domain-name { width: calc(50% - 35px); word-break: break-word;}#domain-details-table .details { width: calc(25% - (70px / 4));}#domain-details-table .extras { width: calc(25% - (70px / 4));}#domain-details-table .details-body { font-size: 16px; font-weight: normal; color: black; padding: 0px 30px 30px; font-family: 'Nunito Sans', sans-serif;}.remove-domain { cursor: pointer; font-family: "Font Awesome 5 Pro"; font-weight: 100; color: #636363; width: 70px; height: 24px;}.remove-domain:before { content: "\f00d";}div#nsOptions > div { max-width: 400px;}button#domainsubmit { width: 257px; height: 44px; border-radius: 35px; background-color: #0060af; color: white; font-family: 'Nunito Sans Bold', sans-serif; text-align: center; border: solid 0px #d9d9d9; font-size: 13px; letter-spacing: 0.46px; text-transform: uppercase; position: relative; transition: .2s ease all;}#domainsubmit .fa-arrow-circle-right { position: absolute; right: 15px; bottom: 10px; margin: auto; font-size: 24px;}#domainsubmit .ls-share { display: none;}.product-image { display: inline-block; width: 30px; height: auto; padding-right: 5px;}@media (min-width: 1320px) { .page-configureproduct .main-grid, .page-viewinvoice .main-grid, .page-viewcart .main-grid, .page-upgradesummary .main-grid { flex-direction: row; }}.page-invoicepay .main-grid { flex-direction: column;}.page-configureproductdomain .domain-checker-result-headline .btn-remove-domain { display: none;}#orderSummary h2 { font-size: 28px !important; font-family: 'Nunito Sans Bold', sans-serif; line-height: 1.25 !important; letter-spacing: normal; text-align: center; color: black !important; margin-bottom: 10px;}ul.summary-list { margin-bottom: 0; list-style: none; padding: 10px 0 8px; font-size: 12px; line-height: 18px; border-bottom: 1px solid #d9d9d9;}.summary-list .list-item { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding-top: 4px; padding-bottom: 4px;}.summary-list .list-item .item-name { max-width: 60%; flex-basis: 60%; overflow: hidden; text-overflow: ellipsis;}.summary-list > .list-item > .item-name, .total-due-today-text { font-size: 13px !important; line-height: 1.5; color: black !important;}.summary-list .list-item .item-value { padding-left: 8px; flex-basis: 40%; font-size: 13px; font-family: 'Nunito Sans Bold', sans-serif; line-height: 1.5; text-align: right; color: black;}.summary-list.faded { margin-bottom: 0; list-style: none; border-bottom: 1px solid rgba(255, 255, 255, .24); padding: 10px 0 8px; color: #fff; font-size: 12px; line-height: 18px;}.summary-list.faded .list-item { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding-top: 4px; padding-bottom: 4px;}.order-summary.panel-summary .summary-list.faded > .list-item > .item-name { font-size: 13px !important; font-family: 'Nunito Sans SemiBold', sans-serif;}.summary-list.faded > .list-item > .item-name, .total-due-today-text { font-size: 16px !important; line-height: 1.5; letter-spacing: normal; color: black !important;}.summary-list.faded .list-item .item-name { max-width: 60%; flex-basis: 60%; overflow: hidden; text-overflow: ellipsis;}.panel-summary .panel-footer { padding-top: 14px; padding-top: 20px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; border-top: 1px solid #d9d9d9; flex-direction: column; justify-content: space-between; width: 100%; align-items: center;}.panel-summary .panel-footer .price-left-h { flex-direction: row; font-size: 25px; justify-content: space-between; align-items: center !important; width: 100%;}.panel-summary .panel-footer .summary-actions .btn-checkout { border-radius: 21px; height: 42px; font-size: 14px;}.btn.btn-primary.btn-transfer,.btn.btn-success, .btn.btn-danger,.btn.btn-info { border-radius: 21px; height: 42px;}.btn.btn-info { color: #0c70de; background: #e3effc; border-color: #e3effc;}.message-action .btn-primary { border-radius: 21px;}.panel-summary .summary-actions { width: 100%;}.search-group .search-group-btn button.btn,.search-group .search-field input.form-control,.summary-actions button.btn { border-radius: 21px; }.alert { display: flex; justify-content: space-between; margin: 0 0 10px; border-radius: 40px !important; position: relative;}.alert.alert-warning:not(.alert-primary), .alert.alert-warning:not(.alert-primary):hover { background: #38bfc4; border-color: #38bfc4; color: white; margin-bottom: 12px;}.page-domain-renewals .main-sidebar-summary .panel-summary .panel-footer .price.price-left-h { flex-direction: column; align-items: flex-start !important;}.page-domain-renewals .main-sidebar-summary .panel-summary .panel-footer .price.price-left-h .price-amount { color: #0060AF; font-family: "Nunito Sans SemiBold", sans-serif;}.main-sidebar-summary .panel-summary { margin-bottom: 20px;}div#cart-progresss { display: inline-flex; float: right; font-size: 13px; font-family: 'Nunito Sans Bold', sans-serif; line-height: 1.15; text-align: center;}@media (max-width: 780px) { div#cart-progresss { margin-top: 16px; float: none; }}div#cart-progresss span.active { color: black;}div#cart-progresss span { width: 87.5px; color: #ccc; position: relative; text-transform: uppercase; padding-bottom: 10px; letter-spacing: 0.46px; height: auto;}div#cart-progresss span:before { background: #0060af; height: 9px; width: calc(100% - 4px); position: absolute; top: 100%; left: 2px; content: "";}div#cart-progresss span.active + span:before, div#cart-progresss span.active + span + span:before,div#cart-progresss span.active + span + span + span:before { background: #e8e8e8;}div#cart-progresss span:first-of-type:before { border-radius: 21px 0 0 21px;}div#cart-progresss span:last-of-type:before { border-radius: 0 21px 21px 0;}.lagom-layout-left-wide .app-main.isCartPage { margin-left: 0; margin-top: 100px;}.header__main{ position:fixed; top:0; left:0; width:100%; height:55px; z-index:1000; color:#000; color:var(--black); padding-top:0px; border-bottom:1px solid #f1f1f1; background-color:#fff; display:flex; align-items:center;}@media (min-width: 992px){ .header__main{ height:auto; padding:0px 0; margin-bottom:0px; border-bottom:none; border-bottom:1px solid #f1f1f1; background-color:transparent; background-color:#fff; color:#000; color:var(--black); transition:all 0.3s ease; display:block; } .lagom-layout-left-wide .email-verification { top: 83px; margin-left: 0; } .lagom-layout-left-wide .app-main .main-top { margin-left: 0; }}@media (min-width: 992px){ .header__top-wrap{ height:83px; padding-left: 15px; padding-right: 15px; }}.header__logo{ text-align:left; padding-left:15px;}@media (min-width: 992px){ .header__logo{ padding-left:30px; padding-right:0; }}.header__logo a{ display:inline-block;}.header__logo img{ width:100%; max-width:152px;}@media (max-width: 991px){ .footer__base-copyright > div:last-of-type { display: block; margin: auto; }}@media (min-width: 992px){ .header__logo img{ max-width:227px; transition:all 0.5s ease; }}@media (min-width: 1200px){ .header__logo img{ max-width: 243px; }}.header__logo .brand-tagline{ color:#636363; padding-left: 20px; padding-top:7px; padding-bottom:3px; margin-left: 20px; border-left:1px solid #d8d8d8; vertical-align:middle; font-size: 21px;}.header__logo .brand-tagline sup{ font-size:60%; top:-.6em;}.header__bar-call{ text-align:center; margin-right:20px;}.header__bar-call--hours{ font-size:13px; line-height:20px;}.header__bar-call--phone{ font-size:17px; line-height:20px; color: #0060AF; font-weight: 700;}.header__bar-call--phone > *{ vertical-align:middle;}.header__bar-call--phone a{ color: #0060AF !important; color:var(--baseBrandColor); font-weight:700; font-weight:var(--fontWeightBold);}.header__bar-cart{ margin-left:20px;}.header__ctas-mob{ color:#000; color:var(--black);}.header__ctas-mob--item{ margin:0 6px;}.domain-renewal-content { flex-wrap: wrap;}div#orderSummaryMob { position: static;}@media (min-width: 375px){ .header__ctas-mob--item{ margin:0 10px; }}@media (min-width: 576px){ .header__ctas-mob--item{ margin:0 15px; }}.header__ctas-mob--item a{ display:block;}.header__ctas-mob--item img{ width:auto; height:22px;}.panel-choose-domain .panel-domain-search .dropdown .tld-select { height: inherit; border-radius: 21px;}.panel-choose-domain .panel-domain-search .btn-lg { height: inherit; border-radius: 21px; height: 42px;}.panel-choose-domain .panel-domain-search { min-height: auto;}.page-configureproduct .product-info { box-shadow: none;}.grey-background { background-color: #f7f7f7; padding: 30px;}.panel.panel-default:not(.panel-sidebar) { box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); background-color: white; border-radius: 0; border: none;}.upgrade-current .panel.panel-default.panel-form.active { background-color: #f6f7f8;}.section.panel { padding: 20px;}.ticket-departments { border: 1px solid #e6e8ec; background: #fff; border-radius: 4px;}.ticket-departments > a { display: block; padding: 18px 16px 18px;}.ticket-departments > a:hover { background: #e3effc;}.ticket-departments > a:not(:last-of-type) { border-bottom: 1px solid #e6e8ec;}.ticket-departments > a .title { font-size: 17px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}.ticket-departments > a .title:before { align-self: flex-start; display: -webkit-inline-box; display: inline-flex; margin-right: 16px; content: ""; font-family: lagom-medium-icons;}.ticket-departments > a p { margin-top: 5px; padding-left: 36px; color: #7c8088; margin-bottom: -2px;}.lagom-layout-left-wide .main-sidebar+.main-content h2{ font-size: 26px; line-height: 34px; font-weight: 500;}.app-main .breadcrumb { padding: 8px 15px; margin-bottom: 24px; list-style: none; background-color: #f5f5f5; border-radius: 4px;}.app-main .main-header .breadcrumb { margin: 0; padding: 6px 0 0; background: 0 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; font-size: 12px;}.lagom-layout-left-wide .app-main .main-header .breadcrumb { padding-bottom: 0;}.app-main .breadcrumb>li { display: inline-block;}.app-main .main-header .breadcrumb li { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 13px; color: #636363;}.app-main .breadcrumb li:first-child,.app-main .breadcrumb>li+li:before:first-child { display: none;}.app-main .main-header .breadcrumb li a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: #636363; line-height: 1.54; font-family: "Nunito Sans SemiBold", sans-serif;}.app-main .breadcrumb>li+li:before { padding: 0 5px; margin: 0; content: "\f105"; color: #6F9F20; font-family: "Font Awesome 5 Pro";}.app-main .main-header .breadcrumb>.active { color: #636363;}.panel-title { margin-top: 0; margin-bottom: 0; color: inherit; color: #2a2e36; font-size: 17px; font-weight: 500; line-height: 26px;}.panel-title { font-family: "Nunito Sans Bold", sans-serif; font-size: 19px;}.panel-heading h3 { margin: 0 0 20px 0 !important; padding: 0; font-size: 19px; font-family: "Nunito Sans Bold", sans-serif; margin-bottom: 0 !important;}.panel-sidebar.panel-ticket-information .list-group { border: 1px solid #e6e8ec; border-radius: 4px; background: #fff;}.panel-sidebar.panel-ticket-information:not(.panel-summary):not(.panel-styled-group) .list-group>.list-group-item { overflow: hidden; padding: 12px 16px; color: #2a2e36;}.panel-sidebar.panel-ticket-information:not(.panel-summary):not(.panel-styled-group) .list-group>.list-group-item:not(:last-of-type) { border-bottom: 1px solid #e6e8ec;}.panel>.list-group .list-group-item.ticket-details-children .title { font-size: 12px; line-height: 18px; color: #7c8088; display: block;}.panel-sidebar .panel-footer { padding: 2px 0 0 0;}.panel-sidebar.panel-ticket-information .col-button-left,.panel-sidebar.panel-ticket-information .col-button-right { width: 50%; display: inline-block; float: left;}.col-button-left { padding-left: 0; padding-right: 7px;}.col-button-right { padding-left: 7px; padding-right: 0;}.ticket-reply .ticket-reply-top { border-bottom: 1px solid #e6e8ec; background: #f6f7f8; padding: 10px 15px; flex-direction: column; align-items: flex-start;}.ticket-reply .info { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; font-size: 12px; line-height: 18px; color: #7c8088;}.ticket-reply .ticket-message { padding: 25px 15px;}.row.department > .department { border: 1px solid #e6e8ec; border-radius: 4px; background: #fff; margin: 10px; padding: 12px; max-width: 200% !important; width: 200% !important; flex: unset;}input.form-control,select.form-control,textarea.form-control { border-radius: 21px;}.main-grid .main-grid.flex-wrap { display: flex; flex-direction: row;}.main-grid .table-container { width: 100%; margin-bottom: 20px;}.panel, .card { width: 100%;}.ticket-reply .panel-heading { border-bottom: 1px solid #e6e8ec; background: #7c8088; padding: 10px 15px; flex-direction: column; align-items: flex-start; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; font-size: 12px; line-height: 18px; color: #7c8088;}.bg-dark { background-color: #121212 !important;}.panel.panel-summary.panel-summary-primary.view-invoice.panel-view-invoice { background: none; box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); border: none; border-radius: 0; margin-bottom: 36px;}.panel-summary .panel-body { padding: 15px;}.page-viewinvoice .panel-summary.panel-view-invoice .panel-body .price-title,.page-viewinvoice .panel-summary.panel-view-invoice .panel-footer label,.page-clientareainvoices .panel-summary.panel-view-invoice .panel-body .price-title { color: #000; align-self: flex-start;}.page-viewinvoice .panel-summary.panel-view-invoice .panel-body .price-amount,.page-clientareainvoices .panel-summary.panel-view-invoice .panel-body .price-amount { color: #0060AF; font-weight: 400; padding-top: 6px;}.form-group input, .form-group select, .form-group textarea { border: 2px solid #d9d9d9; background-color: #f7f7f7;}.page-viewinvoice .panel-summary.view-invoice .form-group>select { border: 2px solid #d9d9d9; background-color: #f7f7f7;}.page-viewinvoice .panel-summary.panel-view-invoice .panel-footer form,.page-viewinvoice .panel-summary.panel-view-invoice .panel-footer .payment-form { width: 100%; text-align: left !important;}.payment-form.payment-btn-container button.btn.btn-success { border-radius: 21px; background: #0060AF;}.page-viewinvoice .panel-view-invoice .payment-form,.page-viewinvoice .panel-view-invoice .payment-form p { color: black; font-family: "Nunito Sans", sans-serif;}.page-viewinvoice .panel-view-invoice .payment-form b { color: #0060AF; font-family: "Nunito Sans SemiBold", sans-serif;}.page-viewinvoice .panel-view-invoice .payment-form br { display: block;}.invoice .invoice-title { font-size: 34px; font-weight: 400; line-height: 38px;}hr { margin-top: 24px; margin-bottom: 24px; border: 0; border-top: 1px solid #f6f7f8;}.page-invoicepay .main-grid { flex-direction: column;}.page-invoicepay label.field-icon { display: none;}.page-invoicepay i#cardTypeIcon { display: none;}.page-invoicepay div#newCardInfo > .row > div { width: 100%; padding: 6px 0;}.page-invoicepay div#newCardInfo > .row > div input { border-radius: 21px; width: 100%; max-width: 500px;}.page-invoicepay div#newCardInfo > .row > div select { border-radius: 21px; width: calc(100% - 5px); max-width: 500px;}.page-invoicepay div#newCardInfo > .row > div div { width: 100%; max-width: 100%;}.page-invoicepay div#newCardInfo > .row > div select#ccexpirymonth { width: calc(50% - 5px); max-width: 248px; display: inline-block; margin-right: 5px;}.page-invoicepay div#newCardInfo > .row > div select#ccexpiryyear { width: calc(50% - 5px); max-width: 248px; display: inline-block;}.page-invoicepay .form-group.prepend-icon { padding: 0 !important;}.page-invoicepay .invoicepayholder { border: none; padding: 0; background: none; margin: 0 0 20px 0; box-shadow: none;}.page-invoicepay .invoicepayholder h4 { font-size: 19px; font-family: "Nunito Sans Bold", sans-serif; color: black;}.page-invoicepay .invoicepayholder .row { margin: 0; flex-direction: column;}form#paywithtokenform { margin-bottom: 50px;}form#paywithtokenform label { display: block;}.page-invoicepay .invoicepayholder .step-one { padding: 0; width: 100%;}.page-invoicepay .invoicepayholder .panel.panel-warning { border-radius: 0; box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); margin-bottom: 40px; background-color: #fff;}.page-invoicepay .invoicepayholder .panel-heading { border-bottom: 1px solid #e6e8ec; background: none; padding: 17px 15px;}.page-invoicepay .invoicepayholder .panel.panel-warning > p { margin: 0; padding: 10px 15px;}.page-invoicepay .invoice-pay-form { padding-top: 25px;}.page-invoicepay .invoice-pay-form .form-group { width: 100%;}.page-invoicepay .invoice-pay-form .form-group .row { margin-left: -12px;}.invoice-pay-form > #eWAYInputs > .cc-billing-address { width: 100%; height: 50px; padding-right: 20%;}.invoice-pay-form > #eWAYInputs > .cc-billing-address label { display: block;}#eWAYInputs { width: 100%;}input[type=checkbox] { margin-right: 4px;}.page-invoicepay .invoicepayholder .cc-details,.page-invoicepay .invoicepayholder .cc-details > div { flex-direction: row; width: 100%;}.btn.btn-blue { letter-spacing: .46px; text-transform: uppercase; border-radius: 21px; font-size: 13px; background-color: #0060af; color: white; border: 2px solid #015abe;}.btn.btn-blue:hover,.btn.btn-blue:focus { color: #0060af; background-color: #C2D6FF; border-color: #C2D6FF;}.btn.btn-blue[disabled] { cursor: not-allowed; box-shadow: none;}.iframe-input-container { max-height: 40px; margin: 0 -12px;}@media (min-width: 992px) { .lagom.lagom-layout-left-wide .bottom-action-sticky.is-fixed { margin-left: 0; }}.panel-sidebar.panel-client-contacts .panel-footer .btn.btn-block:not(.btn-outline),.panel-sidebar.panel-client-details .panel-footer .btn.btn-block:not(.btn-outline),.panel-sidebar[menuitemname*=Support-Pin] .panel-footer .btn.btn-block:not(.btn-outline) { text-transform: uppercase; border-radius: 21px; padding: 2px 15px; font-family: "Nunito Sans Bold", sans-serif;} .panel-sidebar.panel-client-contacts .panel-footer .btn.btn-block:not(.btn-outline):not(:hover),.panel-sidebar.panel-client-details .panel-footer .btn.btn-block:not(.btn-outline):not(:hover),.panel-sidebar[menuitemname*=Support-Pin] .panel-footer .btn.btn-block:not(.btn-outline):not(:hover){ background-color: #636363; border-color: #636363; color: white;}.svg-icon .outline { fill: none; stroke: #2a2e36;}.svg-icon .prime { fill: #0060af;}.svg-icon .stroke { stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}.credit-balance { background-color: #e3effc;}.credit-balance span { margin-bottom: 0; color: #0060af; font-size: 26px; font-weight: 400 !important; line-height: 34px;}table#tableServicesList td { font-size: 16px; color: black; padding: 20px 16px;}table#tableServicesList td span.small,table#tableServicesList td .text-small{ font-size: 16px !important; color: #9e9e9e;}table#tableServicesList td .status { color: black; font-size: 16px;}table#tableServicesList td a { font-size: 16px; color: black; font-family: "Nunito Sans Bold", sans-serif;}table#tableServicesList td a i { font-size: 25px;}div#tableServicesList_length label { font-size: 16px; color: black; padding: 10px 16px;}div#tableServicesList_length select { background-color: #f7f7f7; border-radius: 21px; font-size: 16px; color: black; border: 2px solid #d9d9d9; height: auto; width: auto; padding: 10px 40px 10px 20px; position: relative; line-height: 1;}div#tableServicesList_paginate { padding: 14px 16px; height: auto;}.pagination > li.paginate_button.previous > a,.pagination > li.paginate_button.next > a { color: transparent; border: none; background: none; font-family: "Font Awesome 5 Pro" !important; width: 24px; height: 24px; overflow: hidden; position: relative; display: flex; height: 100%;}.pagination > li.paginate_button.previous > a:before,.pagination > li.paginate_button.next > a:before { color: #0060af; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; margin: auto; font-size: 20px;}.pagination > li.paginate_button.next > a:before { content: "\f105";}.pagination > li.paginate_button.previous > a:before { content: "\f104";}.pagination > li.paginate_button { display: flex; align-items: stretch;}.pagination > li.paginate_button a { background: none; border: none; color: #c4c4c4; font-size: 13px; font-family: "Nunito Sans Bold", sans-serif;}.pagination > li.paginate_button.active a { color: #0060af;}.recommended-product-title { font-size: 22px; font-weight: bold; border-top: 1px solid #64BAFF; padding-top: 25px;}.row.cartrecommendation { background-color: #f0f0f0; padding: 20px; margin: 0 -20px -20px -20px; }.recommended-product-description { display: block; clear: both; width: 100%;}.row.cartrecommendation .panel-body { padding: 30px 0; display: flex; width: 100%;}.row.cartrecommendation .panel-body select { margin-right: 20px; width: calc(100% - 120px);}.recommended-product-description + div { width: 100%;}.btn.recommendationbutton { border-radius: 35px; background-color: #636363; color: white;}.section.panel.recommended { padding-bottom: 0;}.row.cartrecommendation .panel-body button { width: 120px;}.tile-stat.text-danger { color: var(--brand-danger-darker) !important;}.panel-sidebar.panel-summary-primary { border: none; border-radius: 0; box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); background: none; padding: 15px;}.panel-sidebar.panel-summary-primary .panel-heading { color: #2a2e36; background: 0 0; border-bottom: 0; padding: 0;}.panel-sidebar.panel-summary-primary .panel-heading .panel-title { color: #2a2e36; padding: 9px 0 0 0; font-size: 19px; font-family: "Nunito Sans Bold", sans-serif; margin-bottom: 0 !important;}.panel-sidebar.panel-summary-primary .list-group { padding: 8px 0; margin: 0;}.panel-heading+.list-group .list-group-item:first-child { border-top-width: 0;}.panel-heading+.list-group .list-group-item { color: #2a2e36; padding: 8px 0; font-family: "Nunito Sans SemiBold", sans-serif;}.panel-sidebar.panel-summary-primary .list-group-item strong { color: #2a2e36;}.panel-sidebar.panel-summary-primary .panel-footer { padding: 0;}.panel-sidebar.panel-summary-primary .panel-footer .btn:not(.btn-outline):not(.btn-primary-faded) { display: block; color: #0c70de; background-color: #e3effc; border-color: #e3effc;}.package-actions .btn, .package-footer .btn { height: 42px !important; width: 210px !important;}.package-content select.form-control { height: 42px;}.passmarkcol { max-width: 630px; width: calc(100% - 340px); margin-right: 20px;}.passmark { border-top: 1px solid #d9d9d9; padding-top: 20px; display: flex; align-items: center; margin: 0;}.passmark > .cpuscore-label { padding-right: 35px;}.passmarktitle { font-size: 16px; font-family: 'Nunito Sans Bold', sans-serif; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; color: black; margin: 0;}.passmarkrating { font-size: 28px; font-family: 'Nunito Sans Bold', sans-serif; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; color: #0060af;}.passmark .cpuscore-visual { padding-bottom: 35px; max-width: 100%;}.passmark-container { width: 461px; height: 19px; display: block; background: #e8e8e8; position: relative; border-radius: 25px; max-width: 100%;}.passmark-bg { max-width: 100%; background: url('/templates/lagom2/overwrites/images/bar.png'); height: 18px;}.passmark-container span { position: absolute; top: calc(100% + 4px); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 11px;}.passmark-container span:nth-of-type(1) { left: 0;}.passmark-container span:nth-of-type(2) { left: calc(100% - 34px);}.passmark-info { border-top: 1px solid #d9d9d9; padding-top: 20px; margin: 0;}.cpu-icon { width: 110px; padding: 0 30px 0 0;}.cpuscore-description { width: calc(100% - 110px);}.passmark-text { font-size: 13px; font-family: 'Nunito Sans SemiBold', sans-serif; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: black; margin: 0;}.passmark-learnmore { font-size: 13px; font-family: 'Nunito Sans Bold', sans-serif; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: 0.46px; color: #0060af;}.needhelpbox { max-width: 100%; background-color: white; box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); padding: 20px; width: 320px;}.helpheading { font-size: 23px; font-family: 'Nunito Sans Bold', sans-serif; font-style: normal; font-stretch: normal; line-height: 1.26; letter-spacing: normal; text-align: center; color: black;}.helpphone { margin: auto; display: block; text-align: center;}.helptext { text-align: center; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: black;}.helpbtn { margin: auto; display: block; width: 150px; height: 38px; font-size: 13px; font-family: 'Nunito Sans Bold', sans-serif; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: 0.46px; text-align: center; color: white; border-radius: 25px;}form#frmConfigureProduct .grey-background > .container .row { max-width: 100%; margin: 0; justify-content: space-between;}form#frmConfigureProduct .grey-background > .container { padding: 0;}.panel.order-content .panel-body:nth-of-type(1) { width: 67%;}.panel.order-content .panel-body:nth-of-type(2) { width: 33%; padding: 0;}.panel.order-content { display: flex; flex-wrap: wrap; width: 100%;}.hideconfig { background: none; border: 1px; color: #9e9e9e; text-decoration: underline; font-size: 16px; font-family: 'Nunito Sans Bold', sans-serif; overflow: visible; padding-left: 12px; width: 100%; text-align: left;}.lagom:not(.page-supportticketslist) .status.status-unpaid { color: var(--brand-danger-darker);}.lagom:not(.page-supportticketslist) .status.status-unpaid:before { background-color: var(--brand-danger-darker);}.error-page-title { color: var(--brand-primary);}.main-body.error-page .main-grid { display: block;}.error-page h2 { color: #000; font-size: 26px; font-weight: 500;}.error-page p { color: #000; font-size: 14px;}.usp-container { display: flex; justify-content: space-between;}.usp-items { display: flex; align-items: center; justify-content: center; padding: 3px 10px;}.usp-items p { margin: 0; padding-left: 5px; font-size: 13px; font-family: 'Nunito Sans Bold', sans-serif; text-transform: uppercase; letter-spacing: .46px;}.usp-items img { width: 30px; height: auto;}#copiedtoclipboard { font-size: 12px; width: 100%; clear: both; text-align: right; margin-bottom: 0;}.alert.alert-domain-renewals .alert-action .btn { border-radius:21px;}.domain-promo-box .promo-box-header .description { font-size: 14px;}.domain-promo-box .promo-box-content+.promo-box-content.promo-box-content-between { margin: 0; display: block;}.domain-promo-box .promo-box-content.promo-box-content-between .promo-description { max-width: 100%; padding-left: 88px; font-size: 12px; color: #acb0b8;}.promo-box-content .promo-description+.btn { margin: 16px auto 0 auto; display: flex; background: #636363; border: 1px solid #636363; transition: .2s ease all; letter-spacing: .46px; font-size: 12px;}@media (max-width: 768px) { .usp-container { flex-direction: column; align-items: center; } .usp-items { padding: 10px; justify-content: flex-start; width: 100%; }}@media (max-width: 1320px) { .lagom-layout-left-wide .panel-sidebar.panel-client-details { display: none; }}.product-details .product-icon:not(.panel-default) .product-image { width: 60px; height: auto; margin: 0 auto var(--spacing-2x);}.product-details .product-icon .product-name { color: black; font-size: 23px; font-family: "Nunito Sans Bold", sans-serif; margin-bottom: 25px;}.product-details .product-icon:not(.panel-default) .product-footer { border-top: 1px solid #d9d9d9; color: #0060af; font-size: 13px; font-family: "Nunito Sans SemiBold", sans-serif; padding: 7px 24px;}.product-details .product-icon .product-status .label { background-color: #b4df6b; text-transform: none; color: black; border-radius: 4px; font-size: 13px; font-family: "Nunito Sans SemiBold", sans-serif; padding: 6px 5px;}.product-details .product-icon .product-footer:hover { background: #0060af;}#tableInvoicesList tr:hover{ background-color: var(--table-bg-hover); cursor: pointer;}.ajax-logs > tr { height:20px;}.ajax-logs { font-family: monospace; font-size: 13px; text-transform: uppercase;}.ajax-logs .status.bg_green { background: #019601; color: #FFFFFF;}.ajax-logs .status.bg_blue { background: #3557ff; color: #FFFFFF;}.ajax-logs .status.bg_yellow { background: #d2c201;}.ajax-logs .status.bg_red { background: #ce0000; color: #FFFFFF;}.ajax-logs > tr > td { padding: 5px !important;}#serverstats .iconTile { float: left;}