@charset "UTF-8"; /* node_modules/quill/dist/quill.core.css */ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: "\2022"; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: "\2611"; } .ql-editor ul[data-checked=false] > li::before { content: "\2610"; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) ". "; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) ". "; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) ". "; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) ". "; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) ". "; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) ". "; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) ". "; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) ". "; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) ". "; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } /* node_modules/quill/dist/quill.snow.css */ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: "\2022"; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: "\2611"; } .ql-editor ul[data-checked=false] > li::before { content: "\2610"; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) ". "; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) ". "; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) ". "; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) ". "; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) ". "; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) ". "; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) ". "; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) ". "; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) ". "; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ""; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ""; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: "Heading 1"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: "Heading 2"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: "Heading 3"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: "Heading 4"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: "Heading 5"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: "Heading 6"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: "Sans Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: "Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: "Monospace"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: "Small"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: "Large"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: "Huge"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: "Edit"; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: "Remove"; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: "Save"; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /* assets/global/plugins/font-awesome/css/font-awesome.min.css */ /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: "FontAwesome"; src: url("./media/fontawesome-webfont-F2XHIGO4.eot?v=4.4.0"); src: url("./media/fontawesome-webfont-F2XHIGO4.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("./media/fontawesome-webfont-FAWLIFFE.woff2?v=4.4.0") format("woff2"), url("./media/fontawesome-webfont-4BHXCIAZ.woff?v=4.4.0") format("woff"), url("./media/fontawesome-webfont-2X3TKBA7.ttf?v=4.4.0") format("truetype"), url("./media/fontawesome-webfont-SAUWBCVC.svg?v=4.4.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } /* assets/global/plugins/simple-line-icons/simple-line-icons.min.css */ @font-face { font-family: Simple-Line-Icons; src: url("./media/Simple-Line-Icons-IHSMM7JH.eot"); src: url("./media/Simple-Line-Icons-IHSMM7JH.eot?#iefix") format("embedded-opentype"), url("./media/Simple-Line-Icons-RSUJ3XN6.woff") format("woff"), url("./media/Simple-Line-Icons-C2JMEGZY.ttf") format("truetype"), url("./media/Simple-Line-Icons-ZLYXLWLM.svg#Simple-Line-Icons") format("svg"); font-weight: 400; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: Simple-Line-Icons; src: url("./media/Simple-Line-Icons-ZLYXLWLM.svg#Simple-Line-Icons") format("svg"); } } [data-icon]:before { font-family: Simple-Line-Icons; content: attr(data-icon); speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-badge, .icon-bag, .icon-ban, .icon-bar-chart, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calendar, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camcorder, .icon-camera, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawer, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emoticon-smile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-eye, .icon-eyeglasses, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-microphone, .icon-mouse, .icon-moustache, .icon-music-tone, .icon-music-tone-alt, .icon-note, .icon-notebook, .icon-paper-clip, .icon-paper-plane, .icon-pencil, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-pointer, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-tumblr, .icon-social-twitter, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symbol-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-users, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench { font-family: Simple-Line-Icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-user-female:before { content: "\e000"; } .icon-user-follow:before { content: "\e002"; } .icon-user-following:before { content: "\e003"; } .icon-user-unfollow:before { content: "\e004"; } .icon-trophy:before { content: "\e006"; } .icon-screen-smartphone:before { content: "\e010"; } .icon-screen-desktop:before { content: "\e011"; } .icon-plane:before { content: "\e012"; } .icon-notebook:before { content: "\e013"; } .icon-moustache:before { content: "\e014"; } .icon-mouse:before { content: "\e015"; } .icon-magnet:before { content: "\e016"; } .icon-energy:before { content: "\e020"; } .icon-emoticon-smile:before { content: "\e021"; } .icon-disc:before { content: "\e022"; } .icon-cursor-move:before { content: "\e023"; } .icon-crop:before { content: "\e024"; } .icon-credit-card:before { content: "\e025"; } .icon-chemistry:before { content: "\e026"; } .icon-user:before { content: "\e005"; } .icon-speedometer:before { content: "\e007"; } .icon-social-youtube:before { content: "\e008"; } .icon-social-twitter:before { content: "\e009"; } .icon-social-tumblr:before { content: "\e00a"; } .icon-social-facebook:before { content: "\e00b"; } .icon-social-dropbox:before { content: "\e00c"; } .icon-social-dribbble:before { content: "\e00d"; } .icon-shield:before { content: "\e00e"; } .icon-screen-tablet:before { content: "\e00f"; } .icon-magic-wand:before { content: "\e017"; } .icon-hourglass:before { content: "\e018"; } .icon-graduation:before { content: "\e019"; } .icon-ghost:before { content: "\e01a"; } .icon-game-controller:before { content: "\e01b"; } .icon-fire:before { content: "\e01c"; } .icon-eyeglasses:before { content: "\e01d"; } .icon-envelope-open:before { content: "\e01e"; } .icon-envelope-letter:before { content: "\e01f"; } .icon-bell:before { content: "\e027"; } .icon-badge:before { content: "\e028"; } .icon-anchor:before { content: "\e029"; } .icon-wallet:before { content: "\e02a"; } .icon-vector:before { content: "\e02b"; } .icon-speech:before { content: "\e02c"; } .icon-puzzle:before { content: "\e02d"; } .icon-printer:before { content: "\e02e"; } .icon-present:before { content: "\e02f"; } .icon-playlist:before { content: "\e030"; } .icon-pin:before { content: "\e031"; } .icon-picture:before { content: "\e032"; } .icon-map:before { content: "\e033"; } .icon-layers:before { content: "\e034"; } .icon-handbag:before { content: "\e035"; } .icon-globe-alt:before { content: "\e036"; } .icon-globe:before { content: "\e037"; } .icon-frame:before { content: "\e038"; } .icon-folder-alt:before { content: "\e039"; } .icon-film:before { content: "\e03a"; } .icon-feed:before { content: "\e03b"; } .icon-earphones-alt:before { content: "\e03c"; } .icon-earphones:before { content: "\e03d"; } .icon-drop:before { content: "\e03e"; } .icon-drawer:before { content: "\e03f"; } .icon-docs:before { content: "\e040"; } .icon-directions:before { content: "\e041"; } .icon-direction:before { content: "\e042"; } .icon-diamond:before { content: "\e043"; } .icon-cup:before { content: "\e044"; } .icon-compass:before { content: "\e045"; } .icon-call-out:before { content: "\e046"; } .icon-call-in:before { content: "\e047"; } .icon-call-end:before { content: "\e048"; } .icon-calculator:before { content: "\e049"; } .icon-bubbles:before { content: "\e04a"; } .icon-briefcase:before { content: "\e04b"; } .icon-book-open:before { content: "\e04c"; } .icon-basket-loaded:before { content: "\e04d"; } .icon-basket:before { content: "\e04e"; } .icon-bag:before { content: "\e04f"; } .icon-action-undo:before { content: "\e050"; } .icon-action-redo:before { content: "\e051"; } .icon-wrench:before { content: "\e052"; } .icon-umbrella:before { content: "\e053"; } .icon-trash:before { content: "\e054"; } .icon-tag:before { content: "\e055"; } .icon-support:before { content: "\e056"; } .icon-size-fullscreen:before { content: "\e057"; } .icon-size-actual:before { content: "\e058"; } .icon-shuffle:before { content: "\e059"; } .icon-share-alt:before { content: "\e05a"; } .icon-share:before { content: "\e05b"; } .icon-rocket:before { content: "\e05c"; } .icon-question:before { content: "\e05d"; } .icon-pie-chart:before { content: "\e05e"; } .icon-pencil:before { content: "\e05f"; } .icon-note:before { content: "\e060"; } .icon-music-tone-alt:before { content: "\e061"; } .icon-music-tone:before { content: "\e062"; } .icon-microphone:before { content: "\e063"; } .icon-loop:before { content: "\e064"; } .icon-logout:before { content: "\e065"; } .icon-login:before { content: "\e066"; } .icon-list:before { content: "\e067"; } .icon-like:before { content: "\e068"; } .icon-home:before { content: "\e069"; } .icon-grid:before { content: "\e06a"; } .icon-graph:before { content: "\e06b"; } .icon-equalizer:before { content: "\e06c"; } .icon-dislike:before { content: "\e06d"; } .icon-cursor:before { content: "\e06e"; } .icon-control-start:before { content: "\e06f"; } .icon-control-rewind:before { content: "\e070"; } .icon-control-play:before { content: "\e071"; } .icon-control-pause:before { content: "\e072"; } .icon-control-forward:before { content: "\e073"; } .icon-control-end:before { content: "\e074"; } .icon-calendar:before { content: "\e075"; } .icon-bulb:before { content: "\e076"; } .icon-bar-chart:before { content: "\e077"; } .icon-arrow-up:before { content: "\e078"; } .icon-arrow-right:before { content: "\e079"; } .icon-arrow-left:before { content: "\e07a"; } .icon-arrow-down:before { content: "\e07b"; } .icon-ban:before { content: "\e07c"; } .icon-bubble:before { content: "\e07d"; } .icon-camcorder:before { content: "\e07e"; } .icon-camera:before { content: "\e07f"; } .icon-check:before { content: "\e080"; } .icon-clock:before { content: "\e081"; } .icon-close:before { content: "\e082"; } .icon-cloud-download:before { content: "\e083"; } .icon-cloud-upload:before { content: "\e084"; } .icon-doc:before { content: "\e085"; } .icon-envelope:before { content: "\e086"; } .icon-eye:before { content: "\e087"; } .icon-flag:before { content: "\e088"; } .icon-folder:before { content: "\e089"; } .icon-heart:before { content: "\e08a"; } .icon-info:before { content: "\e08b"; } .icon-key:before { content: "\e08c"; } .icon-link:before { content: "\e08d"; } .icon-lock:before { content: "\e08e"; } .icon-lock-open:before { content: "\e08f"; } .icon-magnifier:before { content: "\e090"; } .icon-magnifier-add:before { content: "\e091"; } .icon-magnifier-remove:before { content: "\e092"; } .icon-paper-clip:before { content: "\e093"; } .icon-paper-plane:before { content: "\e094"; } .icon-plus:before { content: "\e095"; } .icon-pointer:before { content: "\e096"; } .icon-power:before { content: "\e097"; } .icon-refresh:before { content: "\e098"; } .icon-reload:before { content: "\e099"; } .icon-settings:before { content: "\e09a"; } .icon-star:before { content: "\e09b"; } .icon-symbol-female:before { content: "\e09c"; } .icon-symbol-male:before { content: "\e09d"; } .icon-target:before { content: "\e09e"; } .icon-volume-1:before { content: "\e09f"; } .icon-volume-2:before { content: "\e0a0"; } .icon-volume-off:before { content: "\e0a1"; } .icon-users:before { content: "\e001"; } /* assets/global/plugins/bootstrap/css/bootstrap.min.css */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .label, sub, sup { vertical-align: baseline; } hr, img { border: 0; } body, figure { margin: 0; } .btn-group > .btn-group, .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .dropdown-menu { float: left; } .img-responsive, .img-thumbnail, .table, label { max-width: 100%; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .pre-scrollable { max-height: 340px; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } b, optgroup, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: .67em 0; } mark { background: #ff0; color: #000; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -.5em; } sub { bottom: -.25em; } img { vertical-align: middle; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; } pre, textarea { overflow: auto; } code, kbd, pre, samp { font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { blockquote, img, pre, tr { page-break-inside: avoid; } *, :after, :before { background: 0 0 !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } blockquote, pre { border: 1px solid #999; } thead { display: table-header-group; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } .btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .form-control, .navbar-toggle, .open > .btn-danger.dropdown-toggle, .open > .btn-default.dropdown-toggle, .open > .btn-info.dropdown-toggle, .open > .btn-primary.dropdown-toggle, .open > .btn-warning.dropdown-toggle { background-image: none; } .img-thumbnail, body { background-color: #fff; } @font-face { font-family: "Glyphicons Halflings"; src: url("./media/glyphicons-halflings-regular-PIHUWCJO.eot"); src: url("./media/glyphicons-halflings-regular-PIHUWCJO.eot?#iefix") format("embedded-opentype"), url("./media/glyphicons-halflings-regular-W4DYDFZM.woff2") format("woff2"), url("./media/glyphicons-halflings-regular-JOUF32XT.woff") format("woff"), url("./media/glyphicons-halflings-regular-ACNUA6UY.ttf") format("truetype"), url("./media/glyphicons-halflings-regular-QXYEM3FU.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before, .glyphicon-btc:before, .glyphicon-xbt:before { content: "\e227"; } .glyphicon-jpy:before, .glyphicon-yen:before { content: "\a5"; } .glyphicon-rub:before, .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: #333; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .img-responsive { display: block; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } dt, kbd kbd, label { font-weight: 700; } @media (min-width:768px) { .lead { font-size: 21px; } } .small, small { font-size: 85%; } .mark, mark { background-color: #f9e491; padding: .2em; } .list-inline, .list-unstyled { padding-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .initialism, .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:focus, a.text-primary:hover { color: #286090; } .text-success { color: #27a4b0; } a.text-success:focus, a.text-success:hover { color: #1d7d86; } .text-info { color: #327ad5; } a.text-info:focus, a.text-info:hover { color: #2462b0; } .text-warning { color: #c29d0b; } a.text-warning:focus, a.text-warning:hover { color: #927608; } .text-danger { color: #e73d4a; } a.text-danger:focus, a.text-danger:hover { color: #d71b29; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #abe7ed; } a.bg-success:focus, a.bg-success:hover { background-color: #81dbe3; } .bg-info { background-color: #e0ebf9; } a.bg-info:focus, a.bg-info:hover { background-color: #b5cff0; } .bg-warning { background-color: #f9e491; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f6d861; } .bg-danger { background-color: #fbe1e3; } a.bg-danger:focus, a.bg-danger:hover { background-color: #f6b3b8; } pre code, table { background-color: transparent; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } dl, ol, ul { margin-top: 0; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child, ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } address, dl { margin-bottom: 20px; } .list-inline { margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dd, dt { line-height: 1.42857; } dd { margin-left: 0; } .dl-horizontal dd:after, .dl-horizontal dd:before { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width:768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } .container { width: 750px; } } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dropdown-menu > li > a, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857; color: #777; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: "\2014\a0"; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right; } code, kbd { padding: 2px 4px; font-size: 90%; } caption, th { text-align: left; } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: ""; } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: "\a0\2014"; } address { font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " "; } .container, .container-fluid { margin-right: auto; margin-left: auto; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; border-radius: 0; } .container, .container-fluid { padding-left: 15px; padding-right: 15px; } .pre-scrollable { overflow-y: scroll; } @media (min-width:992px) { .container { width: 970px; } } @media (min-width:1200px) { .container { width: 1170px; } } .row { margin-left: -15px; margin-right: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } caption { padding-top: 8px; padding-bottom: 8px; color: #777; } .table { width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #e7ecf1; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #e7ecf1; } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #e7ecf1; } .table .table { background-color: #fff; } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px; } .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #e7ecf1; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fbfcfd; } .table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #eef1f5; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #dee5ec; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #abe7ed; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #96e1e8; } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #e0ebf9; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #caddf4; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #f9e491; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #f7de79; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #fbe1e3; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #f8cace; } .table-responsive { overflow-x: auto; min-height: .01%; } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #e7ecf1; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } } fieldset, legend { padding: 0; border: 0; } fieldset { margin: 0; min-width: 0; } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #34495e; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px\ ; line-height: normal; } .form-control, output { font-size: 14px; line-height: 1.42857; color: #555; display: block; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } output { padding-top: 7px; } .form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #c2cad8; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #93a1bb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(147, 161, 187, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(147, 161, 187, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #27a4b0; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eef1f5; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 34px; } .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm > input[type=date].form-control, .input-group-sm > input[type=date].input-group-addon, .input-group-sm > input[type=time].form-control, .input-group-sm > input[type=time].input-group-addon, .input-group-sm > input[type=datetime-local].form-control, .input-group-sm > input[type=datetime-local].input-group-addon, .input-group-sm > input[type=month].form-control, .input-group-sm > input[type=month].input-group-addon, input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height: 30px; } .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg > input[type=date].form-control, .input-group-lg > input[type=date].input-group-addon, .input-group-lg > input[type=time].form-control, .input-group-lg > input[type=time].input-group-addon, .input-group-lg > input[type=datetime-local].form-control, .input-group-lg > input[type=datetime-local].input-group-addon, .input-group-lg > input[type=month].form-control, .input-group-lg > input[type=month].input-group-addon, input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-left: -20px; margin-top: 4px\ ; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: 400; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm { height: 30px; line-height: 30px; } .input-group-sm > .input-group-btn > select[multiple].btn, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .input-group-lg > .input-group-btn > select.btn, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, select.input-lg { height: 46px; line-height: 46px; } .input-group-lg > .input-group-btn > select[multiple].btn, .input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .collapsing, .dropdown, .dropup { position: relative; } .form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .form-control { border-color: #27a4b0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #1d7d86; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #60d2dc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #60d2dc; } .has-success .input-group-addon { color: #27a4b0; border-color: #27a4b0; background-color: #abe7ed; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #c29d0b; } .has-warning .form-control { border-color: #c29d0b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #927608; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f4d03f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f4d03f; } .has-warning .input-group-addon { color: #c29d0b; border-color: #c29d0b; background-color: #f9e491; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #e73d4a; } .has-error .form-control { border-color: #e73d4a; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #d71b29; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f2989f; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f2989f; } .has-error .input-group-addon { color: #e73d4a; border-color: #e73d4a; background-color: #fbe1e3; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width:768px) { .form-inline .form-control-static, .form-inline .form-group { display: inline-block; } .form-inline .control-label, .form-inline .form-group { margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:after, .form-horizontal .form-group:before { content: " "; display: table; } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #36c6d3; border-color: #2bb8c4; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #27a4b0; border-color: #14565c; } .btn-success.active, .btn-success:active, .btn-success:hover, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #27a4b0; border-color: #208992; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover { color: #fff; background-color: #208992; border-color: #14565c; } .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #36c6d3; border-color: #2bb8c4; } .btn-success .badge { color: #36c6d3; background-color: #fff; } .btn-info { color: #fff; background-color: #659be0; border-color: #508edb; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #3a80d7; border-color: #1d4f8e; } .btn-info.active, .btn-info:active, .btn-info:hover, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #3a80d7; border-color: #286ec5; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { color: #fff; background-color: #286ec5; border-color: #1d4f8e; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #659be0; border-color: #508edb; } .btn-info .badge { color: #659be0; background-color: #fff; } .btn-warning { color: #fff; background-color: #F1C40F; border-color: #dab10d; } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #c29d0b; border-color: #614f06; } .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #c29d0b; border-color: #a08209; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover { color: #fff; background-color: #a08209; border-color: #614f06; } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #F1C40F; border-color: #dab10d; } .btn-warning .badge { color: #F1C40F; background-color: #fff; } .btn-danger { color: #fff; background-color: #ed6b75; border-color: #ea5460; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #e73d4a; border-color: #a91520; } .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #e73d4a; border-color: #e31d2d; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover { color: #fff; background-color: #e31d2d; border-color: #a91520; } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #ed6b75; border-color: #ea5460; } .btn-danger .badge { color: #ed6b75; background-color: #fff; } .btn-link { color: #337ab7; font-weight: 400; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #6c8dae; text-decoration: none; } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\ ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box; } .dropdown-menu-right, .dropdown-menu.pull-right { left: auto; right: 0; } .dropdown-header, .dropdown-menu > li > a { display: block; padding: 3px 20px; line-height: 1.42857; white-space: nowrap; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle, .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { font-weight: 400; color: #333; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: #262626; background-color: #e1e5ec; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777; } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { font-size: 12px; color: #777; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\ ; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width:768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:after, .btn-toolbar:before { content: " "; display: table; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn .caret, .btn-group > .btn:first-child { margin-left: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn-group-lg > .btn .caret, .btn-lg .caret { border-width: 5px 5px 0; } .dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before { content: " "; display: table; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group, .input-group-btn, .input-group-btn > .btn { position: relative; } .input-group { display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { font-size: 0; white-space: nowrap; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:after, .nav:before { content: " "; display: table; } .nav > li, .nav > li > a { display: block; position: relative; } .nav:after { clear: both; } .nav > li > a { padding: 10px 15px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-justified > li, .nav-stacked > li, .nav-tabs.nav-justified > li { float: none; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #337ab7; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width:768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before { display: table; content: " "; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); -webkit-overflow-scrolling: touch; } .navbar-collapse.in { overflow-y: auto; } @media (min-width:768px) { .navbar { border-radius: 4px; } .navbar-header { float: left; } .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-left: 0; padding-right: 0; } } .embed-responsive, .modal, .modal-open, .progress { overflow: hidden; } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; } } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; } .navbar-static-top { z-index: 9995; border-width: 0 0 1px; } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width:768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0; } .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top { border-radius: 0; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; } } .progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } @media (min-width:768px) { .navbar-toggle { display: none; } .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); margin: 8px -15px; } @media (min-width:768px) { .navbar-form .form-control-static, .navbar-form .form-group { display: inline-block; } .navbar-form .control-label, .navbar-form .form-group { margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0; } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .breadcrumb > li, .pagination { display: inline-block; } .btn .badge, .btn .label { top: -1px; position: relative; } @media (max-width:767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-radius: 4px 4px 0 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .btn-group-sm > .navbar-btn.btn, .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .btn-group-xs > .navbar-btn.btn, .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width:768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: #e7e7e7; color: #555; } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333; } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: #090909; color: #fff; } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff; } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li + li:before { content: "/\a0"; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #777; } .pagination { padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .badge, .label { font-weight: 700; line-height: 1; white-space: nowrap; text-align: center; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager:after, .pager:before { content: " "; display: table; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; color: #fff; border-radius: .25em; } .label:empty { display: none; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777; } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; color: #fff; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .media-object, .thumbnail { display: block; } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron, .jumbotron .h1, .jumbotron h1 { color: inherit; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; background-color: #eee; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .alert, .thumbnail { margin-bottom: 20px; } .alert .alert-link, .close { font-weight: 700; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width:768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron .h1, .jumbotron h1 { font-size: 63px; } } .thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #333; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7; } .alert { padding: 15px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .modal, .modal-backdrop { top: 0; right: 0; bottom: 0; left: 0; } .alert-success { background-color: #abe7ed; border-color: #abe7ed; color: #27a4b0; } .alert-success hr { border-top-color: #96e1e8; } .alert-success .alert-link { color: #1d7d86; } .alert-info { background-color: #e0ebf9; border-color: #e0ebf9; color: #327ad5; } .alert-info hr { border-top-color: #caddf4; } .alert-info .alert-link { color: #2462b0; } .alert-warning { background-color: #f9e491; border-color: #f9e491; color: #c29d0b; } .alert-warning hr { border-top-color: #f7de79; } .alert-warning .alert-link { color: #927608; } .alert-danger { background-color: #fbe1e3; border-color: #fbe1e3; color: #e73d4a; } .alert-danger hr { border-top-color: #f8cace; } .alert-danger .alert-link { color: #d71b29; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-bar-striped, .progress-striped .progress-bar { background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #36c6d3; } .progress-striped .progress-bar-success { background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-striped .progress-bar-info, .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #659be0; } .progress-striped .progress-bar-info { background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #F1C40F; } .progress-striped .progress-bar-warning { background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #ed6b75; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { background-color: #f1f4f7; color: #b1b7bd; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #b1b7bd; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #27a4b0; background-color: #abe7ed; } a.list-group-item-success, button.list-group-item-success { color: #27a4b0; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #27a4b0; background-color: #96e1e8; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #27a4b0; border-color: #27a4b0; } .list-group-item-info { color: #327ad5; background-color: #e0ebf9; } a.list-group-item-info, button.list-group-item-info { color: #327ad5; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #327ad5; background-color: #caddf4; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #327ad5; border-color: #327ad5; } .list-group-item-warning { color: #c29d0b; background-color: #f9e491; } a.list-group-item-warning, button.list-group-item-warning { color: #c29d0b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #c29d0b; background-color: #f7de79; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #c29d0b; border-color: #c29d0b; } .list-group-item-danger { color: #e73d4a; background-color: #fbe1e3; } a.list-group-item-danger, button.list-group-item-danger { color: #e73d4a; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #e73d4a; background-color: #f8cace; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #e73d4a; border-color: #e73d4a; } .panel-heading > .dropdown .dropdown-toggle, .panel-title, .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-title, .panel > .list-group, .panel > .panel-collapse > .list-group, .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel-body { padding: 15px; } .panel-body:after, .panel-body:before { content: " "; display: table; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-title { margin-top: 0; font-size: 16px; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel-group .panel-heading, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0; } .panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #e7ecf1; } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #abe7ed; } .panel-success > .panel-heading { color: #27a4b0; background-color: #abe7ed; border-color: #abe7ed; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #abe7ed; } .panel-success > .panel-heading .badge { color: #abe7ed; background-color: #27a4b0; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #abe7ed; } .panel-info { border-color: #e0ebf9; } .panel-info > .panel-heading { color: #327ad5; background-color: #e0ebf9; border-color: #e0ebf9; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e0ebf9; } .panel-info > .panel-heading .badge { color: #e0ebf9; background-color: #327ad5; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #e0ebf9; } .panel-warning { border-color: #f9e491; } .panel-warning > .panel-heading { color: #c29d0b; background-color: #f9e491; border-color: #f9e491; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f9e491; } .panel-warning > .panel-heading .badge { color: #f9e491; background-color: #c29d0b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f9e491; } .panel-danger { border-color: #fbe1e3; } .panel-danger > .panel-heading { color: #e73d4a; background-color: #fbe1e3; border-color: #fbe1e3; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fbe1e3; } .panel-danger > .panel-heading .badge { color: #fbe1e3; background-color: #e73d4a; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #fbe1e3; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f1f4f7; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); } .popover, .tooltip { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; text-decoration: none; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; } .modal-content, .popover { background-clip: padding-box; } .modal { display: none; position: fixed; z-index: 10050; -webkit-overflow-scrolling: touch; outline: 0; } .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before { display: table; content: " "; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); outline: 0; } .modal-backdrop { position: fixed; z-index: 10049; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } @media (min-width:992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1030; display: block; text-align: left; text-align: start; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: .9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; } .tooltip.top-right .tooltip-arrow { left: 5px; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-width: 0 5px 5px; border-bottom-color: #000; top: 0; } .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -5px; } .tooltip.bottom-left .tooltip-arrow { right: 5px; margin-top: -5px; } .tooltip.bottom-right .tooltip-arrow { left: 5px; margin-top: -5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; text-align: start; font-size: 14px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .carousel-caption, .carousel-control { color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .carousel, .carousel-inner { position: relative; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.left > .arrow:after, .popover.right > .arrow:after { content: " "; bottom: -10px; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); } .popover.right > .arrow:after { left: 1px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; } .carousel-inner { overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -moz-transition: -moz-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.active.right, .carousel-inner > .item.next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; background-color: transparent; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: linear-gradient( to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: linear-gradient( to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); } .carousel-control:focus, .carousel-control:hover { outline: 0; color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90); } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: "\2039"; } .carousel-control .icon-next:before { content: "\203a"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000\ ; background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; } .carousel-caption .btn, .text-hide { text-shadow: none; } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:after, .clearfix:before { content: " "; display: table; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; background-color: transparent; border: 0; } .affix { position: fixed; } @-ms-viewport { width: device-width; } @media (max-width:767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width:1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } .hidden-lg { display: none !important; } } @media (max-width:767px) { .hidden-xs { display: none !important; } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important; } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } } /* assets/global/plugins/uniform/css/uniform.default.css */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image: url("./media/sprite-4REYLYVO.png"); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } div.selector, div.checker, div.button, div.radio, div.uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { outline: 0; } div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { margin: 0; padding: 0; } .highContrastDetect { background: url("./media/bg-input-DOFQZ64U.png") repeat-x 0 0; width: 0px; height: 0px; } input.uniform-input, select.uniform-multiselect, textarea.uniform { padding: 3px; background: url("./media/bg-input-DOFQZ64U.png") repeat-x 0 0; outline: 0; } input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active { background: url("./media/bg-input-focus-S4DJAZ5Z.png") repeat-x 0 0; } div.checker input, input[type=search], input[type=search]:active { -moz-appearance: none; -webkit-appearance: none; } div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden; } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; display: block; } div.selector.fixedWidth { width: 190px; } div.selector.fixedWidth span { width: 155px; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0px; width: 100%; } div.selector.active { background-position: 0 -156px; } div.selector.active span { background-position: right -26px; } div.selector.hover, div.selector.focus { background-position: 0 -182px; } div.selector.hover span, div.selector.focus span { background-position: right -52px; } div.selector.hover.active, div.selector.focus.active { background-position: 0 -208px; } div.selector.hover.active span, div.selector.focus.active span { background-position: right -78px; } div.selector.disabled, div.selector.disabled.active { background-position: 0 -234px; } div.selector.disabled span, div.selector.disabled.active span { background-position: right -104px; } div.checker { position: relative; } div.checker, div.checker span, div.checker input { width: 19px; height: 19px; } div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } div.checker.active span { background-position: -19px -260px; } div.checker.active span.checked { background-position: -95px -260px; } div.checker.hover span, div.checker.focus span { background-position: -38px -260px; } div.checker.hover span.checked, div.checker.focus span.checked { background-position: -114px -260px; } div.checker.hover.active span, div.checker.focus.active span { background-position: -57px -260px; } div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -133px -260px; } div.checker.disabled, div.checker.disabled.active { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } div.radio { position: relative; } div.radio, div.radio span, div.radio input { width: 18px; height: 18px; } div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; } div.radio.active span { background-position: -18px -18px -279px; } div.radio.active span.checked { background-position: -90px -279px; } div.radio.hover span, div.radio.focus span { background-position: -36px -36px -279px; } div.radio.hover span.checked, div.radio.focus span.checked { background-position: -108px -279px; } div.radio.hover.active span, div.radio.focus.active span { background-position: -54px -279px; } div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; } div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 82px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 85px; padding: 0 10px; } div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; } div.uploader.active span.action { background-position: right -465px; } div.uploader.hover, div.uploader.focus { background-position: 0 -353px; } div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; } div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; } div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; } div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; } div.button { background-position: 0 -641px; height: 30px; cursor: pointer; position: relative; } div.button a, div.button button, div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } div.button span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; line-height: 22px; text-align: center; background-position: right -521px; height: 22px; margin-left: 13px; padding: 8px 15px 0 2px; } div.button.active { background-position: 0 -671px; } div.button.active span { background-position: right -551px; cursor: default; } div.button.hover, div.button.focus { background-position: 0 -701px; } div.button.hover span, div.button.focus span { background-position: right -581px; } div.button.disabled, div.button.disabled.active { background-position: 0 -731px; } div.button.disabled span, div.button.disabled.active span { background-position: right -611px; cursor: default; } input.uniform-input, select.uniform-multiselect, textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; color: #777; border-top: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #999; } div.button span { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } div.button.hover span, div.button.focus span { color: #555; } div.button.disabled span, div.button.disabled.active span { color: #bbb; } div.selector { font-size: 12px; } div.selector span { color: #666; text-shadow: 0 1px 0 white; } div.selector select { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; } div.selector.disabled span, div.selector.disabled.active span { color: #bbb; } div.checker { margin-right: 5px; } div.radio { margin-right: 3px; } div.uploader span.action { text-shadow: white 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; border-right: solid 1px #bbbbbb; font-size: 11px; } div.uploader.disabled span.action, div.uploader.disabled.active span.action { color: #aaa; } div.uploader.disabled span.filename, div.uploader.disabled.active span.filename { border-color: #ddd; color: #aaa; } input.uniform-input, input.uniform-input:focus { background-color: #fff; } /* assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css */ .bootstrap-switch { display: inline-block; direction: ltr; cursor: pointer; border-radius: 4px; border: 1px solid; border-color: #ccc; position: relative; text-align: left; overflow: hidden; line-height: 8px; z-index: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bootstrap-switch .bootstrap-switch-container { display: inline-block; top: 0; border-radius: 4px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block !important; height: 100%; padding: 6px 12px; font-size: 14px; line-height: 20px; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off { text-align: center; z-index: 1; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background: #428bca; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background: #5bc0de; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background: #5cb85c; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { background: #f0ad4e; color: #fff; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background: #d9534f; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { color: #000; background: #eee; } .bootstrap-switch .bootstrap-switch-label { text-align: center; margin-top: -1px; margin-bottom: -1px; z-index: 100; color: #333; background: #fff; } .bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch .bootstrap-switch-handle-off { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch input[type=radio], .bootstrap-switch input[type=checkbox] { position: absolute !important; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: -1; } .bootstrap-switch input[type=radio].form-control, .bootstrap-switch input[type=checkbox].form-control { height: auto; } .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { padding: 1px 5px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { padding: 6px 16px; font-size: 18px; line-height: 1.33; } .bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate { cursor: default !important; } .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { opacity: .5; filter: alpha(opacity=50); cursor: default !important; } .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin-left .5s; transition: margin-left .5s; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .bootstrap-switch.bootstrap-switch-focused { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* assets/global/plugins/bootstrap-select/css/ajax-bootstrap-select.min.css */ /*! * Ajax Bootstrap Select * * Extends existing [Bootstrap Select] implementations by adding the ability to search via AJAX requests as you type. Originally for CROSCON. * * @version 1.4.1 * @author Adam Heim - https://github.com/truckingsim * @link https://github.com/truckingsim/Ajax-Bootstrap-Select * @copyright 2017 Adam Heim * @license Released under the MIT license. * * Contributors: * Mark Carver - https://github.com/markcarver * * Last build: 2017-07-21 1:08:58 PM GMT-0400 */ .bootstrap-select .status { background: #f0f0f0; clear: both; color: #999; font-size: 11px; font-style: italic; font-weight: 500; line-height: 1; margin-bottom: -5px; padding: 10px 20px; } /* assets/global/plugins/bootstrap-select/css/bootstrap-select.min.css */ /*! * Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select) * * Copyright 2013-2017 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */ select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px\ ; } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: #999; } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: .5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 220px; } .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*=col-]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=col-] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*=col-].dropdown-menu-right, .row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right { float: right; } .form-group .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: 0 !important; } .bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*=col-] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: .5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); pointer-events: none; opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, .2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, .2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid #fff; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before { display: block; } .bs-actionsbox, .bs-donebutton, .bs-searchbox { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } /* assets/global/plugins/bootstrap-modal/css/bootstrap-modal.css */ /*! * Bootstrap Modal * * Copyright Jordan Schroter * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .modal-open { overflow: hidden; } .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable { overflow-y: scroll; } @media (max-width: 979px) { .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom { overflow-y: visible; } } .modal-scrollable { position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; } .modal-body { max-height: none; overflow: visible; } .modal.modal-absolute { position: absolute; z-index: 950; } .modal .loading-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; border-radius: 6px; } .modal-backdrop.modal-absolute { position: absolute; z-index: 940; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.7; filter: alpha(opacity=70); background: #fff; } .modal.container { width: 940px; margin-left: -470px; } .modal-overflow.modal { top: 1%; } .modal-overflow.modal.fade { top: -100%; } .modal-overflow.modal.fade.in { top: 1%; } .modal-overflow .modal-body { overflow: auto; -webkit-overflow-scrolling: touch; } @media (min-width: 1200px) { .modal.container { width: 1170px; margin-left: -585px; } } @media (max-width: 979px) { .modal, .modal.container, .modal.modal-overflow { top: 1%; right: 1%; left: 1%; bottom: auto; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .modal.fade.in, .modal.container.fade.in, .modal.modal-overflow.fade.in { top: 1%; bottom: auto; } .modal-body, .modal-overflow .modal-body { position: static; margin: 0; height: auto !important; max-height: none !important; overflow: visible !important; } .modal-footer, .modal-overflow .modal-footer { position: static; } } .loading-spinner { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } /* assets/touchspin/jquery.bootstrap-touchspin.min.css */ .bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px 10px; margin-left: -1px; position: relative; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; border-top-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; border-radius: 0; border-bottom-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 3px; left: 5px; font-size: 9px; font-weight: 400; } /* assets/global/css/components-rounded.min.css */ body, h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; } .bold.btn, .sbold.btn { letter-spacing: 0; } body { color: #333; padding: 0 !important; margin: 0 !important; direction: "ltr"; font-size: 14px; } @-ms-viewport { width: device-width; } @-o-viewport { width:device-width } @viewport { width: device-width; } @-ms-viewport { width: auto !important; } .md-shadow-z-1 { box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .18); } .md-shadow-z-1-i { box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .18) !important; } .md-shadow-z-1-hover { box-shadow: 0 1px 3px rgba(0, 0, 0, .14), 0 1px 2px rgba(0, 0, 0, .22); } .md-shadow-z-2 { box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22); } .md-shadow-z-2-i { box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22) !important; } .md-shadow-z-2-hover { box-shadow: 0 3px 6px rgba(0, 0, 0, .2), 0 3px 6px rgba(0, 0, 0, .26); } .md-shadow-z-3 { box-shadow: 0 8px 18px rgba(0, 0, 0, .18), 0 6px 6px rgba(0, 0, 0, .23); } .md-shadow-z-3-i { box-shadow: 0 8px 18px rgba(0, 0, 0, .18), 0 6px 6px rgba(0, 0, 0, .24) !important; } .md-shadow-z-3-hover { box-shadow: 0 8px 18px rgba(0, 0, 0, .22), 0 6px 6px rgba(0, 0, 0, .26); } .md-shadow-z-4 { box-shadow: 0 14px 28px rgba(0, 0, 0, .26), 0 10px 10px rgba(0, 0, 0, .22); } .md-shadow-z-4-i { box-shadow: 0 14px 28px rgba(0, 0, 0, .26), 0 10px 10px rgba(0, 0, 0, .22) !important; } .md-shadow-z-5 { box-shadow: 0 19px 38px rgba(0, 0, 0, .28), 0 15px 12px rgba(0, 0, 0, .22); } .md-shadow-z-5-i { box-shadow: 0 19px 38px rgba(0, 0, 0, .28), 0 15px 12px rgba(0, 0, 0, .22) !important; } .md-shadow-none { box-shadow: none !important; } .md-click-circle { display: block; position: absolute; background: rgba(0, 0, 0, .2); border-radius: 50%; opacity: 0; -webkit-animation: scale(0); -moz-transform: scale(0); transform: scale(0); } .md-click-circle.md-click-animate { -webkit-animation: mdClickEffect .65s linear; -moz-animation: mdClickEffect .65s linear; animation: mdClickEffect .65s linear; } @-webkit-keyframes mdClickEffect { 0% { opacity: 1; -webkit-transform: scale(0); } 100% { opacity: 0 !important; -webkit-transform: scale(2.5); } } @-moz-keyframes mdClickEffect { 0% { opacity: 1; -webkit-transform: scale(0); } 100% { opacity: 0 !important; -moz-transform: scale(2.5); } } @keyframes mdClickEffect { 0% { opacity: 1; -webkit-transform: scale(0); } 100% { opacity: 0 !important; transform: scale(2.5); } } .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input .form-control ~ .help-block-error, .form-group.form-md-line-input .form-control ~ label, .form-horizontal .form-group.form-md-line-input > label { opacity: 1; filter: alpha(opacity=100); } .form-group.form-md-line-input { position: relative; margin: 0 0 35px; padding-top: 20px; } .form-horizontal .form-group.form-md-line-input { padding-top: 10px; margin: 0 -15px 20px; } .form-horizontal .form-group.form-md-line-input > label { padding-top: 5px; font-size: 14px; color: #888; } .form-group.form-md-line-input .form-control { background: 0 0; border: 0; border-bottom: 1px solid #c2cad8; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #555; box-shadow: none; padding-left: 0; padding-right: 0; font-size: 14px; } .form-group.form-md-line-input .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-group.form-md-line-input .form-control:-ms-input-placeholder { color: #999; } .form-group.form-md-line-input .form-control::-webkit-input-placeholder { color: #999; } .form-group.form-md-line-input .form-control.form-control-static { border-bottom: 0; } .form-group.form-md-line-input .form-control.input-sm { font-size: 14px; padding: 6px 0; } .form-group.form-md-line-input .form-control.input-lg { font-size: 20px; padding: 14px 0; } .form-group.form-md-line-input .input-group, .form-group.form-md-line-input .input-group + .input-group-control, .form-group.form-md-line-input + .input-group, .form-group.form-md-line-input + .input-icon, .form-horizontal .form-group.form-md-line-input .input-group, .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control, .form-inline .form-md-line-input { padding-top: 0; } .form-group.form-md-line-input .form-control ~ .form-control-focus, .form-group.form-md-line-input .form-control ~ label { width: 100%; position: absolute; left: 0; bottom: 0; pointer-events: none; } .form-horizontal .form-group.form-md-line-input .form-control ~ .form-control-focus, .form-horizontal .form-group.form-md-line-input .form-control ~ label { width: auto; left: 15px; right: 15px; } .form-group.form-md-line-input .form-control ~ .form-control-focus:after, .form-group.form-md-line-input .form-control ~ label:after { content: ""; position: absolute; z-index: 5; bottom: 0; left: 50%; height: 2px; width: 0; visibility: hidden; transition: .2s ease all; } .form-group.form-md-line-input .form-control ~ label { top: 0; margin-bottom: 0; font-size: 14px; color: #888; } .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label { color: #888; } .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after { visibility: visible; left: 0; width: 100%; background: #36c6d3; } .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block { color: #36c6d3; opacity: 1; filter: alpha(opacity=100); } .form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block, .form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block-error, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block-error, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block-error { opacity: 0; filter: alpha(opacity=0); } .form-group.form-md-line-input .form-control[disabled], .form-group.form-md-line-input .form-control[readonly], fieldset[disabled] .form-group.form-md-line-input .form-control { background: 0 0; cursor: not-allowed; border-bottom: 1px dashed #c2cad8; } .form-group.form-md-line-input.form-md-floating-label .form-control ~ label { font-size: 16px; top: 25px; transition: .2s ease all; color: #999; } .form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label { top: 0; font-size: 13px; } .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label { font-size: 14px; top: 24px; } .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label { top: 0; font-size: 13px; } .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label { font-size: 20px; top: 30px; } .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label { top: 0; font-size: 13px; } .form-group.form-md-line-input.form-md-floating-label .input-icon > label { padding-left: 34px; } .form-group.form-md-line-input.form-md-floating-label .input-icon.right > label { padding-left: 0; padding-right: 34px; } .form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label, .form-group.form-md-line-input > .input-icon .form-control { padding-left: 34px; } .form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label { padding-right: 34px; } .form-group.form-md-line-input .help-block { position: absolute; margin: 2px 0 0; opacity: 0; filter: alpha(opacity=0); font-size: 13px; } .form-group.form-md-line-input > .input-icon > i { left: 0; bottom: 0; margin: 9px 2px 10px 10px; color: #888; } .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success label { color: #27a4b0; } .form-group.form-md-line-input > .input-icon.input-icon-lg > i { top: 6px; } .form-group.form-md-line-input > .input-icon.input-icon-sm > i { top: -1px; } .form-group.form-md-line-input > .input-icon > label { margin-top: -20px; } .form-group.form-md-line-input > .input-icon.right .form-control { padding-left: 0; padding-right: 34px; } .form-group.form-md-line-input > .input-icon.right > i { left: auto; right: 8px; margin: 11px 2px 10px 10px; } .form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus, .form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus, .form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus { left: 0 !important; right: 0 !important; } .form-group.form-md-line-input .input-group .input-group-control > label, .form-group.form-md-line-input .input-group > label { margin-top: -20px; } .form-group.form-md-line-input .input-group .input-group-addon { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: 0 0; border: 0; border-bottom: 1px solid #c2cad8; } .form-group.form-md-line-input .input-group .input-group-control { padding-top: 0; position: relative; display: table-cell; vertical-align: bottom; } .form-group.form-md-line-input .input-group .input-group-btn .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn { margin-right: 10px; } .form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn { margin-left: 10px; } .form-group.form-md-line-input .input-group .help-block { margin-top: 35px; } .form-group.form-md-line-input .input-group.input-group-sm .help-block { margin-top: 30px; } .form-group.form-md-line-input .input-group.input-group-lg .help-block { margin-top: 47px; } .form-group.form-md-line-input.has-success .form-control { border-bottom: 1px solid #27a4b0; } .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after { background: #27a4b0; } .form-group.form-md-line-input.has-success .input-group-addon { color: #27a4b0; border-bottom: 1px solid #27a4b0; } .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning label { color: #c29d0b; } .form-group.form-md-line-input.has-warning .form-control { border-bottom: 1px solid #c29d0b; } .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after { background: #c29d0b; } .form-group.form-md-line-input.has-warning .input-group-addon { color: #c29d0b; border-bottom: 1px solid #c29d0b; } .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-error label { color: #e73d4a; } .form-group.form-md-line-input.has-error .form-control { border-bottom: 1px solid #e73d4a; } .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after { background: #e73d4a; } .form-group.form-md-line-input.has-error .input-group-addon { color: #e73d4a; border-bottom: 1px solid #e73d4a; } .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info label { color: #327ad5; } .form-group.form-md-line-input.has-info .form-control { border-bottom: 1px solid #327ad5; } .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after { background: #327ad5; } .form-group.form-md-line-input.has-info .input-group-addon { color: #327ad5; border-bottom: 1px solid #327ad5; } .form-inline .form-md-line-input { margin: 0 20px 0 0; } .form-inline .form-md-line-input > .input-icon { padding: 0; } .form-horizontal .form-group.form-md-line-input .input-icon .form-control { padding-left: 33px; } .form-horizontal .form-group.form-md-line-input .input-icon > i { top: 0; } .form-horizontal .form-group.form-md-line-input .input-icon.right .form-control { padding-left: 0; padding-right: 33px; } .form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn { margin-bottom: 0 !important; } .form-md-checkboxes, .form-md-radios { padding-top: 5px; } .md-checkbox { position: relative; } .md-checkbox.md-checkbox-inline { display: inline-block; } .form-inline .md-checkbox.md-checkbox-inline { margin-right: 20px; top: 3px; } .md-checkbox input[type=checkbox] { visibility: hidden; position: absolute; } .md-checkbox label { cursor: pointer; padding-left: 30px; } .md-checkbox label > span { display: block; position: absolute; left: 0; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .md-checkbox label > span.inc { background: #fff; left: -20px; top: -20px; height: 60px; width: 60px; opacity: 0; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; -webkit-animation: growCircle .3s ease; -moz-animation: growCircle .3s ease; animation: growCircle .3s ease; } .md-checkbox label > .box { top: 0; border: 2px solid #666; height: 20px; width: 20px; z-index: 5; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; } .md-checkbox label > .check { top: -4px; left: 6px; width: 10px; height: 20px; border: 2px solid #36c6d3; border-top: none; border-left: none; opacity: 0; z-index: 5; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition-delay: .3s; -moz-transition-delay: .3s; transition-delay: .3s; } .md-checkbox input[type=checkbox]:checked ~ label > .box { opacity: 0; -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); } .md-checkbox input[type=checkbox]:checked ~ label > .check { opacity: 1; -webkit-transform: scale(1) rotate(45deg); -moz-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg); } .md-checkbox input[type=checkbox]:disabled:checked ~ label > .check, .md-checkbox input[type=checkbox]:disabled ~ label, .md-checkbox input[type=checkbox]:disabled ~ label > .box, .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check, .md-checkbox input[type=checkbox][disabled] ~ label, .md-checkbox input[type=checkbox][disabled] ~ label > .box { cursor: not-allowed; opacity: .7; filter: alpha(opacity=70); } .has-error .md-checkbox label, .has-error.md-checkbox label { color: #e73d4a; } .has-error .md-checkbox label > .box, .has-error .md-checkbox label > .check, .has-error.md-checkbox label > .box, .has-error.md-checkbox label > .check { border-color: #e73d4a; } .has-success .md-checkbox label, .has-success.md-checkbox label { color: #27a4b0; } .has-success .md-checkbox label > .box, .has-success .md-checkbox label > .check, .has-success.md-checkbox label > .box, .has-success.md-checkbox label > .check { border-color: #27a4b0; } .has-warning .md-checkbox label, .has-warning.md-checkbox label { color: #c29d0b; } .has-warning .md-checkbox label > .box, .has-warning .md-checkbox label > .check, .has-warning.md-checkbox label > .box, .has-warning.md-checkbox label > .check { border-color: #c29d0b; } .has-info .md-checkbox label, .has-info.md-checkbox label { color: #327ad5; } .has-info .md-checkbox label > .box, .has-info .md-checkbox label > .check, .has-info.md-checkbox label > .box, .has-info.md-checkbox label > .check { border-color: #327ad5; } .form-md-checkboxes > label { font-size: 14px; color: #888; opacity: 1; filter: alpha(opacity=100); } .form-md-checkboxes.has-error label { color: #ed6b75; } .form-md-checkboxes.has-info label { color: #659be0; } .form-md-checkboxes.has-success label { color: #36c6d3; } .form-md-checkboxes.has-warning label { color: #F1C40F; } .md-checkbox-list { margin: 5px 0; } .form-horizontal .md-checkbox-list { margin-top: 5px; } .md-checkbox-list .md-checkbox { display: block; margin-bottom: 10px; } .md-checkbox-list .md-checkbox:last-child { margin-bottom: 0; } .md-checkbox-inline { margin: 5px 0; } .form-horizontal .md-checkbox-inline { margin-top: 7px; } .md-checkbox-inline .md-checkbox { display: inline-block; margin-right: 20px; } .md-checkbox-inline .md-checkbox:last-child { margin-right: 0; } @-webkit-keyframes growCircle { 0%, 100% { -webkit-transform: scale(0); opacity: 1; } 70% { background: #eee; -webkit-transform: scale(1.25); } } @-moz-keyframes growCircle { 0%, 100% { -moz-transform: scale(0); opacity: 1; } 70% { background: #eee; -moz-transform: scale(1.25); } } @keyframes growCircle { 0%, 100% { transform: scale(0); opacity: 1; } 70% { background: #eee; transform: scale(1.25); } } .md-radio { position: relative; } .md-radio input[type=radio] { visibility: hidden; position: absolute; } .md-radio label { cursor: pointer; padding-left: 30px; } .md-radio label > span { display: block; position: absolute; left: 0; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; } .md-radio label > span.inc { background: #fff; left: -20px; top: -20px; height: 60px; width: 60px; opacity: 0; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; -webkit-animation: growCircleRadio .3s ease; -moz-animation: growCircleRadio .3s ease; animation: growCircleRadio .3s ease; } .md-radio label > .box { top: 0; border: 2px solid #666; height: 20px; width: 20px; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; z-index: 5; } .md-radio label > .check { top: 5px; left: 5px; width: 10px; height: 10px; background: #36c6d3; opacity: 0; z-index: 6; border-radius: 50% !important; -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } .md-radio input[type=radio]:checked ~ label > .check { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .md-radio input[type=radio]:disabled:checked ~ label > .check, .md-radio input[type=radio]:disabled ~ label, .md-radio input[type=radio]:disabled ~ label > .box, .md-radio input[type=radio][disabled]:checked ~ label > .check, .md-radio input[type=radio][disabled] ~ label, .md-radio input[type=radio][disabled] ~ label > .box { cursor: not-allowed; opacity: .7; filter: alpha(opacity=70); } .has-error .md-radio label, .has-error.md-radio label { color: #e73d4a; } .has-error .md-radio label > .box, .has-error.md-radio label > .box { border-color: #e73d4a; } .has-error .md-radio label > .check, .has-error.md-radio label > .check { background: #e73d4a; } .has-success .md-radio label, .has-success.md-radio label { color: #27a4b0; } .has-success .md-radio label > .box, .has-success.md-radio label > .box { border-color: #27a4b0; } .has-success .md-radio label > .check, .has-success.md-radio label > .check { background: #27a4b0; } .has-warning .md-radio label, .has-warning.md-radio label { color: #c29d0b; } .has-warning .md-radio label > .box, .has-warning.md-radio label > .box { border-color: #c29d0b; } .has-warning .md-radio label > .check, .has-warning.md-radio label > .check { background: #c29d0b; } .has-info .md-radio label, .has-info.md-radio label { color: #327ad5; } .has-info .md-radio label > .box, .has-info.md-radio label > .box { border-color: #327ad5; } .has-info .md-radio label > .check, .has-info.md-radio label > .check { background: #327ad5; } .form-md-radios > label { font-size: 14px; color: #888; opacity: 1; filter: alpha(opacity=100); } .form-md-radios.has-error label { color: #ed6b75; } .form-md-radios.has-info label { color: #659be0; } .form-md-radios.has-success label { color: #36c6d3; } .form-md-radios.has-warning label { color: #F1C40F; } .md-radio-list { margin: 5px 0; } .form-horizontal .md-radio-list { margin-top: 5px; } .md-radio-list .md-radio { display: block; margin-bottom: 10px; } .md-radio-inline { margin: 5px 0; } .form-horizontal .md-radio-inline { margin-top: 7px; } .md-radio-inline .md-radio { display: inline-block; margin-right: 20px; } .md-radio-inline .md-radio:last-child { margin-right: 0; } hr, p { margin: 20px 0; } @-webkit-keyframes growCircleRadio { 0%, 100% { -webkit-transform: scale(0); opacity: 1; } 70% { background: #eee; -webkit-transform: scale(1.25); } } @-moz-keyframes growCircleRadio { 0%, 100% { -moz-transform: scale(0); opacity: 1; } 70% { background: #eee; -moz-transform: scale(1.25); } } @keyframes growCircleRadio { 0%, 100% { transform: scale(0); opacity: 1; } 70% { background: #eee; transform: scale(1.25); } } .primary-link { color: #65A0D0; font-weight: 600; } .primary-link:hover { color: #5194ca; } label { font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-weight: 300; } .bars, .chart, .pie, .primary-font { font-family: "Open Sans", sans-serif !important; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #444; } h1.block, h2.block, h3.block, h4.block, h5.block, h6.block { padding-top: 10px; padding-bottom: 10px; } a { text-shadow: none; color: #337ab7; } a:hover { cursor: pointer; color: #23527c; } a:active, a:focus, a:hover { outline: 0; } hr { border: 0; border-top: 1px solid #eee; border-bottom: 0; } .list-unstyled li > .list-unstyled { margin-left: 25px; } code { border: 1px solid #e1e1e1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .1); box-shadow: 0 1px 4px rgba(0, 0, 0, .1); } .btn, .form-control { box-shadow: none !important; } .disabled-link .disable-target, .disabled-link.disable-target { opacity: .6 !important; filter: alpha(opacity=60) !important; } .disabled-link .disable-target:hover, .disabled-link.disable-target:hover, .disabled-link:hover { cursor: not-allowed !important; } .rounded-2 { border-radius: 2px !important; } .rounded-3 { border-radius: 3px !important; } .rounded-4 { border-radius: 4px !important; } .circle { border-radius: 25px !important; } .circle-right { border-radius: 0 25px 25px 0 !important; } .circle-left { border-radius: 25px 0 0 25px !important; } .circle-bottom { border-radius: 0 0 25px 25px !important; } .circle-top { border-radius: 25px 25px 0 0 !important; } .rounded { border-radius: 50% !important; } .display-hide, .display-none { display: none; } .hidden { display: none !important; } .bold { font-weight: 700 !important; } .sbold { font-weight: 600 !important; } .thin { font-weight: 300 !important; } .uppercase { text-transform: uppercase !important; } .fix-margin { margin-left: 0 !important; } .border { border: 1px solid red; } .font-hg { font-size: 23px; } .font-lg { font-size: 18px; } .font-md { font-size: 14px; } .font-sm { font-size: 13px; } .font-xs { font-size: 11px; } .inline { display: inline; } .inline-block { display: inline-block; } .text-align-reverse { text-align: right; } .no-space { margin: 0 !important; padding: 0 !important; } .no-margin { margin: 0; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-right-10 { margin-right: 10px !important; } .visible-ie8 { display: none; } .ie8 .visible-ie8 { display: inherit !important; } .visible-ie9 { display: none; } .ie9 .visible-ie9 { display: inherit !important; } .hidden-ie8 { display: inherit; } .ie8 .hidden-ie8 { display: none !important; } .hidden-ie9 { display: inherit; } .ie9 .hidden-ie9 { display: none !important; } @media (max-width:1024px) { .hidden-1024 { display: none; } } @media (max-width:480px) { .hidden-480 { display: none; } } @media (max-width:320px) { .hidden-320 { display: none; } } .scrollspy-example { position: relative; height: 200px; margin-top: 10px; overflow: auto; } .util-btn-group-margin-bottom-5 .btn-group, .util-btn-margin-bottom-5 .btn { margin-bottom: 5px !important; } .padding-tb-10, .padding-tb-15 { padding: 10px 0; } .padding-tb-20 { padding: 20px 0; } .user-info { margin-bottom: 10px !important; } .user-info img { float: left; margin-right: 5px; } .number-stats .stat-left, .number-stats .stat-left .stat-chart { float: right; } .user-info .details { display: inline-block; } .user-info .label { font-weight: 300; font-size: 11px; } .ver-inline-menu { padding: 0; margin: 0; list-style: none; } .ver-inline-menu li { position: relative; margin-bottom: 1px; } .ver-inline-menu li i { width: 37px; height: 37px; display: inline-block; color: #b9cbd5; font-size: 15px; padding: 12px 10px 10px 8px; margin: 0 8px 0 0; text-align: center; background: #e0eaf0 !important; } .ver-inline-menu li a { font-size: 14px; font-weight: 300; color: #557386; display: block; background: #f0f6fa; border-left: solid 2px #c4d5df; } .ver-inline-menu li:hover a { background: #e0eaf0; text-decoration: none; } .ver-inline-menu li:hover i { color: #fff; background: #c4d5df !important; } .ver-inline-menu li.active a { border-left: solid 2px #0c91e5; } .ver-inline-menu li.active i { background: #0c91e5 !important; } .ver-inline-menu li.active a, .ver-inline-menu li.active i { color: #fff; background: #169ef4; text-decoration: none; } .ver-inline-menu li.active a, .ver-inline-menu li:hover a { font-size: 14px; } .ver-inline-menu li.active:after { content: ""; display: inline-block; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #169ef4; position: absolute; top: 12px; right: -5px; } .list-separated { margin-top: 10px; margin-bottom: 15px; } .list-separated > div:last-child { border-right: 0; } @media (max-width:767px) { .ver-inline-menu > li.active:after { display: none; } .list-separated > div { margin-bottom: 20px; } } .number-stats { margin: 10px 0; } .number-stats .stat-number { display: inline-block; margin: 0 5px; } .number-stats .stat-number .title { font-size: 13px; margin-bottom: 3px; color: #B8C3C7; } .number-stats .stat-number .number { font-size: 27px; line-height: 27px; color: #7D8C9D; } .number-stats > div { border-right: 1px solid #f5f5f5; } .number-stats > div:last-child { border-right: 0; } .number-stats .stat-left .stat-number { float: right; text-align: right; } .number-stats .stat-right { float: left !important; } .number-stats .stat-right .stat-number { float: left; text-align: left; } .number-stats .stat-right .stat-chart { float: left; } .number-stats .stat-number { float: left; text-align: left; } .number-stats .stat-chart { display: inline-block; margin: 0 5px; float: left; } .general-item-list > .item { padding: 10px 0; border-bottom: 1px solid #F1F4F7; } .general-item-list > .item:last-child { border-bottom: 0; } .general-item-list > .item > .item-head { margin-bottom: 5px; } .general-item-list > .item > .item-head:after, .general-item-list > .item > .item-head:before { content: " "; display: table; } .general-item-list > .item > .item-head:after { clear: both; } .general-item-list > .item > .item-head > .item-details { display: inline-block; float: left; } .general-item-list > .item > .item-head > .item-details > .item-pic { height: 35px; margin-right: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .general-item-list > .item > .item-head > .item-details > .item-name { display: inline-block; margin-right: 10px; } .general-item-list > .item > .item-head > .item-details > .item-label { color: #C0C9CC; } .general-item-list > .item > .item-head > .item-status { color: #C0C9CC; top: 10px; position: relative; display: inline-block; float: right; } .m-grid .m-grid-row.m-grid-row-full-height, .m-grid.m-grid-full-height > .m-grid-row { height: 100%; position: static; } .general-item-list > .item > .item-head > .item-status > .badge { margin-top: -2px; } .general-item-list > .item > .item-body { color: #96a5aa; } .file-drop-zone { border: 2px dashed #ddd; padding: 30px; text-align: center; } .file-drop-zone.file-drop-zone-over { border-color: #aaa; } .m-grid { display: table; width: 100%; table-layout: fixed; } .m-grid.m-grid-auto { width: auto; } .m-grid.m-grid-full-height { height: 100%; } .m-grid.m-grid-full-height > .m-grid-col, .m-grid.m-grid-full-height > .m-grid-row > .m-grid-col { height: 100%; } .m-grid .m-grid-row { display: table-row; } .m-grid .m-grid-row.m-grid-row-auto-height, .m-grid .m-grid-row.m-grid-row-auto-height > .m-grid-col { height: auto; } .m-grid .m-grid-col { display: table-cell; text-align: left; vertical-align: top; } .m-grid .m-grid-col.m-grid-col-full-width { width: 100%; } .m-grid .m-grid-col.m-grid-col-full-height { height: 100%; } .m-grid .m-grid-col.m-grid-col-auto-height { height: auto; } .m-grid .m-grid-col.m-grid-col-top { vertical-align: top; } .m-grid .m-grid-col.m-grid-col-middle { vertical-align: middle; } .m-grid .m-grid-col.m-grid-col-bottom { vertical-align: bottom; } .m-grid .m-grid-col.m-grid-col-left { text-align: left; } .m-grid .m-grid-col.m-grid-col-center { text-align: center; } .m-grid .m-grid-col.m-grid-col-right { text-align: right; } .m-grid .m-grid-col:not(.m-grid-col-middle):not(.m-grid-col-bottom) { vertical-align: top; } .m-grid .m-grid-col.m-grid-col-lg, .m-grid .m-grid-col.m-grid-col-md, .m-grid .m-grid-col.m-grid-col-sm, .m-grid .m-grid-col.m-grid-col-xs { width: 100%; display: block; } .m-grid.m-grid-demo .m-grid-col { border: 1px solid #ddd; background: #fafafa; height: 100px; } .m-grid-col-xs-1 { width: 8.33333%; } .m-grid-col-xs-2 { width: 16.66667%; } .m-grid-col-xs-3 { width: 25%; } .m-grid-col-xs-4 { width: 33.33333%; } .m-grid-col-xs-5 { width: 41.66667%; } .m-grid-col-xs-6 { width: 50%; } .m-grid-col-xs-7 { width: 58.33333%; } .m-grid-col-xs-8 { width: 66.66667%; } .m-grid-col-xs-9 { width: 75%; } .m-grid-col-xs-10 { width: 83.33333%; } .m-grid-col-xs-11 { width: 91.66667%; } .m-grid-col-xs-12 { width: 100%; } @media (min-width:767px) { .m-grid-col-sm-1 { width: 8.33333%; } .m-grid-col-sm-2 { width: 16.66667%; } .m-grid-col-sm-3 { width: 25%; } .m-grid-col-sm-4 { width: 33.33333%; } .m-grid-col-sm-5 { width: 41.66667%; } .m-grid-col-sm-6 { width: 50%; } .m-grid-col-sm-7 { width: 58.33333%; } .m-grid-col-sm-8 { width: 66.66667%; } .m-grid-col-sm-9 { width: 75%; } .m-grid-col-sm-10 { width: 83.33333%; } .m-grid-col-sm-11 { width: 91.66667%; } .m-grid-col-sm-12 { width: 100%; } } @media (min-width:991px) { .m-grid-col-md-1 { width: 8.33333%; } .m-grid-col-md-2 { width: 16.66667%; } .m-grid-col-md-3 { width: 25%; } .m-grid-col-md-4 { width: 33.33333%; } .m-grid-col-md-5 { width: 41.66667%; } .m-grid-col-md-6 { width: 50%; } .m-grid-col-md-7 { width: 58.33333%; } .m-grid-col-md-8 { width: 66.66667%; } .m-grid-col-md-9 { width: 75%; } .m-grid-col-md-10 { width: 83.33333%; } .m-grid-col-md-11 { width: 91.66667%; } .m-grid-col-md-12 { width: 100%; } } @media (min-width:1259px) { .m-grid-col-lg-1 { width: 8.33333%; } .m-grid-col-lg-2 { width: 16.66667%; } .m-grid-col-lg-3 { width: 25%; } .m-grid-col-lg-4 { width: 33.33333%; } .m-grid-col-lg-5 { width: 41.66667%; } .m-grid-col-lg-6 { width: 50%; } .m-grid-col-lg-7 { width: 58.33333%; } .m-grid-col-lg-8 { width: 66.66667%; } .m-grid-col-lg-9 { width: 75%; } .m-grid-col-lg-10 { width: 83.33333%; } .m-grid-col-lg-11 { width: 91.66667%; } .m-grid-col-lg-12 { width: 100%; } } @media (max-width:479px) { .m-grid.m-grid-responsive-xs { display: block; width: auto; } .m-grid.m-grid-responsive-xs > .m-grid-col, .m-grid.m-grid-responsive-xs > .m-grid-row, .m-grid.m-grid-responsive-xs > .m-grid-row > .m-grid-col { display: block; width: auto; height: auto; } .m-grid.m-grid-responsive-xs.m-grid-flex, .m-grid.m-grid-responsive-xs > .m-grid-row { display: flex; flex-flow: column; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-2, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-2 { order: 2; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-3, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-3 { order: 3; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-4, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-4 { order: 4; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-5, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-5 { order: 5; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-6, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-6 { order: 6; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-7, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-7 { order: 7; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-8, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-8 { order: 8; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-9, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-9 { order: 9; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-10, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-10 { order: 10; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-11, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-11 { order: 11; } .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-col-order-12, .m-grid.m-grid-responsive-xs.m-grid-flex > .m-grid-row > .m-grid-col-order-12 { order: 12; } } @media (max-width:767px) { .m-grid.m-grid-responsive-sm { display: block; width: auto; } .m-grid.m-grid-responsive-sm > .m-grid-col, .m-grid.m-grid-responsive-sm > .m-grid-row, .m-grid.m-grid-responsive-sm > .m-grid-row > .m-grid-col { display: block; width: auto; height: auto; } .m-grid.m-grid-responsive-sm.m-grid-flex, .m-grid.m-grid-responsive-sm > .m-grid-row { display: flex; flex-flow: column; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-2, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-2 { order: 2; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-3, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-3 { order: 3; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-4, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-4 { order: 4; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-5, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-5 { order: 5; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-6, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-6 { order: 6; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-7, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-7 { order: 7; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-8, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-8 { order: 8; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-9, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-9 { order: 9; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-10, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-10 { order: 10; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-11, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-11 { order: 11; } .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-col-order-12, .m-grid.m-grid-responsive-sm.m-grid-flex > .m-grid-row > .m-grid-col-order-12 { order: 12; } } @media (max-width:991px) { .m-grid.m-grid-responsive-md { display: block; width: auto; } .m-grid.m-grid-responsive-md > .m-grid-col, .m-grid.m-grid-responsive-md > .m-grid-row, .m-grid.m-grid-responsive-md > .m-grid-row > .m-grid-col { display: block; width: auto; height: auto; } .m-grid.m-grid-responsive-md.m-grid-flex, .m-grid.m-grid-responsive-md > .m-grid-row { display: flex; flex-flow: column; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-2, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-2 { order: 2; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-3, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-3 { order: 3; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-4, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-4 { order: 4; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-5, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-5 { order: 5; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-6, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-6 { order: 6; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-7, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-7 { order: 7; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-8, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-8 { order: 8; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-9, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-9 { order: 9; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-10, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-10 { order: 10; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-11, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-11 { order: 11; } .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-col-order-12, .m-grid.m-grid-responsive-md.m-grid-flex > .m-grid-row > .m-grid-col-order-12 { order: 12; } } @media (max-width:1259px) { .m-grid.m-grid-responsive-lg { display: block; width: auto; } .m-grid.m-grid-responsive-lg > .m-grid-col, .m-grid.m-grid-responsive-lg > .m-grid-row, .m-grid.m-grid-responsive-lg > .m-grid-row > .m-grid-col { display: block; width: auto; height: auto; } .m-grid.m-grid-responsive-lg.m-grid-flex, .m-grid.m-grid-responsive-lg > .m-grid-row { display: flex; flex-flow: column; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-2, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-2 { order: 2; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-3, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-3 { order: 3; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-4, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-4 { order: 4; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-5, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-5 { order: 5; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-6, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-6 { order: 6; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-7, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-7 { order: 7; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-8, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-8 { order: 8; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-9, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-9 { order: 9; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-10, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-10 { order: 10; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-11, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-11 { order: 11; } .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-col-order-12, .m-grid.m-grid-responsive-lg.m-grid-flex > .m-grid-row > .m-grid-col-order-12 { order: 12; } } [class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] { display: inline-block; line-height: 14px; -webkit-font-smoothing: antialiased; } li [class*=" fa-"], li [class*=" glyphicon-"], li [class*=" icon-"], li [class^=fa-], li [class^=glyphicon-], li [class^=icon-] { display: inline-block; width: 1.25em; text-align: center; } li [class*=" glyphicon-"], li [class^=glyphicon-] { top: 2px; } li [class*=" icon-"], li [class^=icon-] { top: 1px; position: relative; } li [class*=" fa-"].icon-large, li [class*=" glyphicon-"].icon-large, li [class*=" icon-"].icon-large, li [class^=fa-].icon-large, li [class^=glyphicon-].icon-large, li [class^=icon-].icon-large { width: 1.5625em; } .icon-state-default { color: #bac3d0; } .icon-state-success { color: #36c6d3; } .icon-state-info { color: #659be0; } .icon-state-warning { color: #F1C40F; } .icon-state-danger { color: #ed6b75; } .fa-item { font-size: 14px; padding: 10px 10px 10px 20px; } .fa-item i { font-size: 16px; display: inline-block; width: 20px; color: #333; } .fa-item:hover { cursor: pointer; background: #eee; } .badge-danger, .badge-default, .badge-info, .badge-primary, .badge-success, .badge-warning, .btn.white:not(.btn-outline).active, .btn.white:not(.btn-outline):active, .open > .btn.white:not(.btn-outline).dropdown-toggle { background-image: none; } .simplelineicons-demo .item-box { display: inline-block; font-size: 16px; margin: 0 -.22em 1em 0; padding-left: 1em; width: 100%; } .simplelineicons-demo .item-box .item { background-color: #fff; color: #33383e; border-radius: 8px; display: inline-block; padding: 10px; width: 100%; } .bs-glyphicons, .glyphicons-demo ul { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; overflow: hidden; list-style: none; } .simplelineicons-demo .item-box .item span { font-size: 22px; } @media only screen and (min-width:768px) { .simplelineicons-demo .item-box { width: 33.333%; } } .bs-glyphicon-class { text-align: center; } .glyphicons-demo ul li { float: left; width: 25%; height: 115px; padding: 10px; margin: 0 -1px -1px 0; font-size: 14px; line-height: 1.4; text-align: center; border: 1px solid #ddd; } .glyphicons-demo .glyphicon { display: block; margin: 5px auto 10px; font-size: 24px; color: #444; } .glyphicons-demo ul li:hover { background-color: rgba(86, 61, 124, .1); } .badge-default, .label-default { background-color: #bac3d0; } @media (min-width:768px) { .glyphicons-demo ul li { width: 12.5%; } } .alert { border-width: 1px; } .alert > p { margin: 0; } .alert.alert-borderless { border: 0; } .badge { font-size: 11px !important; font-weight: 300; height: 18px; color: #fff; padding: 3px 6px; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; border-radius: 12px !important; text-shadow: none !important; text-align: center; vertical-align: middle; } .badge.badge-roundless { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .badge.badge-empty { display: inline-block; padding: 0; min-width: 8px; height: 8px; width: 8px; } .badge-primary { background-color: #337ab7; } .badge-info { background-color: #659be0; } .badge-success { background-color: #36c6d3; } .badge-danger { background-color: #ed6b75; } .badge-warning { background-color: #F1C40F; } .nav.nav-pills > li > a > .badge, .nav.nav-stacked > li > a > .badge { margin-top: -2px; } .dropdown-menu > li > a > .badge { position: absolute; margin-top: 1px; right: 3px; display: inline; } .dropdown-menu.badge-roundless { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .btn { outline: 0 !important; } .btn:hover { transition: all .3s; } .btn:not(.btn-sm):not(.btn-lg) { line-height: 1.44; } .btn.white:not(.btn-outline) { color: #666; background-color: #fff; border-color: #fff; } .btn.white:not(.btn-outline).focus, .btn.white:not(.btn-outline):focus { color: #666; background-color: #e6e6e6; border-color: #bfbfbf; } .btn.white:not(.btn-outline).active, .btn.white:not(.btn-outline):active, .btn.white:not(.btn-outline):hover, .open > .btn.white:not(.btn-outline).dropdown-toggle { color: #666; background-color: #e6e6e6; border-color: #e0e0e0; } .btn.white:not(.btn-outline).active.focus, .btn.white:not(.btn-outline).active:focus, .btn.white:not(.btn-outline).active:hover, .btn.white:not(.btn-outline):active.focus, .btn.white:not(.btn-outline):active:focus, .btn.white:not(.btn-outline):active:hover, .open > .btn.white:not(.btn-outline).dropdown-toggle.focus, .open > .btn.white:not(.btn-outline).dropdown-toggle:focus, .open > .btn.white:not(.btn-outline).dropdown-toggle:hover { color: #666; background-color: #d4d4d4; border-color: #bfbfbf; } .btn.white:not(.btn-outline).disabled.focus, .btn.white:not(.btn-outline).disabled:focus, .btn.white:not(.btn-outline).disabled:hover, .btn.white:not(.btn-outline)[disabled].focus, .btn.white:not(.btn-outline)[disabled]:focus, .btn.white:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.white:not(.btn-outline).focus, fieldset[disabled] .btn.white:not(.btn-outline):focus, fieldset[disabled] .btn.white:not(.btn-outline):hover { background-color: #fff; border-color: #fff; } .btn.white:not(.btn-outline) .badge { color: #fff; background-color: #666; } .btn.btn-outline.white { border-color: #fff; color: #fff; background: 0 0; } .btn.btn-outline.white.active, .btn.btn-outline.white:active, .btn.btn-outline.white:active:focus, .btn.btn-outline.white:active:hover, .btn.btn-outline.white:focus, .btn.btn-outline.white:hover { border-color: #fff; color: #666; background-color: #fff; } .btn.white-stripe { border-left: 4px solid #fff !important; } .btn.white.btn-no-border:not(.active) { border-color: transparent; } .btn.default:not(.btn-outline) { color: #666; background-color: #e1e5ec; border-color: #e1e5ec; } .btn.default:not(.btn-outline).focus, .btn.default:not(.btn-outline):focus { color: #666; background-color: #c2cad8; border-color: #93a1bb; } .btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .btn.default:not(.btn-outline):hover, .open > .btn.default:not(.btn-outline).dropdown-toggle { color: #666; background-color: #c2cad8; border-color: #bcc5d4; } .btn.default:not(.btn-outline).active.focus, .btn.default:not(.btn-outline).active:focus, .btn.default:not(.btn-outline).active:hover, .btn.default:not(.btn-outline):active.focus, .btn.default:not(.btn-outline):active:focus, .btn.default:not(.btn-outline):active:hover, .open > .btn.default:not(.btn-outline).dropdown-toggle.focus, .open > .btn.default:not(.btn-outline).dropdown-toggle:focus, .open > .btn.default:not(.btn-outline).dropdown-toggle:hover { color: #666; background-color: #acb7ca; border-color: #93a1bb; } .btn.default:not(.btn-outline).active, .btn.default:not(.btn-outline):active, .open > .btn.default:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.default:not(.btn-outline).disabled.focus, .btn.default:not(.btn-outline).disabled:focus, .btn.default:not(.btn-outline).disabled:hover, .btn.default:not(.btn-outline)[disabled].focus, .btn.default:not(.btn-outline)[disabled]:focus, .btn.default:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.default:not(.btn-outline).focus, fieldset[disabled] .btn.default:not(.btn-outline):focus, fieldset[disabled] .btn.default:not(.btn-outline):hover { background-color: #e1e5ec; border-color: #e1e5ec; } .btn.default:not(.btn-outline) .badge { color: #e1e5ec; background-color: #666; } .btn.btn-outline.default { border-color: #e1e5ec; color: #e1e5ec; background: 0 0; } .btn.btn-outline.default.active, .btn.btn-outline.default:active, .btn.btn-outline.default:active:focus, .btn.btn-outline.default:active:hover, .btn.btn-outline.default:focus, .btn.btn-outline.default:hover { border-color: #e1e5ec; color: #666; background-color: #e1e5ec; } .btn.default-stripe { border-left: 4px solid #e1e5ec !important; } .btn.default.btn-no-border:not(.active) { border-color: transparent; } .btn.dark:not(.btn-outline) { color: #FFF; background-color: #2f353b; border-color: #2f353b; } .btn.dark:not(.btn-outline).focus, .btn.dark:not(.btn-outline):focus { color: #FFF; background-color: #181c1f; border-color: #000; } .btn.dark:not(.btn-outline).active, .btn.dark:not(.btn-outline):active, .btn.dark:not(.btn-outline):hover, .open > .btn.dark:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #181c1f; border-color: #141619; } .btn.dark:not(.btn-outline).active.focus, .btn.dark:not(.btn-outline).active:focus, .btn.dark:not(.btn-outline).active:hover, .btn.dark:not(.btn-outline):active.focus, .btn.dark:not(.btn-outline):active:focus, .btn.dark:not(.btn-outline):active:hover, .open > .btn.dark:not(.btn-outline).dropdown-toggle.focus, .open > .btn.dark:not(.btn-outline).dropdown-toggle:focus, .open > .btn.dark:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #090a0b; border-color: #000; } .btn.dark:not(.btn-outline).active, .btn.dark:not(.btn-outline):active, .open > .btn.dark:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.dark:not(.btn-outline).disabled.focus, .btn.dark:not(.btn-outline).disabled:focus, .btn.dark:not(.btn-outline).disabled:hover, .btn.dark:not(.btn-outline)[disabled].focus, .btn.dark:not(.btn-outline)[disabled]:focus, .btn.dark:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.dark:not(.btn-outline).focus, fieldset[disabled] .btn.dark:not(.btn-outline):focus, fieldset[disabled] .btn.dark:not(.btn-outline):hover { background-color: #2f353b; border-color: #2f353b; } .btn.dark:not(.btn-outline) .badge { color: #2f353b; background-color: #FFF; } .btn.btn-outline.dark { border-color: #2f353b; color: #2f353b; background: 0 0; } .btn.btn-outline.dark.active, .btn.btn-outline.dark:active, .btn.btn-outline.dark:active:focus, .btn.btn-outline.dark:active:hover, .btn.btn-outline.dark:focus, .btn.btn-outline.dark:hover { border-color: #2f353b; color: #FFF; background-color: #2f353b; } .btn.dark-stripe { border-left: 4px solid #2f353b !important; } .btn.dark.btn-no-border:not(.active) { border-color: transparent; } .btn.blue:not(.btn-outline) { color: #FFF; background-color: #3598dc; border-color: #3598dc; } .btn.blue:not(.btn-outline).focus, .btn.blue:not(.btn-outline):focus { color: #FFF; background-color: #217ebd; border-color: #15527c; } .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline):hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #217ebd; border-color: #1f78b5; } .btn.blue:not(.btn-outline).active.focus, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover, .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #1c699f; border-color: #15527c; } .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active, .open > .btn.blue:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue:not(.btn-outline).disabled.focus, .btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled:hover, .btn.blue:not(.btn-outline)[disabled].focus, .btn.blue:not(.btn-outline)[disabled]:focus, .btn.blue:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue:not(.btn-outline).focus, fieldset[disabled] .btn.blue:not(.btn-outline):focus, fieldset[disabled] .btn.blue:not(.btn-outline):hover { background-color: #3598dc; border-color: #3598dc; } .btn.blue:not(.btn-outline) .badge { color: #3598dc; background-color: #FFF; } .btn.btn-outline.blue { border-color: #3598dc; color: #3598dc; background: 0 0; } .btn.btn-outline.blue.active, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:focus, .btn.btn-outline.blue:hover { border-color: #3598dc; color: #FFF; background-color: #3598dc; } .btn.blue-stripe { border-left: 4px solid #3598dc !important; } .btn.blue.btn-no-border:not(.active) { border-color: transparent; } .btn.blue-madison:not(.btn-outline) { color: #FFF; background-color: #578ebe; border-color: #578ebe; } .btn.blue-madison:not(.btn-outline).focus, .btn.blue-madison:not(.btn-outline):focus { color: #FFF; background-color: #3f74a3; border-color: #2a4d6c; } .btn.blue-madison:not(.btn-outline).active, .btn.blue-madison:not(.btn-outline):active, .btn.blue-madison:not(.btn-outline):hover, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #3f74a3; border-color: #3c6f9c; } .btn.blue-madison:not(.btn-outline).active.focus, .btn.blue-madison:not(.btn-outline).active:focus, .btn.blue-madison:not(.btn-outline).active:hover, .btn.blue-madison:not(.btn-outline):active.focus, .btn.blue-madison:not(.btn-outline):active:focus, .btn.blue-madison:not(.btn-outline):active:hover, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #356289; border-color: #2a4d6c; } .btn.blue-madison:not(.btn-outline).active, .btn.blue-madison:not(.btn-outline):active, .open > .btn.blue-madison:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-madison:not(.btn-outline).disabled.focus, .btn.blue-madison:not(.btn-outline).disabled:focus, .btn.blue-madison:not(.btn-outline).disabled:hover, .btn.blue-madison:not(.btn-outline)[disabled].focus, .btn.blue-madison:not(.btn-outline)[disabled]:focus, .btn.blue-madison:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-madison:not(.btn-outline).focus, fieldset[disabled] .btn.blue-madison:not(.btn-outline):focus, fieldset[disabled] .btn.blue-madison:not(.btn-outline):hover { background-color: #578ebe; border-color: #578ebe; } .btn.blue-madison:not(.btn-outline) .badge { color: #578ebe; background-color: #FFF; } .btn.btn-outline.blue-madison { border-color: #578ebe; color: #578ebe; background: 0 0; } .btn.btn-outline.blue-madison.active, .btn.btn-outline.blue-madison:active, .btn.btn-outline.blue-madison:active:focus, .btn.btn-outline.blue-madison:active:hover, .btn.btn-outline.blue-madison:focus, .btn.btn-outline.blue-madison:hover { border-color: #578ebe; color: #FFF; background-color: #578ebe; } .btn.blue-madison-stripe { border-left: 4px solid #578ebe !important; } .btn.blue-madison.btn-no-border:not(.active) { border-color: transparent; } .btn.blue-chambray:not(.btn-outline) { color: #FFF; background-color: #2C3E50; border-color: #2C3E50; } .btn.blue-chambray:not(.btn-outline).focus, .btn.blue-chambray:not(.btn-outline):focus { color: #FFF; background-color: #1a252f; border-color: #000; } .btn.blue-chambray:not(.btn-outline).active, .btn.blue-chambray:not(.btn-outline):active, .btn.blue-chambray:not(.btn-outline):hover, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #1a252f; border-color: #161f29; } .btn.blue-chambray:not(.btn-outline).active.focus, .btn.blue-chambray:not(.btn-outline).active:focus, .btn.blue-chambray:not(.btn-outline).active:hover, .btn.blue-chambray:not(.btn-outline):active.focus, .btn.blue-chambray:not(.btn-outline):active:focus, .btn.blue-chambray:not(.btn-outline):active:hover, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #0d1318; border-color: #000; } .btn.blue-chambray:not(.btn-outline).active, .btn.blue-chambray:not(.btn-outline):active, .open > .btn.blue-chambray:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-chambray:not(.btn-outline).disabled.focus, .btn.blue-chambray:not(.btn-outline).disabled:focus, .btn.blue-chambray:not(.btn-outline).disabled:hover, .btn.blue-chambray:not(.btn-outline)[disabled].focus, .btn.blue-chambray:not(.btn-outline)[disabled]:focus, .btn.blue-chambray:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-chambray:not(.btn-outline).focus, fieldset[disabled] .btn.blue-chambray:not(.btn-outline):focus, fieldset[disabled] .btn.blue-chambray:not(.btn-outline):hover { background-color: #2C3E50; border-color: #2C3E50; } .btn.blue-chambray:not(.btn-outline) .badge { color: #2C3E50; background-color: #FFF; } .btn.btn-outline.blue-chambray { border-color: #2C3E50; color: #2C3E50; background: 0 0; } .btn.btn-outline.blue-chambray.active, .btn.btn-outline.blue-chambray:active, .btn.btn-outline.blue-chambray:active:focus, .btn.btn-outline.blue-chambray:active:hover, .btn.btn-outline.blue-chambray:focus, .btn.btn-outline.blue-chambray:hover { border-color: #2C3E50; color: #FFF; background-color: #2C3E50; } .btn.blue-chambray-stripe { border-left: 4px solid #2C3E50 !important; } .btn.blue-chambray.btn-no-border:not(.active) { border-color: transparent; } .btn.blue-ebonyclay:not(.btn-outline) { color: #FFF; background-color: #22313F; border-color: #22313F; } .btn.blue-ebonyclay:not(.btn-outline).focus, .btn.blue-ebonyclay:not(.btn-outline):focus { color: #FFF; background-color: #10171e; border-color: #000; } .btn.blue-ebonyclay:not(.btn-outline).active, .btn.blue-ebonyclay:not(.btn-outline):active, .btn.blue-ebonyclay:not(.btn-outline):hover, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #10171e; border-color: #0d1217; } .btn.blue-ebonyclay:not(.btn-outline).active.focus, .btn.blue-ebonyclay:not(.btn-outline).active:focus, .btn.blue-ebonyclay:not(.btn-outline).active:hover, .btn.blue-ebonyclay:not(.btn-outline):active.focus, .btn.blue-ebonyclay:not(.btn-outline):active:focus, .btn.blue-ebonyclay:not(.btn-outline):active:hover, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #040507; border-color: #000; } .btn.blue-ebonyclay:not(.btn-outline).active, .btn.blue-ebonyclay:not(.btn-outline):active, .open > .btn.blue-ebonyclay:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-ebonyclay:not(.btn-outline).disabled.focus, .btn.blue-ebonyclay:not(.btn-outline).disabled:focus, .btn.blue-ebonyclay:not(.btn-outline).disabled:hover, .btn.blue-ebonyclay:not(.btn-outline)[disabled].focus, .btn.blue-ebonyclay:not(.btn-outline)[disabled]:focus, .btn.blue-ebonyclay:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline).focus, fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):focus, fieldset[disabled] .btn.blue-ebonyclay:not(.btn-outline):hover { background-color: #22313F; border-color: #22313F; } .btn.blue-ebonyclay:not(.btn-outline) .badge { color: #22313F; background-color: #FFF; } .btn.btn-outline.blue-ebonyclay { border-color: #22313F; color: #22313F; background: 0 0; } .btn.btn-outline.blue-ebonyclay.active, .btn.btn-outline.blue-ebonyclay:active, .btn.btn-outline.blue-ebonyclay:active:focus, .btn.btn-outline.blue-ebonyclay:active:hover, .btn.btn-outline.blue-ebonyclay:focus, .btn.btn-outline.blue-ebonyclay:hover { border-color: #22313F; color: #FFF; background-color: #22313F; } .btn.blue-ebonyclay-stripe { border-left: 4px solid #22313F !important; } .btn.blue-ebonyclay.btn-no-border:not(.active) { border-color: transparent; } .btn.blue-hoki:not(.btn-outline) { color: #FFF; background-color: #67809F; border-color: #67809F; } .btn.blue-hoki:not(.btn-outline).focus, .btn.blue-hoki:not(.btn-outline):focus { color: #FFF; background-color: #526781; border-color: #344252; } .btn.blue-hoki:not(.btn-outline).active, .btn.blue-hoki:not(.btn-outline):active, .btn.blue-hoki:not(.btn-outline):hover, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #526781; border-color: #4e627b; } .btn.blue-hoki:not(.btn-outline).active.focus, .btn.blue-hoki:not(.btn-outline).active:focus, .btn.blue-hoki:not(.btn-outline).active:hover, .btn.blue-hoki:not(.btn-outline):active.focus, .btn.blue-hoki:not(.btn-outline):active:focus, .btn.blue-hoki:not(.btn-outline):active:hover, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #44566b; border-color: #344252; } .btn.blue-hoki:not(.btn-outline).active, .btn.blue-hoki:not(.btn-outline):active, .open > .btn.blue-hoki:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-hoki:not(.btn-outline).disabled.focus, .btn.blue-hoki:not(.btn-outline).disabled:focus, .btn.blue-hoki:not(.btn-outline).disabled:hover, .btn.blue-hoki:not(.btn-outline)[disabled].focus, .btn.blue-hoki:not(.btn-outline)[disabled]:focus, .btn.blue-hoki:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-hoki:not(.btn-outline).focus, fieldset[disabled] .btn.blue-hoki:not(.btn-outline):focus, fieldset[disabled] .btn.blue-hoki:not(.btn-outline):hover { background-color: #67809F; border-color: #67809F; } .btn.blue-hoki:not(.btn-outline) .badge { color: #67809F; background-color: #FFF; } .btn.btn-outline.blue-hoki { border-color: #67809F; color: #67809F; background: 0 0; } .btn.btn-outline.blue-hoki.active, .btn.btn-outline.blue-hoki:active, .btn.btn-outline.blue-hoki:active:focus, .btn.btn-outline.blue-hoki:active:hover, .btn.btn-outline.blue-hoki:focus, .btn.btn-outline.blue-hoki:hover { border-color: #67809F; color: #FFF; background-color: #67809F; } .btn.blue-hoki-stripe { border-left: 4px solid #67809F !important; } .btn.blue-hoki.btn-no-border:not(.active) { border-color: transparent; } .btn.blue-steel:not(.btn-outline) { color: #FFF; background-color: #4B77BE; border-color: #4B77BE; } .btn.blue-steel:not(.btn-outline).focus, .btn.blue-steel:not(.btn-outline):focus { color: #FFF; background-color: #395f9d; border-color: #243d65; } .btn.blue-steel:not(.btn-outline).active, .btn.blue-steel:not(.btn-outline):active, .btn.blue-steel:not(.btn-outline):hover, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #395f9d; border-color: #365b96; } .btn.blue-steel:not(.btn-outline).active.focus, .btn.blue-steel:not(.btn-outline).active:focus, .btn.blue-steel:not(.btn-outline).active:hover, .btn.blue-steel:not(.btn-outline):active.focus, .btn.blue-steel:not(.btn-outline):active:focus, .btn.blue-steel:not(.btn-outline):active:hover, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #2f4f83; border-color: #243d65; } .btn.blue-steel:not(.btn-outline).active, .btn.blue-steel:not(.btn-outline):active, .open > .btn.blue-steel:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-steel:not(.btn-outline).disabled.focus, .btn.blue-steel:not(.btn-outline).disabled:focus, .btn.blue-steel:not(.btn-outline).disabled:hover, .btn.blue-steel:not(.btn-outline)[disabled].focus, .btn.blue-steel:not(.btn-outline)[disabled]:focus, .btn.blue-steel:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-steel:not(.btn-outline).focus, fieldset[disabled] .btn.blue-steel:not(.btn-outline):focus, fieldset[disabled] .btn.blue-steel:not(.btn-outline):hover { background-color: #4B77BE; border-color: #4B77BE; } .btn.blue-steel:not(.btn-outline) .badge { color: #4B77BE; background-color: #FFF; } .btn.btn-outline.blue-steel { border-color: #4B77BE; color: #4B77BE; background: 0 0; } .btn.btn-outline.blue-steel.active, .btn.btn-outline.blue-steel:active, .btn.btn-outline.blue-steel:active:focus, .btn.btn-outline.blue-steel:active:hover, .btn.btn-outline.blue-steel:focus, .btn.btn-outline.blue-steel:hover { border-color: #4B77BE; color: #FFF; background-color: #4B77BE; } .btn.blue-steel-stripe { border-left: 4px solid #4B77BE !important; } .btn.blue-steel.btn-no-border:not(.active) { border-color: transparent; } .btn.blue-soft:not(.btn-outline) { color: #FFF; background-color: #4c87b9; border-color: #4c87b9; } .btn.blue-soft:not(.btn-outline).focus, .btn.blue-soft:not(.btn-outline):focus { color: #FFF; background-color: #3b6d97; border-color: #264560; } .btn.blue-soft:not(.btn-outline).active, .btn.blue-soft:not(.btn-outline):active, .btn.blue-soft:not(.btn-outline):hover, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #3b6d97; border-color: #386890; } .btn.blue-soft:not(.btn-outline).active.focus, .btn.blue-soft:not(.btn-outline).active:focus, .btn.blue-soft:not(.btn-outline).active:hover, .btn.blue-soft:not(.btn-outline):active.focus, .btn.blue-soft:not(.btn-outline):active:focus, .btn.blue-soft:not(.btn-outline):active:hover, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #315a7d; border-color: #264560; } .btn.blue-soft:not(.btn-outline).active, .btn.blue-soft:not(.btn-outline):active, .open > .btn.blue-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-soft:not(.btn-outline).disabled.focus, .btn.blue-soft:not(.btn-outline).disabled:focus, .btn.blue-soft:not(.btn-outline).disabled:hover, .btn.blue-soft:not(.btn-outline)[disabled].focus, .btn.blue-soft:not(.btn-outline)[disabled]:focus, .btn.blue-soft:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-soft:not(.btn-outline).focus, fieldset[disabled] .btn.blue-soft:not(.btn-outline):focus, fieldset[disabled] .btn.blue-soft:not(.btn-outline):hover { background-color: #4c87b9; border-color: #4c87b9; } .btn.blue-soft:not(.btn-outline) .badge { color: #4c87b9; background-color: #FFF; } .btn.btn-outline.blue-soft { border-color: #4c87b9; color: #4c87b9; background: 0 0; } .btn.btn-outline.blue-soft.active, .btn.btn-outline.blue-soft:active, .btn.btn-outline.blue-soft:active:focus, .btn.btn-outline.blue-soft:active:hover, .btn.btn-outline.blue-soft:focus, .btn.btn-outline.blue-soft:hover { border-color: #4c87b9; color: #FFF; background-color: #4c87b9; } .btn.blue-soft-stripe { border-left: 4px solid #4c87b9 !important; } .btn.blue-soft.btn-no-border:not(.active) { border-color: transparent; } .btn.blue-dark:not(.btn-outline) { color: #FFF; background-color: #5e738b; border-color: #5e738b; } .btn.blue-dark:not(.btn-outline).focus, .btn.blue-dark:not(.btn-outline):focus { color: #FFF; background-color: #495a6d; border-color: #2b343f; } .btn.blue-dark:not(.btn-outline).active, .btn.blue-dark:not(.btn-outline):active, .btn.blue-dark:not(.btn-outline):hover, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #495a6d; border-color: #455566; } .btn.blue-dark:not(.btn-outline).active.focus, .btn.blue-dark:not(.btn-outline).active:focus, .btn.blue-dark:not(.btn-outline).active:hover, .btn.blue-dark:not(.btn-outline):active.focus, .btn.blue-dark:not(.btn-outline):active:focus, .btn.blue-dark:not(.btn-outline):active:hover, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #3b4857; border-color: #2b343f; } .btn.blue-dark:not(.btn-outline).active, .btn.blue-dark:not(.btn-outline):active, .open > .btn.blue-dark:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-dark:not(.btn-outline).disabled.focus, .btn.blue-dark:not(.btn-outline).disabled:focus, .btn.blue-dark:not(.btn-outline).disabled:hover, .btn.blue-dark:not(.btn-outline)[disabled].focus, .btn.blue-dark:not(.btn-outline)[disabled]:focus, .btn.blue-dark:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-dark:not(.btn-outline).focus, fieldset[disabled] .btn.blue-dark:not(.btn-outline):focus, fieldset[disabled] .btn.blue-dark:not(.btn-outline):hover { background-color: #5e738b; border-color: #5e738b; } .btn.blue-dark:not(.btn-outline) .badge { color: #5e738b; background-color: #FFF; } .btn.btn-outline.blue-dark { border-color: #5e738b; color: #5e738b; background: 0 0; } .btn.btn-outline.blue-dark.active, .btn.btn-outline.blue-dark:active, .btn.btn-outline.blue-dark:active:focus, .btn.btn-outline.blue-dark:active:hover, .btn.btn-outline.blue-dark:focus, .btn.btn-outline.blue-dark:hover { border-color: #5e738b; color: #FFF; background-color: #5e738b; } .btn.blue-dark-stripe { border-left: 4px solid #5e738b !important; } .btn.blue-dark.btn-no-border:not(.active) { border-color: transparent; } .btn.blue-sharp:not(.btn-outline) { color: #FFF; background-color: #5C9BD1; border-color: #5C9BD1; } .btn.blue-sharp:not(.btn-outline).focus, .btn.blue-sharp:not(.btn-outline):focus { color: #FFF; background-color: #3782c3; border-color: #265a87; } .btn.blue-sharp:not(.btn-outline).active, .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline):hover, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #3782c3; border-color: #357dbb; } .btn.blue-sharp:not(.btn-outline).active.focus, .btn.blue-sharp:not(.btn-outline).active:focus, .btn.blue-sharp:not(.btn-outline).active:hover, .btn.blue-sharp:not(.btn-outline):active.focus, .btn.blue-sharp:not(.btn-outline):active:focus, .btn.blue-sharp:not(.btn-outline):active:hover, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #2f70a7; border-color: #265a87; } .btn.blue-sharp:not(.btn-outline).active, .btn.blue-sharp:not(.btn-outline):active, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-sharp:not(.btn-outline).disabled.focus, .btn.blue-sharp:not(.btn-outline).disabled:focus, .btn.blue-sharp:not(.btn-outline).disabled:hover, .btn.blue-sharp:not(.btn-outline)[disabled].focus, .btn.blue-sharp:not(.btn-outline)[disabled]:focus, .btn.blue-sharp:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-sharp:not(.btn-outline).focus, fieldset[disabled] .btn.blue-sharp:not(.btn-outline):focus, fieldset[disabled] .btn.blue-sharp:not(.btn-outline):hover { background-color: #5C9BD1; border-color: #5C9BD1; } .btn.blue-sharp:not(.btn-outline) .badge { color: #5C9BD1; background-color: #FFF; } .btn.btn-outline.blue-sharp { border-color: #5C9BD1; color: #5C9BD1; background: 0 0; } .btn.btn-outline.blue-sharp.active, .btn.btn-outline.blue-sharp:active, .btn.btn-outline.blue-sharp:active:focus, .btn.btn-outline.blue-sharp:active:hover, .btn.btn-outline.blue-sharp:focus, .btn.btn-outline.blue-sharp:hover { border-color: #5C9BD1; color: #FFF; background-color: #5C9BD1; } .btn.blue-sharp-stripe { border-left: 4px solid #5C9BD1 !important; } .btn.blue-sharp.btn-no-border:not(.active) { border-color: transparent; } .btn.blue-oleo:not(.btn-outline) { color: #FFF; background-color: #94A0B2; border-color: #94A0B2; } .btn.blue-oleo:not(.btn-outline).focus, .btn.blue-oleo:not(.btn-outline):focus { color: #FFF; background-color: #76869d; border-color: #536073; } .btn.blue-oleo:not(.btn-outline).active, .btn.blue-oleo:not(.btn-outline):active, .btn.blue-oleo:not(.btn-outline):hover, .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #76869d; border-color: #708098; } .btn.blue-oleo:not(.btn-outline).active.focus, .btn.blue-oleo:not(.btn-outline).active:focus, .btn.blue-oleo:not(.btn-outline).active:hover, .btn.blue-oleo:not(.btn-outline):active.focus, .btn.blue-oleo:not(.btn-outline):active:focus, .btn.blue-oleo:not(.btn-outline):active:hover, .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #64748b; border-color: #536073; } .btn.blue-oleo:not(.btn-outline).active, .btn.blue-oleo:not(.btn-outline):active, .open > .btn.blue-oleo:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.blue-oleo:not(.btn-outline).disabled.focus, .btn.blue-oleo:not(.btn-outline).disabled:focus, .btn.blue-oleo:not(.btn-outline).disabled:hover, .btn.blue-oleo:not(.btn-outline)[disabled].focus, .btn.blue-oleo:not(.btn-outline)[disabled]:focus, .btn.blue-oleo:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-oleo:not(.btn-outline).focus, fieldset[disabled] .btn.blue-oleo:not(.btn-outline):focus, fieldset[disabled] .btn.blue-oleo:not(.btn-outline):hover { background-color: #94A0B2; border-color: #94A0B2; } .btn.blue-oleo:not(.btn-outline) .badge { color: #94A0B2; background-color: #FFF; } .btn.btn-outline.blue-oleo { border-color: #94A0B2; color: #94A0B2; background: 0 0; } .btn.btn-outline.blue-oleo.active, .btn.btn-outline.blue-oleo:active, .btn.btn-outline.blue-oleo:active:focus, .btn.btn-outline.blue-oleo:active:hover, .btn.btn-outline.blue-oleo:focus, .btn.btn-outline.blue-oleo:hover { border-color: #94A0B2; color: #FFF; background-color: #94A0B2; } .btn.blue-oleo-stripe { border-left: 4px solid #94A0B2 !important; } .btn.blue-oleo.btn-no-border:not(.active) { border-color: transparent; } .btn.green:not(.btn-outline) { color: #FFF; background-color: #32c5d2; border-color: #32c5d2; } .btn.green:not(.btn-outline).focus, .btn.green:not(.btn-outline):focus { color: #FFF; background-color: #26a1ab; border-color: #18666d; } .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open > .btn.green:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #26a1ab; border-color: #2499a3; } .btn.green:not(.btn-outline).active.focus, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active:hover, .open > .btn.green:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #1f858e; border-color: #18666d; } .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .open > .btn.green:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green:not(.btn-outline).disabled.focus, .btn.green:not(.btn-outline).disabled:focus, .btn.green:not(.btn-outline).disabled:hover, .btn.green:not(.btn-outline)[disabled].focus, .btn.green:not(.btn-outline)[disabled]:focus, .btn.green:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green:not(.btn-outline).focus, fieldset[disabled] .btn.green:not(.btn-outline):focus, fieldset[disabled] .btn.green:not(.btn-outline):hover { background-color: #32c5d2; border-color: #32c5d2; } .btn.green:not(.btn-outline) .badge { color: #32c5d2; background-color: #FFF; } .btn.btn-outline.green { border-color: #32c5d2; color: #32c5d2; background: 0 0; } .btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover { border-color: #32c5d2; color: #FFF; background-color: #32c5d2; } .btn.green-stripe { border-left: 4px solid #32c5d2 !important; } .btn.green.btn-no-border:not(.active) { border-color: transparent; } .btn.green-meadow:not(.btn-outline) { color: #FFF; background-color: #1BBC9B; border-color: #1BBC9B; } .btn.green-meadow:not(.btn-outline).focus, .btn.green-meadow:not(.btn-outline):focus { color: #FFF; background-color: #158f76; border-color: #0b4d3f; } .btn.green-meadow:not(.btn-outline).active, .btn.green-meadow:not(.btn-outline):active, .btn.green-meadow:not(.btn-outline):hover, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #158f76; border-color: #13866f; } .btn.green-meadow:not(.btn-outline).active.focus, .btn.green-meadow:not(.btn-outline).active:focus, .btn.green-meadow:not(.btn-outline).active:hover, .btn.green-meadow:not(.btn-outline):active.focus, .btn.green-meadow:not(.btn-outline):active:focus, .btn.green-meadow:not(.btn-outline):active:hover, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #10705c; border-color: #0b4d3f; } .btn.green-meadow:not(.btn-outline).active, .btn.green-meadow:not(.btn-outline):active, .open > .btn.green-meadow:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-meadow:not(.btn-outline).disabled.focus, .btn.green-meadow:not(.btn-outline).disabled:focus, .btn.green-meadow:not(.btn-outline).disabled:hover, .btn.green-meadow:not(.btn-outline)[disabled].focus, .btn.green-meadow:not(.btn-outline)[disabled]:focus, .btn.green-meadow:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-meadow:not(.btn-outline).focus, fieldset[disabled] .btn.green-meadow:not(.btn-outline):focus, fieldset[disabled] .btn.green-meadow:not(.btn-outline):hover { background-color: #1BBC9B; border-color: #1BBC9B; } .btn.green-meadow:not(.btn-outline) .badge { color: #1BBC9B; background-color: #FFF; } .btn.btn-outline.green-meadow { border-color: #1BBC9B; color: #1BBC9B; background: 0 0; } .btn.btn-outline.green-meadow.active, .btn.btn-outline.green-meadow:active, .btn.btn-outline.green-meadow:active:focus, .btn.btn-outline.green-meadow:active:hover, .btn.btn-outline.green-meadow:focus, .btn.btn-outline.green-meadow:hover { border-color: #1BBC9B; color: #FFF; background-color: #1BBC9B; } .btn.green-meadow-stripe { border-left: 4px solid #1BBC9B !important; } .btn.green-meadow.btn-no-border:not(.active) { border-color: transparent; } .btn.green-seagreen:not(.btn-outline) { color: #FFF; background-color: #1BA39C; border-color: #1BA39C; } .btn.green-seagreen:not(.btn-outline).focus, .btn.green-seagreen:not(.btn-outline):focus { color: #FFF; background-color: #147772; border-color: #093633; } .btn.green-seagreen:not(.btn-outline).active, .btn.green-seagreen:not(.btn-outline):active, .btn.green-seagreen:not(.btn-outline):hover, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #147772; border-color: #126e6a; } .btn.green-seagreen:not(.btn-outline).active.focus, .btn.green-seagreen:not(.btn-outline).active:focus, .btn.green-seagreen:not(.btn-outline).active:hover, .btn.green-seagreen:not(.btn-outline):active.focus, .btn.green-seagreen:not(.btn-outline):active:focus, .btn.green-seagreen:not(.btn-outline):active:hover, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #0f5955; border-color: #093633; } .btn.green-seagreen:not(.btn-outline).active, .btn.green-seagreen:not(.btn-outline):active, .open > .btn.green-seagreen:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-seagreen:not(.btn-outline).disabled.focus, .btn.green-seagreen:not(.btn-outline).disabled:focus, .btn.green-seagreen:not(.btn-outline).disabled:hover, .btn.green-seagreen:not(.btn-outline)[disabled].focus, .btn.green-seagreen:not(.btn-outline)[disabled]:focus, .btn.green-seagreen:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-seagreen:not(.btn-outline).focus, fieldset[disabled] .btn.green-seagreen:not(.btn-outline):focus, fieldset[disabled] .btn.green-seagreen:not(.btn-outline):hover { background-color: #1BA39C; border-color: #1BA39C; } .btn.green-seagreen:not(.btn-outline) .badge { color: #1BA39C; background-color: #FFF; } .btn.btn-outline.green-seagreen { border-color: #1BA39C; color: #1BA39C; background: 0 0; } .btn.btn-outline.green-seagreen.active, .btn.btn-outline.green-seagreen:active, .btn.btn-outline.green-seagreen:active:focus, .btn.btn-outline.green-seagreen:active:hover, .btn.btn-outline.green-seagreen:focus, .btn.btn-outline.green-seagreen:hover { border-color: #1BA39C; color: #FFF; background-color: #1BA39C; } .btn.green-seagreen-stripe { border-left: 4px solid #1BA39C !important; } .btn.green-seagreen.btn-no-border:not(.active) { border-color: transparent; } .btn.green-turquoise:not(.btn-outline) { color: #FFF; background-color: #36D7B7; border-color: #36D7B7; } .btn.green-turquoise:not(.btn-outline).focus, .btn.green-turquoise:not(.btn-outline):focus { color: #FFF; background-color: #24b699; border-color: #177663; } .btn.green-turquoise:not(.btn-outline).active, .btn.green-turquoise:not(.btn-outline):active, .btn.green-turquoise:not(.btn-outline):hover, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #24b699; border-color: #22ad92; } .btn.green-turquoise:not(.btn-outline).active.focus, .btn.green-turquoise:not(.btn-outline).active:focus, .btn.green-turquoise:not(.btn-outline).active:hover, .btn.green-turquoise:not(.btn-outline):active.focus, .btn.green-turquoise:not(.btn-outline):active:focus, .btn.green-turquoise:not(.btn-outline):active:hover, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #1e9880; border-color: #177663; } .btn.green-turquoise:not(.btn-outline).active, .btn.green-turquoise:not(.btn-outline):active, .open > .btn.green-turquoise:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-turquoise:not(.btn-outline).disabled.focus, .btn.green-turquoise:not(.btn-outline).disabled:focus, .btn.green-turquoise:not(.btn-outline).disabled:hover, .btn.green-turquoise:not(.btn-outline)[disabled].focus, .btn.green-turquoise:not(.btn-outline)[disabled]:focus, .btn.green-turquoise:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-turquoise:not(.btn-outline).focus, fieldset[disabled] .btn.green-turquoise:not(.btn-outline):focus, fieldset[disabled] .btn.green-turquoise:not(.btn-outline):hover { background-color: #36D7B7; border-color: #36D7B7; } .btn.green-turquoise:not(.btn-outline) .badge { color: #36D7B7; background-color: #FFF; } .btn.btn-outline.green-turquoise { border-color: #36D7B7; color: #36D7B7; background: 0 0; } .btn.btn-outline.green-turquoise.active, .btn.btn-outline.green-turquoise:active, .btn.btn-outline.green-turquoise:active:focus, .btn.btn-outline.green-turquoise:active:hover, .btn.btn-outline.green-turquoise:focus, .btn.btn-outline.green-turquoise:hover { border-color: #36D7B7; color: #FFF; background-color: #36D7B7; } .btn.green-turquoise-stripe { border-left: 4px solid #36D7B7 !important; } .btn.green-turquoise.btn-no-border:not(.active) { border-color: transparent; } .btn.green-haze:not(.btn-outline) { color: #FFF; background-color: #44b6ae; border-color: #44b6ae; } .btn.green-haze:not(.btn-outline).focus, .btn.green-haze:not(.btn-outline):focus { color: #FFF; background-color: #36918b; border-color: #215955; } .btn.green-haze:not(.btn-outline).active, .btn.green-haze:not(.btn-outline):active, .btn.green-haze:not(.btn-outline):hover, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #36918b; border-color: #338983; } .btn.green-haze:not(.btn-outline).active.focus, .btn.green-haze:not(.btn-outline).active:focus, .btn.green-haze:not(.btn-outline).active:hover, .btn.green-haze:not(.btn-outline):active.focus, .btn.green-haze:not(.btn-outline):active:focus, .btn.green-haze:not(.btn-outline):active:hover, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #2c7772; border-color: #215955; } .btn.green-haze:not(.btn-outline).active, .btn.green-haze:not(.btn-outline):active, .open > .btn.green-haze:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-haze:not(.btn-outline).disabled.focus, .btn.green-haze:not(.btn-outline).disabled:focus, .btn.green-haze:not(.btn-outline).disabled:hover, .btn.green-haze:not(.btn-outline)[disabled].focus, .btn.green-haze:not(.btn-outline)[disabled]:focus, .btn.green-haze:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-haze:not(.btn-outline).focus, fieldset[disabled] .btn.green-haze:not(.btn-outline):focus, fieldset[disabled] .btn.green-haze:not(.btn-outline):hover { background-color: #44b6ae; border-color: #44b6ae; } .btn.green-haze:not(.btn-outline) .badge { color: #44b6ae; background-color: #FFF; } .btn.btn-outline.green-haze { border-color: #44b6ae; color: #44b6ae; background: 0 0; } .btn.btn-outline.green-haze.active, .btn.btn-outline.green-haze:active, .btn.btn-outline.green-haze:active:focus, .btn.btn-outline.green-haze:active:hover, .btn.btn-outline.green-haze:focus, .btn.btn-outline.green-haze:hover { border-color: #44b6ae; color: #FFF; background-color: #44b6ae; } .btn.green-haze-stripe { border-left: 4px solid #44b6ae !important; } .btn.green-haze.btn-no-border:not(.active) { border-color: transparent; } .btn.green-jungle:not(.btn-outline) { color: #FFF; background-color: #26C281; border-color: #26C281; } .btn.green-jungle:not(.btn-outline).focus, .btn.green-jungle:not(.btn-outline):focus { color: #FFF; background-color: #1e9765; border-color: #11573a; } .btn.green-jungle:not(.btn-outline).active, .btn.green-jungle:not(.btn-outline):active, .btn.green-jungle:not(.btn-outline):hover, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #1e9765; border-color: #1c8f5f; } .btn.green-jungle:not(.btn-outline).active.focus, .btn.green-jungle:not(.btn-outline).active:focus, .btn.green-jungle:not(.btn-outline).active:hover, .btn.green-jungle:not(.btn-outline):active.focus, .btn.green-jungle:not(.btn-outline):active:focus, .btn.green-jungle:not(.btn-outline):active:hover, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #187a51; border-color: #11573a; } .btn.green-jungle:not(.btn-outline).active, .btn.green-jungle:not(.btn-outline):active, .open > .btn.green-jungle:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-jungle:not(.btn-outline).disabled.focus, .btn.green-jungle:not(.btn-outline).disabled:focus, .btn.green-jungle:not(.btn-outline).disabled:hover, .btn.green-jungle:not(.btn-outline)[disabled].focus, .btn.green-jungle:not(.btn-outline)[disabled]:focus, .btn.green-jungle:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-jungle:not(.btn-outline).focus, fieldset[disabled] .btn.green-jungle:not(.btn-outline):focus, fieldset[disabled] .btn.green-jungle:not(.btn-outline):hover { background-color: #26C281; border-color: #26C281; } .btn.green-jungle:not(.btn-outline) .badge { color: #26C281; background-color: #FFF; } .btn.btn-outline.green-jungle { border-color: #26C281; color: #26C281; background: 0 0; } .btn.btn-outline.green-jungle.active, .btn.btn-outline.green-jungle:active, .btn.btn-outline.green-jungle:active:focus, .btn.btn-outline.green-jungle:active:hover, .btn.btn-outline.green-jungle:focus, .btn.btn-outline.green-jungle:hover { border-color: #26C281; color: #FFF; background-color: #26C281; } .btn.green-jungle-stripe { border-left: 4px solid #26C281 !important; } .btn.green-jungle.btn-no-border:not(.active) { border-color: transparent; } .btn.green-soft:not(.btn-outline) { color: #FFF; background-color: #3faba4; border-color: #3faba4; } .btn.green-soft:not(.btn-outline).focus, .btn.green-soft:not(.btn-outline):focus { color: #FFF; background-color: #318680; border-color: #1d4e4b; } .btn.green-soft:not(.btn-outline).active, .btn.green-soft:not(.btn-outline):active, .btn.green-soft:not(.btn-outline):hover, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #318680; border-color: #2f7e79; } .btn.green-soft:not(.btn-outline).active.focus, .btn.green-soft:not(.btn-outline).active:focus, .btn.green-soft:not(.btn-outline).active:hover, .btn.green-soft:not(.btn-outline):active.focus, .btn.green-soft:not(.btn-outline):active:focus, .btn.green-soft:not(.btn-outline):active:hover, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #286c67; border-color: #1d4e4b; } .btn.green-soft:not(.btn-outline).active, .btn.green-soft:not(.btn-outline):active, .open > .btn.green-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-soft:not(.btn-outline).disabled.focus, .btn.green-soft:not(.btn-outline).disabled:focus, .btn.green-soft:not(.btn-outline).disabled:hover, .btn.green-soft:not(.btn-outline)[disabled].focus, .btn.green-soft:not(.btn-outline)[disabled]:focus, .btn.green-soft:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-soft:not(.btn-outline).focus, fieldset[disabled] .btn.green-soft:not(.btn-outline):focus, fieldset[disabled] .btn.green-soft:not(.btn-outline):hover { background-color: #3faba4; border-color: #3faba4; } .btn.green-soft:not(.btn-outline) .badge { color: #3faba4; background-color: #FFF; } .btn.btn-outline.green-soft { border-color: #3faba4; color: #3faba4; background: 0 0; } .btn.btn-outline.green-soft.active, .btn.btn-outline.green-soft:active, .btn.btn-outline.green-soft:active:focus, .btn.btn-outline.green-soft:active:hover, .btn.btn-outline.green-soft:focus, .btn.btn-outline.green-soft:hover { border-color: #3faba4; color: #FFF; background-color: #3faba4; } .btn.green-soft-stripe { border-left: 4px solid #3faba4 !important; } .btn.green-soft.btn-no-border:not(.active) { border-color: transparent; } .btn.green-dark:not(.btn-outline) { color: #FFF; background-color: #4DB3A2; border-color: #4DB3A2; } .btn.green-dark:not(.btn-outline).focus, .btn.green-dark:not(.btn-outline):focus { color: #FFF; background-color: #3d9082; border-color: #265a51; } .btn.green-dark:not(.btn-outline).active, .btn.green-dark:not(.btn-outline):active, .btn.green-dark:not(.btn-outline):hover, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #3d9082; border-color: #3a897b; } .btn.green-dark:not(.btn-outline).active.focus, .btn.green-dark:not(.btn-outline).active:focus, .btn.green-dark:not(.btn-outline).active:hover, .btn.green-dark:not(.btn-outline):active.focus, .btn.green-dark:not(.btn-outline):active:focus, .btn.green-dark:not(.btn-outline):active:hover, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #33776b; border-color: #265a51; } .btn.green-dark:not(.btn-outline).active, .btn.green-dark:not(.btn-outline):active, .open > .btn.green-dark:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-dark:not(.btn-outline).disabled.focus, .btn.green-dark:not(.btn-outline).disabled:focus, .btn.green-dark:not(.btn-outline).disabled:hover, .btn.green-dark:not(.btn-outline)[disabled].focus, .btn.green-dark:not(.btn-outline)[disabled]:focus, .btn.green-dark:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-dark:not(.btn-outline).focus, fieldset[disabled] .btn.green-dark:not(.btn-outline):focus, fieldset[disabled] .btn.green-dark:not(.btn-outline):hover { background-color: #4DB3A2; border-color: #4DB3A2; } .btn.green-dark:not(.btn-outline) .badge { color: #4DB3A2; background-color: #FFF; } .btn.btn-outline.green-dark { border-color: #4DB3A2; color: #4DB3A2; background: 0 0; } .btn.btn-outline.green-dark.active, .btn.btn-outline.green-dark:active, .btn.btn-outline.green-dark:active:focus, .btn.btn-outline.green-dark:active:hover, .btn.btn-outline.green-dark:focus, .btn.btn-outline.green-dark:hover { border-color: #4DB3A2; color: #FFF; background-color: #4DB3A2; } .btn.green-dark-stripe { border-left: 4px solid #4DB3A2 !important; } .btn.green-dark.btn-no-border:not(.active) { border-color: transparent; } .btn.green-sharp:not(.btn-outline) { color: #FFF; background-color: #2ab4c0; border-color: #2ab4c0; } .btn.green-sharp:not(.btn-outline).focus, .btn.green-sharp:not(.btn-outline):focus { color: #FFF; background-color: #218d96; border-color: #135257; } .btn.green-sharp:not(.btn-outline).active, .btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline):hover, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #218d96; border-color: #1f858e; } .btn.green-sharp:not(.btn-outline).active.focus, .btn.green-sharp:not(.btn-outline).active:focus, .btn.green-sharp:not(.btn-outline).active:hover, .btn.green-sharp:not(.btn-outline):active.focus, .btn.green-sharp:not(.btn-outline):active:focus, .btn.green-sharp:not(.btn-outline):active:hover, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #1a7179; border-color: #135257; } .btn.green-sharp:not(.btn-outline).active, .btn.green-sharp:not(.btn-outline):active, .open > .btn.green-sharp:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-sharp:not(.btn-outline).disabled.focus, .btn.green-sharp:not(.btn-outline).disabled:focus, .btn.green-sharp:not(.btn-outline).disabled:hover, .btn.green-sharp:not(.btn-outline)[disabled].focus, .btn.green-sharp:not(.btn-outline)[disabled]:focus, .btn.green-sharp:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-sharp:not(.btn-outline).focus, fieldset[disabled] .btn.green-sharp:not(.btn-outline):focus, fieldset[disabled] .btn.green-sharp:not(.btn-outline):hover { background-color: #2ab4c0; border-color: #2ab4c0; } .btn.green-sharp:not(.btn-outline) .badge { color: #2ab4c0; background-color: #FFF; } .btn.btn-outline.green-sharp { border-color: #2ab4c0; color: #2ab4c0; background: 0 0; } .btn.btn-outline.green-sharp.active, .btn.btn-outline.green-sharp:active, .btn.btn-outline.green-sharp:active:focus, .btn.btn-outline.green-sharp:active:hover, .btn.btn-outline.green-sharp:focus, .btn.btn-outline.green-sharp:hover { border-color: #2ab4c0; color: #FFF; background-color: #2ab4c0; } .btn.green-sharp-stripe { border-left: 4px solid #2ab4c0 !important; } .btn.green-sharp.btn-no-border:not(.active) { border-color: transparent; } .btn.green-steel:not(.btn-outline) { color: #FFF; background-color: #29b4b6; border-color: #29b4b6; } .btn.green-steel:not(.btn-outline).focus, .btn.green-steel:not(.btn-outline):focus { color: #FFF; background-color: #208b8c; border-color: #124d4e; } .btn.green-steel:not(.btn-outline).active, .btn.green-steel:not(.btn-outline):active, .btn.green-steel:not(.btn-outline):hover, .open > .btn.green-steel:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #208b8c; border-color: #1e8384; } .btn.green-steel:not(.btn-outline).active.focus, .btn.green-steel:not(.btn-outline).active:focus, .btn.green-steel:not(.btn-outline).active:hover, .btn.green-steel:not(.btn-outline):active.focus, .btn.green-steel:not(.btn-outline):active:focus, .btn.green-steel:not(.btn-outline):active:hover, .open > .btn.green-steel:not(.btn-outline).dropdown-toggle.focus, .open > .btn.green-steel:not(.btn-outline).dropdown-toggle:focus, .open > .btn.green-steel:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #196e6f; border-color: #124d4e; } .btn.green-steel:not(.btn-outline).active, .btn.green-steel:not(.btn-outline):active, .open > .btn.green-steel:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.green-steel:not(.btn-outline).disabled.focus, .btn.green-steel:not(.btn-outline).disabled:focus, .btn.green-steel:not(.btn-outline).disabled:hover, .btn.green-steel:not(.btn-outline)[disabled].focus, .btn.green-steel:not(.btn-outline)[disabled]:focus, .btn.green-steel:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.green-steel:not(.btn-outline).focus, fieldset[disabled] .btn.green-steel:not(.btn-outline):focus, fieldset[disabled] .btn.green-steel:not(.btn-outline):hover { background-color: #29b4b6; border-color: #29b4b6; } .btn.green-steel:not(.btn-outline) .badge { color: #29b4b6; background-color: #FFF; } .btn.btn-outline.green-steel { border-color: #29b4b6; color: #29b4b6; background: 0 0; } .btn.btn-outline.green-steel.active, .btn.btn-outline.green-steel:active, .btn.btn-outline.green-steel:active:focus, .btn.btn-outline.green-steel:active:hover, .btn.btn-outline.green-steel:focus, .btn.btn-outline.green-steel:hover { border-color: #29b4b6; color: #FFF; background-color: #29b4b6; } .btn.green-steel-stripe { border-left: 4px solid #29b4b6 !important; } .btn.green-steel.btn-no-border:not(.active) { border-color: transparent; } .btn.grey:not(.btn-outline) { color: #333; background-color: #E5E5E5; border-color: #E5E5E5; } .btn.grey:not(.btn-outline).focus, .btn.grey:not(.btn-outline):focus { color: #333; background-color: #ccc; border-color: #a5a5a5; } .btn.grey:not(.btn-outline).active, .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline):hover, .open > .btn.grey:not(.btn-outline).dropdown-toggle { color: #333; background-color: #ccc; border-color: #c6c6c6; } .btn.grey:not(.btn-outline).active.focus, .btn.grey:not(.btn-outline).active:focus, .btn.grey:not(.btn-outline).active:hover, .btn.grey:not(.btn-outline):active.focus, .btn.grey:not(.btn-outline):active:focus, .btn.grey:not(.btn-outline):active:hover, .open > .btn.grey:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey:not(.btn-outline).dropdown-toggle:hover { color: #333; background-color: #bababa; border-color: #a5a5a5; } .btn.grey:not(.btn-outline).active, .btn.grey:not(.btn-outline):active, .open > .btn.grey:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey:not(.btn-outline).disabled.focus, .btn.grey:not(.btn-outline).disabled:focus, .btn.grey:not(.btn-outline).disabled:hover, .btn.grey:not(.btn-outline)[disabled].focus, .btn.grey:not(.btn-outline)[disabled]:focus, .btn.grey:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey:not(.btn-outline).focus, fieldset[disabled] .btn.grey:not(.btn-outline):focus, fieldset[disabled] .btn.grey:not(.btn-outline):hover { background-color: #E5E5E5; border-color: #E5E5E5; } .btn.grey:not(.btn-outline) .badge { color: #E5E5E5; background-color: #333; } .btn.btn-outline.grey { border-color: #E5E5E5; color: #E5E5E5; background: 0 0; } .btn.btn-outline.grey.active, .btn.btn-outline.grey:active, .btn.btn-outline.grey:active:focus, .btn.btn-outline.grey:active:hover, .btn.btn-outline.grey:focus, .btn.btn-outline.grey:hover { border-color: #E5E5E5; color: #333; background-color: #E5E5E5; } .btn.grey-stripe { border-left: 4px solid #E5E5E5 !important; } .btn.grey.btn-no-border:not(.active) { border-color: transparent; } .btn.grey-steel:not(.btn-outline) { color: #80898e; background-color: #e9edef; border-color: #e9edef; } .btn.grey-steel:not(.btn-outline).focus, .btn.grey-steel:not(.btn-outline):focus { color: #80898e; background-color: #cbd5da; border-color: #9fb1b9; } .btn.grey-steel:not(.btn-outline).active, .btn.grey-steel:not(.btn-outline):active, .btn.grey-steel:not(.btn-outline):hover, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle { color: #80898e; background-color: #cbd5da; border-color: #c6d0d5; } .btn.grey-steel:not(.btn-outline).active.focus, .btn.grey-steel:not(.btn-outline).active:focus, .btn.grey-steel:not(.btn-outline).active:hover, .btn.grey-steel:not(.btn-outline):active.focus, .btn.grey-steel:not(.btn-outline):active:focus, .btn.grey-steel:not(.btn-outline):active:hover, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle:hover { color: #80898e; background-color: #b7c4ca; border-color: #9fb1b9; } .btn.grey-steel:not(.btn-outline).active, .btn.grey-steel:not(.btn-outline):active, .open > .btn.grey-steel:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-steel:not(.btn-outline).disabled.focus, .btn.grey-steel:not(.btn-outline).disabled:focus, .btn.grey-steel:not(.btn-outline).disabled:hover, .btn.grey-steel:not(.btn-outline)[disabled].focus, .btn.grey-steel:not(.btn-outline)[disabled]:focus, .btn.grey-steel:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-steel:not(.btn-outline).focus, fieldset[disabled] .btn.grey-steel:not(.btn-outline):focus, fieldset[disabled] .btn.grey-steel:not(.btn-outline):hover { background-color: #e9edef; border-color: #e9edef; } .btn.grey-steel:not(.btn-outline) .badge { color: #e9edef; background-color: #80898e; } .btn.btn-outline.grey-steel { border-color: #e9edef; color: #e9edef; background: 0 0; } .btn.btn-outline.grey-steel.active, .btn.btn-outline.grey-steel:active, .btn.btn-outline.grey-steel:active:focus, .btn.btn-outline.grey-steel:active:hover, .btn.btn-outline.grey-steel:focus, .btn.btn-outline.grey-steel:hover { border-color: #e9edef; color: #80898e; background-color: #e9edef; } .btn.grey-steel-stripe { border-left: 4px solid #e9edef !important; } .btn.grey-steel.btn-no-border:not(.active) { border-color: transparent; } .btn.grey-cararra:not(.btn-outline) { color: #333; background-color: #fafafa; border-color: #fafafa; } .btn.grey-cararra:not(.btn-outline).focus, .btn.grey-cararra:not(.btn-outline):focus { color: #333; background-color: #e1e1e1; border-color: #bababa; } .btn.grey-cararra:not(.btn-outline).active, .btn.grey-cararra:not(.btn-outline):active, .btn.grey-cararra:not(.btn-outline):hover, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle { color: #333; background-color: #e1e1e1; border-color: #dbdbdb; } .btn.grey-cararra:not(.btn-outline).active.focus, .btn.grey-cararra:not(.btn-outline).active:focus, .btn.grey-cararra:not(.btn-outline).active:hover, .btn.grey-cararra:not(.btn-outline):active.focus, .btn.grey-cararra:not(.btn-outline):active:focus, .btn.grey-cararra:not(.btn-outline):active:hover, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle:hover { color: #333; background-color: #cfcfcf; border-color: #bababa; } .btn.grey-cararra:not(.btn-outline).active, .btn.grey-cararra:not(.btn-outline):active, .open > .btn.grey-cararra:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-cararra:not(.btn-outline).disabled.focus, .btn.grey-cararra:not(.btn-outline).disabled:focus, .btn.grey-cararra:not(.btn-outline).disabled:hover, .btn.grey-cararra:not(.btn-outline)[disabled].focus, .btn.grey-cararra:not(.btn-outline)[disabled]:focus, .btn.grey-cararra:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-cararra:not(.btn-outline).focus, fieldset[disabled] .btn.grey-cararra:not(.btn-outline):focus, fieldset[disabled] .btn.grey-cararra:not(.btn-outline):hover { background-color: #fafafa; border-color: #fafafa; } .btn.grey-cararra:not(.btn-outline) .badge { color: #fafafa; background-color: #333; } .btn.btn-outline.grey-cararra { border-color: #fafafa; color: #fafafa; background: 0 0; } .btn.btn-outline.grey-cararra.active, .btn.btn-outline.grey-cararra:active, .btn.btn-outline.grey-cararra:active:focus, .btn.btn-outline.grey-cararra:active:hover, .btn.btn-outline.grey-cararra:focus, .btn.btn-outline.grey-cararra:hover { border-color: #fafafa; color: #333; background-color: #fafafa; } .btn.grey-cararra-stripe { border-left: 4px solid #fafafa !important; } .btn.grey-cararra.btn-no-border:not(.active) { border-color: transparent; } .btn.grey-gallery:not(.btn-outline) { color: #fff; background-color: #555; border-color: #555; } .btn.grey-gallery:not(.btn-outline).focus, .btn.grey-gallery:not(.btn-outline):focus { color: #fff; background-color: #3c3c3c; border-color: #151515; } .btn.grey-gallery:not(.btn-outline).active, .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline):hover, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #3c3c3c; border-color: #363636; } .btn.grey-gallery:not(.btn-outline).active.focus, .btn.grey-gallery:not(.btn-outline).active:focus, .btn.grey-gallery:not(.btn-outline).active:hover, .btn.grey-gallery:not(.btn-outline):active.focus, .btn.grey-gallery:not(.btn-outline):active:focus, .btn.grey-gallery:not(.btn-outline):active:hover, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #2a2a2a; border-color: #151515; } .btn.grey-gallery:not(.btn-outline).active, .btn.grey-gallery:not(.btn-outline):active, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-gallery:not(.btn-outline).disabled.focus, .btn.grey-gallery:not(.btn-outline).disabled:focus, .btn.grey-gallery:not(.btn-outline).disabled:hover, .btn.grey-gallery:not(.btn-outline)[disabled].focus, .btn.grey-gallery:not(.btn-outline)[disabled]:focus, .btn.grey-gallery:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-gallery:not(.btn-outline).focus, fieldset[disabled] .btn.grey-gallery:not(.btn-outline):focus, fieldset[disabled] .btn.grey-gallery:not(.btn-outline):hover { background-color: #555; border-color: #555; } .btn.grey-gallery:not(.btn-outline) .badge { color: #555; background-color: #fff; } .btn.btn-outline.grey-gallery { border-color: #555; color: #555; background: 0 0; } .btn.btn-outline.grey-gallery.active, .btn.btn-outline.grey-gallery:active, .btn.btn-outline.grey-gallery:active:focus, .btn.btn-outline.grey-gallery:active:hover, .btn.btn-outline.grey-gallery:focus, .btn.btn-outline.grey-gallery:hover { border-color: #555; color: #fff; background-color: #555; } .btn.grey-gallery-stripe { border-left: 4px solid #555 !important; } .btn.grey-gallery.btn-no-border:not(.active) { border-color: transparent; } .btn.grey-cascade:not(.btn-outline) { color: #FFF; background-color: #95A5A6; border-color: #95A5A6; } .btn.grey-cascade:not(.btn-outline).focus, .btn.grey-cascade:not(.btn-outline):focus { color: #FFF; background-color: #798d8f; border-color: #566566; } .btn.grey-cascade:not(.btn-outline).active, .btn.grey-cascade:not(.btn-outline):active, .btn.grey-cascade:not(.btn-outline):hover, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #798d8f; border-color: #74898a; } .btn.grey-cascade:not(.btn-outline).active.focus, .btn.grey-cascade:not(.btn-outline).active:focus, .btn.grey-cascade:not(.btn-outline).active:hover, .btn.grey-cascade:not(.btn-outline):active.focus, .btn.grey-cascade:not(.btn-outline):active:focus, .btn.grey-cascade:not(.btn-outline):active:hover, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #687b7c; border-color: #566566; } .btn.grey-cascade:not(.btn-outline).active, .btn.grey-cascade:not(.btn-outline):active, .open > .btn.grey-cascade:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-cascade:not(.btn-outline).disabled.focus, .btn.grey-cascade:not(.btn-outline).disabled:focus, .btn.grey-cascade:not(.btn-outline).disabled:hover, .btn.grey-cascade:not(.btn-outline)[disabled].focus, .btn.grey-cascade:not(.btn-outline)[disabled]:focus, .btn.grey-cascade:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-cascade:not(.btn-outline).focus, fieldset[disabled] .btn.grey-cascade:not(.btn-outline):focus, fieldset[disabled] .btn.grey-cascade:not(.btn-outline):hover { background-color: #95A5A6; border-color: #95A5A6; } .btn.grey-cascade:not(.btn-outline) .badge { color: #95A5A6; background-color: #FFF; } .btn.btn-outline.grey-cascade { border-color: #95A5A6; color: #95A5A6; background: 0 0; } .btn.btn-outline.grey-cascade.active, .btn.btn-outline.grey-cascade:active, .btn.btn-outline.grey-cascade:active:focus, .btn.btn-outline.grey-cascade:active:hover, .btn.btn-outline.grey-cascade:focus, .btn.btn-outline.grey-cascade:hover { border-color: #95A5A6; color: #FFF; background-color: #95A5A6; } .btn.grey-cascade-stripe { border-left: 4px solid #95A5A6 !important; } .btn.grey-cascade.btn-no-border:not(.active) { border-color: transparent; } .btn.grey-silver:not(.btn-outline) { color: #FAFCFB; background-color: #BFBFBF; border-color: #BFBFBF; } .btn.grey-silver:not(.btn-outline).focus, .btn.grey-silver:not(.btn-outline):focus { color: #FAFCFB; background-color: #a6a6a6; border-color: #7f7f7f; } .btn.grey-silver:not(.btn-outline).active, .btn.grey-silver:not(.btn-outline):active, .btn.grey-silver:not(.btn-outline):hover, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle { color: #FAFCFB; background-color: #a6a6a6; border-color: #a0a0a0; } .btn.grey-silver:not(.btn-outline).active.focus, .btn.grey-silver:not(.btn-outline).active:focus, .btn.grey-silver:not(.btn-outline).active:hover, .btn.grey-silver:not(.btn-outline):active.focus, .btn.grey-silver:not(.btn-outline):active:focus, .btn.grey-silver:not(.btn-outline):active:hover, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle:hover { color: #FAFCFB; background-color: #949494; border-color: #7f7f7f; } .btn.grey-silver:not(.btn-outline).active, .btn.grey-silver:not(.btn-outline):active, .open > .btn.grey-silver:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-silver:not(.btn-outline).disabled.focus, .btn.grey-silver:not(.btn-outline).disabled:focus, .btn.grey-silver:not(.btn-outline).disabled:hover, .btn.grey-silver:not(.btn-outline)[disabled].focus, .btn.grey-silver:not(.btn-outline)[disabled]:focus, .btn.grey-silver:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-silver:not(.btn-outline).focus, fieldset[disabled] .btn.grey-silver:not(.btn-outline):focus, fieldset[disabled] .btn.grey-silver:not(.btn-outline):hover { background-color: #BFBFBF; border-color: #BFBFBF; } .btn.grey-silver:not(.btn-outline) .badge { color: #BFBFBF; background-color: #FAFCFB; } .btn.btn-outline.grey-silver { border-color: #BFBFBF; color: #BFBFBF; background: 0 0; } .btn.btn-outline.grey-silver.active, .btn.btn-outline.grey-silver:active, .btn.btn-outline.grey-silver:active:focus, .btn.btn-outline.grey-silver:active:hover, .btn.btn-outline.grey-silver:focus, .btn.btn-outline.grey-silver:hover { border-color: #BFBFBF; color: #FAFCFB; background-color: #BFBFBF; } .btn.grey-silver-stripe { border-left: 4px solid #BFBFBF !important; } .btn.grey-silver.btn-no-border:not(.active) { border-color: transparent; } .btn.grey-salsa:not(.btn-outline) { color: #FAFCFB; background-color: #ACB5C3; border-color: #ACB5C3; } .btn.grey-salsa:not(.btn-outline).focus, .btn.grey-salsa:not(.btn-outline):focus { color: #FAFCFB; background-color: #8e9bae; border-color: #64748b; } .btn.grey-salsa:not(.btn-outline).active, .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline):hover, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle { color: #FAFCFB; background-color: #8e9bae; border-color: #8895a9; } .btn.grey-salsa:not(.btn-outline).active.focus, .btn.grey-salsa:not(.btn-outline).active:focus, .btn.grey-salsa:not(.btn-outline).active:hover, .btn.grey-salsa:not(.btn-outline):active.focus, .btn.grey-salsa:not(.btn-outline):active:focus, .btn.grey-salsa:not(.btn-outline):active:hover, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:hover { color: #FAFCFB; background-color: #7a889f; border-color: #64748b; } .btn.grey-salsa:not(.btn-outline).active, .btn.grey-salsa:not(.btn-outline):active, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-salsa:not(.btn-outline).disabled.focus, .btn.grey-salsa:not(.btn-outline).disabled:focus, .btn.grey-salsa:not(.btn-outline).disabled:hover, .btn.grey-salsa:not(.btn-outline)[disabled].focus, .btn.grey-salsa:not(.btn-outline)[disabled]:focus, .btn.grey-salsa:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-salsa:not(.btn-outline).focus, fieldset[disabled] .btn.grey-salsa:not(.btn-outline):focus, fieldset[disabled] .btn.grey-salsa:not(.btn-outline):hover { background-color: #ACB5C3; border-color: #ACB5C3; } .btn.grey-salsa:not(.btn-outline) .badge { color: #ACB5C3; background-color: #FAFCFB; } .btn.btn-outline.grey-salsa { border-color: #ACB5C3; color: #ACB5C3; background: 0 0; } .btn.btn-outline.grey-salsa.active, .btn.btn-outline.grey-salsa:active, .btn.btn-outline.grey-salsa:active:focus, .btn.btn-outline.grey-salsa:active:hover, .btn.btn-outline.grey-salsa:focus, .btn.btn-outline.grey-salsa:hover { border-color: #ACB5C3; color: #FAFCFB; background-color: #ACB5C3; } .btn.grey-salsa-stripe { border-left: 4px solid #ACB5C3 !important; } .btn.grey-salsa.btn-no-border:not(.active) { border-color: transparent; } .btn.grey-salt:not(.btn-outline) { color: #FAFCFB; background-color: #bfcad1; border-color: #bfcad1; } .btn.grey-salt:not(.btn-outline).focus, .btn.grey-salt:not(.btn-outline):focus { color: #FAFCFB; background-color: #a1b1bc; border-color: #758d9c; } .btn.grey-salt:not(.btn-outline).active, .btn.grey-salt:not(.btn-outline):active, .btn.grey-salt:not(.btn-outline):hover, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle { color: #FAFCFB; background-color: #a1b1bc; border-color: #9badb7; } .btn.grey-salt:not(.btn-outline).active.focus, .btn.grey-salt:not(.btn-outline).active:focus, .btn.grey-salt:not(.btn-outline).active:hover, .btn.grey-salt:not(.btn-outline):active.focus, .btn.grey-salt:not(.btn-outline):active:focus, .btn.grey-salt:not(.btn-outline):active:hover, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle:hover { color: #FAFCFB; background-color: #8da0ad; border-color: #758d9c; } .btn.grey-salt:not(.btn-outline).active, .btn.grey-salt:not(.btn-outline):active, .open > .btn.grey-salt:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-salt:not(.btn-outline).disabled.focus, .btn.grey-salt:not(.btn-outline).disabled:focus, .btn.grey-salt:not(.btn-outline).disabled:hover, .btn.grey-salt:not(.btn-outline)[disabled].focus, .btn.grey-salt:not(.btn-outline)[disabled]:focus, .btn.grey-salt:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-salt:not(.btn-outline).focus, fieldset[disabled] .btn.grey-salt:not(.btn-outline):focus, fieldset[disabled] .btn.grey-salt:not(.btn-outline):hover { background-color: #bfcad1; border-color: #bfcad1; } .btn.grey-salt:not(.btn-outline) .badge { color: #bfcad1; background-color: #FAFCFB; } .btn.btn-outline.grey-salt { border-color: #bfcad1; color: #bfcad1; background: 0 0; } .btn.btn-outline.grey-salt.active, .btn.btn-outline.grey-salt:active, .btn.btn-outline.grey-salt:active:focus, .btn.btn-outline.grey-salt:active:hover, .btn.btn-outline.grey-salt:focus, .btn.btn-outline.grey-salt:hover { border-color: #bfcad1; color: #FAFCFB; background-color: #bfcad1; } .btn.grey-salt-stripe { border-left: 4px solid #bfcad1 !important; } .btn.grey-salt.btn-no-border:not(.active) { border-color: transparent; } .btn.grey-mint:not(.btn-outline) { color: #FFF; background-color: #525e64; border-color: #525e64; } .btn.grey-mint:not(.btn-outline).focus, .btn.grey-mint:not(.btn-outline):focus { color: #FFF; background-color: #3b4448; border-color: #191c1e; } .btn.grey-mint:not(.btn-outline).active, .btn.grey-mint:not(.btn-outline):active, .btn.grey-mint:not(.btn-outline):hover, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #3b4448; border-color: #363e42; } .btn.grey-mint:not(.btn-outline).active.focus, .btn.grey-mint:not(.btn-outline).active:focus, .btn.grey-mint:not(.btn-outline).active:hover, .btn.grey-mint:not(.btn-outline):active.focus, .btn.grey-mint:not(.btn-outline):active:focus, .btn.grey-mint:not(.btn-outline):active:hover, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle:hover { color: #FFF; background-color: #2b3134; border-color: #191c1e; } .btn.grey-mint:not(.btn-outline).active, .btn.grey-mint:not(.btn-outline):active, .open > .btn.grey-mint:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.grey-mint:not(.btn-outline).disabled.focus, .btn.grey-mint:not(.btn-outline).disabled:focus, .btn.grey-mint:not(.btn-outline).disabled:hover, .btn.grey-mint:not(.btn-outline)[disabled].focus, .btn.grey-mint:not(.btn-outline)[disabled]:focus, .btn.grey-mint:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-mint:not(.btn-outline).focus, fieldset[disabled] .btn.grey-mint:not(.btn-outline):focus, fieldset[disabled] .btn.grey-mint:not(.btn-outline):hover { background-color: #525e64; border-color: #525e64; } .btn.grey-mint:not(.btn-outline) .badge { color: #525e64; background-color: #FFF; } .btn.btn-outline.grey-mint { border-color: #525e64; color: #525e64; background: 0 0; } .btn.btn-outline.grey-mint.active, .btn.btn-outline.grey-mint:active, .btn.btn-outline.grey-mint:active:focus, .btn.btn-outline.grey-mint:active:hover, .btn.btn-outline.grey-mint:focus, .btn.btn-outline.grey-mint:hover { border-color: #525e64; color: #FFF; background-color: #525e64; } .btn.grey-mint-stripe { border-left: 4px solid #525e64 !important; } .btn.grey-mint.btn-no-border:not(.active) { border-color: transparent; } .btn.red:not(.btn-outline) { color: #fff; background-color: #e7505a; border-color: #e7505a; } .btn.red:not(.btn-outline).focus, .btn.red:not(.btn-outline):focus { color: #fff; background-color: #e12330; border-color: #a1161f; } .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active, .btn.red:not(.btn-outline):hover, .open > .btn.red:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #e12330; border-color: #dc1e2b; } .btn.red:not(.btn-outline).active.focus, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active:hover, .open > .btn.red:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #c51b26; border-color: #a1161f; } .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active, .open > .btn.red:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red:not(.btn-outline).disabled.focus, .btn.red:not(.btn-outline).disabled:focus, .btn.red:not(.btn-outline).disabled:hover, .btn.red:not(.btn-outline)[disabled].focus, .btn.red:not(.btn-outline)[disabled]:focus, .btn.red:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red:not(.btn-outline).focus, fieldset[disabled] .btn.red:not(.btn-outline):focus, fieldset[disabled] .btn.red:not(.btn-outline):hover { background-color: #e7505a; border-color: #e7505a; } .btn.red:not(.btn-outline) .badge { color: #e7505a; background-color: #fff; } .btn.btn-outline.red { border-color: #e7505a; color: #e7505a; background: 0 0; } .btn.btn-outline.red.active, .btn.btn-outline.red:active, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:focus, .btn.btn-outline.red:hover { border-color: #e7505a; color: #fff; background-color: #e7505a; } .btn.red-stripe { border-left: 4px solid #e7505a !important; } .btn.red.btn-no-border:not(.active) { border-color: transparent; } .btn.red-pink:not(.btn-outline) { color: #fff; background-color: #E08283; border-color: #E08283; } .btn.red-pink:not(.btn-outline).focus, .btn.red-pink:not(.btn-outline):focus { color: #fff; background-color: #d6595a; border-color: #b52d2e; } .btn.red-pink:not(.btn-outline).active, .btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline):hover, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #d6595a; border-color: #d45152; } .btn.red-pink:not(.btn-outline).active.focus, .btn.red-pink:not(.btn-outline).active:focus, .btn.red-pink:not(.btn-outline).active:hover, .btn.red-pink:not(.btn-outline):active.focus, .btn.red-pink:not(.btn-outline):active:focus, .btn.red-pink:not(.btn-outline):active:hover, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #cf3d3e; border-color: #b52d2e; } .btn.red-pink:not(.btn-outline).active, .btn.red-pink:not(.btn-outline):active, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-pink:not(.btn-outline).disabled.focus, .btn.red-pink:not(.btn-outline).disabled:focus, .btn.red-pink:not(.btn-outline).disabled:hover, .btn.red-pink:not(.btn-outline)[disabled].focus, .btn.red-pink:not(.btn-outline)[disabled]:focus, .btn.red-pink:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-pink:not(.btn-outline).focus, fieldset[disabled] .btn.red-pink:not(.btn-outline):focus, fieldset[disabled] .btn.red-pink:not(.btn-outline):hover { background-color: #E08283; border-color: #E08283; } .btn.red-pink:not(.btn-outline) .badge { color: #E08283; background-color: #fff; } .btn.btn-outline.red-pink { border-color: #E08283; color: #E08283; background: 0 0; } .btn.btn-outline.red-pink.active, .btn.btn-outline.red-pink:active, .btn.btn-outline.red-pink:active:focus, .btn.btn-outline.red-pink:active:hover, .btn.btn-outline.red-pink:focus, .btn.btn-outline.red-pink:hover { border-color: #E08283; color: #fff; background-color: #E08283; } .btn.red-pink-stripe { border-left: 4px solid #E08283 !important; } .btn.red-pink.btn-no-border:not(.active) { border-color: transparent; } .btn.red-sunglo:not(.btn-outline) { color: #fff; background-color: #E26A6A; border-color: #E26A6A; } .btn.red-sunglo:not(.btn-outline).focus, .btn.red-sunglo:not(.btn-outline):focus { color: #fff; background-color: #da3f3f; border-color: #ab2121; } .btn.red-sunglo:not(.btn-outline).active, .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline):hover, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #da3f3f; border-color: #d83737; } .btn.red-sunglo:not(.btn-outline).active.focus, .btn.red-sunglo:not(.btn-outline).active:focus, .btn.red-sunglo:not(.btn-outline).active:hover, .btn.red-sunglo:not(.btn-outline):active.focus, .btn.red-sunglo:not(.btn-outline):active:focus, .btn.red-sunglo:not(.btn-outline):active:hover, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #cd2828; border-color: #ab2121; } .btn.red-sunglo:not(.btn-outline).active, .btn.red-sunglo:not(.btn-outline):active, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-sunglo:not(.btn-outline).disabled.focus, .btn.red-sunglo:not(.btn-outline).disabled:focus, .btn.red-sunglo:not(.btn-outline).disabled:hover, .btn.red-sunglo:not(.btn-outline)[disabled].focus, .btn.red-sunglo:not(.btn-outline)[disabled]:focus, .btn.red-sunglo:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-sunglo:not(.btn-outline).focus, fieldset[disabled] .btn.red-sunglo:not(.btn-outline):focus, fieldset[disabled] .btn.red-sunglo:not(.btn-outline):hover { background-color: #E26A6A; border-color: #E26A6A; } .btn.red-sunglo:not(.btn-outline) .badge { color: #E26A6A; background-color: #fff; } .btn.btn-outline.red-sunglo { border-color: #E26A6A; color: #E26A6A; background: 0 0; } .btn.btn-outline.red-sunglo.active, .btn.btn-outline.red-sunglo:active, .btn.btn-outline.red-sunglo:active:focus, .btn.btn-outline.red-sunglo:active:hover, .btn.btn-outline.red-sunglo:focus, .btn.btn-outline.red-sunglo:hover { border-color: #E26A6A; color: #fff; background-color: #E26A6A; } .btn.red-sunglo-stripe { border-left: 4px solid #E26A6A !important; } .btn.red-sunglo.btn-no-border:not(.active) { border-color: transparent; } .btn.red-intense:not(.btn-outline) { color: #fff; background-color: #e35b5a; border-color: #e35b5a; } .btn.red-intense:not(.btn-outline).focus, .btn.red-intense:not(.btn-outline):focus { color: #fff; background-color: #dc302e; border-color: #a21c1b; } .btn.red-intense:not(.btn-outline).active, .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline):hover, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #dc302e; border-color: #da2726; } .btn.red-intense:not(.btn-outline).active.focus, .btn.red-intense:not(.btn-outline).active:focus, .btn.red-intense:not(.btn-outline).active:hover, .btn.red-intense:not(.btn-outline):active.focus, .btn.red-intense:not(.btn-outline):active:focus, .btn.red-intense:not(.btn-outline):active:hover, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #c52321; border-color: #a21c1b; } .btn.red-intense:not(.btn-outline).active, .btn.red-intense:not(.btn-outline):active, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-intense:not(.btn-outline).disabled.focus, .btn.red-intense:not(.btn-outline).disabled:focus, .btn.red-intense:not(.btn-outline).disabled:hover, .btn.red-intense:not(.btn-outline)[disabled].focus, .btn.red-intense:not(.btn-outline)[disabled]:focus, .btn.red-intense:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-intense:not(.btn-outline).focus, fieldset[disabled] .btn.red-intense:not(.btn-outline):focus, fieldset[disabled] .btn.red-intense:not(.btn-outline):hover { background-color: #e35b5a; border-color: #e35b5a; } .btn.red-intense:not(.btn-outline) .badge { color: #e35b5a; background-color: #fff; } .btn.btn-outline.red-intense { border-color: #e35b5a; color: #e35b5a; background: 0 0; } .btn.btn-outline.red-intense.active, .btn.btn-outline.red-intense:active, .btn.btn-outline.red-intense:active:focus, .btn.btn-outline.red-intense:active:hover, .btn.btn-outline.red-intense:focus, .btn.btn-outline.red-intense:hover { border-color: #e35b5a; color: #fff; background-color: #e35b5a; } .btn.red-intense-stripe { border-left: 4px solid #e35b5a !important; } .btn.red-intense.btn-no-border:not(.active) { border-color: transparent; } .btn.red-thunderbird:not(.btn-outline) { color: #fff; background-color: #D91E18; border-color: #D91E18; } .btn.red-thunderbird:not(.btn-outline).focus, .btn.red-thunderbird:not(.btn-outline):focus { color: #fff; background-color: #ab1813; border-color: #660e0b; } .btn.red-thunderbird:not(.btn-outline).active, .btn.red-thunderbird:not(.btn-outline):active, .btn.red-thunderbird:not(.btn-outline):hover, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #ab1813; border-color: #a21612; } .btn.red-thunderbird:not(.btn-outline).active.focus, .btn.red-thunderbird:not(.btn-outline).active:focus, .btn.red-thunderbird:not(.btn-outline).active:hover, .btn.red-thunderbird:not(.btn-outline):active.focus, .btn.red-thunderbird:not(.btn-outline):active:focus, .btn.red-thunderbird:not(.btn-outline):active:hover, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #8b130f; border-color: #660e0b; } .btn.red-thunderbird:not(.btn-outline).active, .btn.red-thunderbird:not(.btn-outline):active, .open > .btn.red-thunderbird:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-thunderbird:not(.btn-outline).disabled.focus, .btn.red-thunderbird:not(.btn-outline).disabled:focus, .btn.red-thunderbird:not(.btn-outline).disabled:hover, .btn.red-thunderbird:not(.btn-outline)[disabled].focus, .btn.red-thunderbird:not(.btn-outline)[disabled]:focus, .btn.red-thunderbird:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-thunderbird:not(.btn-outline).focus, fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):focus, fieldset[disabled] .btn.red-thunderbird:not(.btn-outline):hover { background-color: #D91E18; border-color: #D91E18; } .btn.red-thunderbird:not(.btn-outline) .badge { color: #D91E18; background-color: #fff; } .btn.btn-outline.red-thunderbird { border-color: #D91E18; color: #D91E18; background: 0 0; } .btn.btn-outline.red-thunderbird.active, .btn.btn-outline.red-thunderbird:active, .btn.btn-outline.red-thunderbird:active:focus, .btn.btn-outline.red-thunderbird:active:hover, .btn.btn-outline.red-thunderbird:focus, .btn.btn-outline.red-thunderbird:hover { border-color: #D91E18; color: #fff; background-color: #D91E18; } .btn.red-thunderbird-stripe { border-left: 4px solid #D91E18 !important; } .btn.red-thunderbird.btn-no-border:not(.active) { border-color: transparent; } .btn.red-flamingo:not(.btn-outline) { color: #fff; background-color: #EF4836; border-color: #EF4836; } .btn.red-flamingo:not(.btn-outline).focus, .btn.red-flamingo:not(.btn-outline):focus { color: #fff; background-color: #e02612; border-color: #991a0c; } .btn.red-flamingo:not(.btn-outline).active, .btn.red-flamingo:not(.btn-outline):active, .btn.red-flamingo:not(.btn-outline):hover, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #e02612; border-color: #d72411; } .btn.red-flamingo:not(.btn-outline).active.focus, .btn.red-flamingo:not(.btn-outline).active:focus, .btn.red-flamingo:not(.btn-outline).active:hover, .btn.red-flamingo:not(.btn-outline):active.focus, .btn.red-flamingo:not(.btn-outline):active:focus, .btn.red-flamingo:not(.btn-outline):active:hover, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #bf200f; border-color: #991a0c; } .btn.red-flamingo:not(.btn-outline).active, .btn.red-flamingo:not(.btn-outline):active, .open > .btn.red-flamingo:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-flamingo:not(.btn-outline).disabled.focus, .btn.red-flamingo:not(.btn-outline).disabled:focus, .btn.red-flamingo:not(.btn-outline).disabled:hover, .btn.red-flamingo:not(.btn-outline)[disabled].focus, .btn.red-flamingo:not(.btn-outline)[disabled]:focus, .btn.red-flamingo:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-flamingo:not(.btn-outline).focus, fieldset[disabled] .btn.red-flamingo:not(.btn-outline):focus, fieldset[disabled] .btn.red-flamingo:not(.btn-outline):hover { background-color: #EF4836; border-color: #EF4836; } .btn.red-flamingo:not(.btn-outline) .badge { color: #EF4836; background-color: #fff; } .btn.btn-outline.red-flamingo { border-color: #EF4836; color: #EF4836; background: 0 0; } .btn.btn-outline.red-flamingo.active, .btn.btn-outline.red-flamingo:active, .btn.btn-outline.red-flamingo:active:focus, .btn.btn-outline.red-flamingo:active:hover, .btn.btn-outline.red-flamingo:focus, .btn.btn-outline.red-flamingo:hover { border-color: #EF4836; color: #fff; background-color: #EF4836; } .btn.red-flamingo-stripe { border-left: 4px solid #EF4836 !important; } .btn.red-flamingo.btn-no-border:not(.active) { border-color: transparent; } .btn.red-soft:not(.btn-outline) { color: #fff; background-color: #d05454; border-color: #d05454; } .btn.red-soft:not(.btn-outline).focus, .btn.red-soft:not(.btn-outline):focus { color: #fff; background-color: #bd3434; border-color: #812323; } .btn.red-soft:not(.btn-outline).active, .btn.red-soft:not(.btn-outline):active, .btn.red-soft:not(.btn-outline):hover, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #bd3434; border-color: #b53232; } .btn.red-soft:not(.btn-outline).active.focus, .btn.red-soft:not(.btn-outline).active:focus, .btn.red-soft:not(.btn-outline).active:hover, .btn.red-soft:not(.btn-outline):active.focus, .btn.red-soft:not(.btn-outline):active:focus, .btn.red-soft:not(.btn-outline):active:hover, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #a12c2c; border-color: #812323; } .btn.red-soft:not(.btn-outline).active, .btn.red-soft:not(.btn-outline):active, .open > .btn.red-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-soft:not(.btn-outline).disabled.focus, .btn.red-soft:not(.btn-outline).disabled:focus, .btn.red-soft:not(.btn-outline).disabled:hover, .btn.red-soft:not(.btn-outline)[disabled].focus, .btn.red-soft:not(.btn-outline)[disabled]:focus, .btn.red-soft:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-soft:not(.btn-outline).focus, fieldset[disabled] .btn.red-soft:not(.btn-outline):focus, fieldset[disabled] .btn.red-soft:not(.btn-outline):hover { background-color: #d05454; border-color: #d05454; } .btn.red-soft:not(.btn-outline) .badge { color: #d05454; background-color: #fff; } .btn.btn-outline.red-soft { border-color: #d05454; color: #d05454; background: 0 0; } .btn.btn-outline.red-soft.active, .btn.btn-outline.red-soft:active, .btn.btn-outline.red-soft:active:focus, .btn.btn-outline.red-soft:active:hover, .btn.btn-outline.red-soft:focus, .btn.btn-outline.red-soft:hover { border-color: #d05454; color: #fff; background-color: #d05454; } .btn.red-soft-stripe { border-left: 4px solid #d05454 !important; } .btn.red-soft.btn-no-border:not(.active) { border-color: transparent; } .btn.red-haze:not(.btn-outline) { color: #fff; background-color: #f36a5a; border-color: #f36a5a; } .btn.red-haze:not(.btn-outline).focus, .btn.red-haze:not(.btn-outline):focus { color: #fff; background-color: #f03f2a; border-color: #c0210e; } .btn.red-haze:not(.btn-outline).active, .btn.red-haze:not(.btn-outline):active, .btn.red-haze:not(.btn-outline):hover, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #f03f2a; border-color: #ef3621; } .btn.red-haze:not(.btn-outline).active.focus, .btn.red-haze:not(.btn-outline).active:focus, .btn.red-haze:not(.btn-outline).active:hover, .btn.red-haze:not(.btn-outline):active.focus, .btn.red-haze:not(.btn-outline):active:focus, .btn.red-haze:not(.btn-outline):active:hover, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #e62711; border-color: #c0210e; } .btn.red-haze:not(.btn-outline).active, .btn.red-haze:not(.btn-outline):active, .open > .btn.red-haze:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-haze:not(.btn-outline).disabled.focus, .btn.red-haze:not(.btn-outline).disabled:focus, .btn.red-haze:not(.btn-outline).disabled:hover, .btn.red-haze:not(.btn-outline)[disabled].focus, .btn.red-haze:not(.btn-outline)[disabled]:focus, .btn.red-haze:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-haze:not(.btn-outline).focus, fieldset[disabled] .btn.red-haze:not(.btn-outline):focus, fieldset[disabled] .btn.red-haze:not(.btn-outline):hover { background-color: #f36a5a; border-color: #f36a5a; } .btn.red-haze:not(.btn-outline) .badge { color: #f36a5a; background-color: #fff; } .btn.btn-outline.red-haze { border-color: #f36a5a; color: #f36a5a; background: 0 0; } .btn.btn-outline.red-haze.active, .btn.btn-outline.red-haze:active, .btn.btn-outline.red-haze:active:focus, .btn.btn-outline.red-haze:active:hover, .btn.btn-outline.red-haze:focus, .btn.btn-outline.red-haze:hover { border-color: #f36a5a; color: #fff; background-color: #f36a5a; } .btn.red-haze-stripe { border-left: 4px solid #f36a5a !important; } .btn.red-haze.btn-no-border:not(.active) { border-color: transparent; } .btn.red-mint:not(.btn-outline) { color: #fff; background-color: #e43a45; border-color: #e43a45; } .btn.red-mint:not(.btn-outline).focus, .btn.red-mint:not(.btn-outline):focus { color: #fff; background-color: #cf1c28; border-color: #8b131b; } .btn.red-mint:not(.btn-outline).active, .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline):hover, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #cf1c28; border-color: #c61b26; } .btn.red-mint:not(.btn-outline).active.focus, .btn.red-mint:not(.btn-outline).active:focus, .btn.red-mint:not(.btn-outline).active:hover, .btn.red-mint:not(.btn-outline):active.focus, .btn.red-mint:not(.btn-outline):active:focus, .btn.red-mint:not(.btn-outline):active:hover, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #af1822; border-color: #8b131b; } .btn.red-mint:not(.btn-outline).active, .btn.red-mint:not(.btn-outline):active, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.red-mint:not(.btn-outline).disabled.focus, .btn.red-mint:not(.btn-outline).disabled:focus, .btn.red-mint:not(.btn-outline).disabled:hover, .btn.red-mint:not(.btn-outline)[disabled].focus, .btn.red-mint:not(.btn-outline)[disabled]:focus, .btn.red-mint:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-mint:not(.btn-outline).focus, fieldset[disabled] .btn.red-mint:not(.btn-outline):focus, fieldset[disabled] .btn.red-mint:not(.btn-outline):hover { background-color: #e43a45; border-color: #e43a45; } .btn.red-mint:not(.btn-outline) .badge { color: #e43a45; background-color: #fff; } .btn.btn-outline.red-mint { border-color: #e43a45; color: #e43a45; background: 0 0; } .btn.btn-outline.red-mint.active, .btn.btn-outline.red-mint:active, .btn.btn-outline.red-mint:active:focus, .btn.btn-outline.red-mint:active:hover, .btn.btn-outline.red-mint:focus, .btn.btn-outline.red-mint:hover { border-color: #e43a45; color: #fff; background-color: #e43a45; } .btn.red-mint-stripe { border-left: 4px solid #e43a45 !important; } .btn.red-mint.btn-no-border:not(.active) { border-color: transparent; } .btn.yellow:not(.btn-outline) { color: #fff; background-color: #c49f47; border-color: #c49f47; } .btn.yellow:not(.btn-outline).focus, .btn.yellow:not(.btn-outline):focus { color: #fff; background-color: #a48334; border-color: #6a5422; } .btn.yellow:not(.btn-outline).active, .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline):hover, .open > .btn.yellow:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #a48334; border-color: #9c7c32; } .btn.yellow:not(.btn-outline).active.focus, .btn.yellow:not(.btn-outline).active:focus, .btn.yellow:not(.btn-outline).active:hover, .btn.yellow:not(.btn-outline):active.focus, .btn.yellow:not(.btn-outline):active:focus, .btn.yellow:not(.btn-outline):active:hover, .open > .btn.yellow:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #896d2c; border-color: #6a5422; } .btn.yellow:not(.btn-outline).active, .btn.yellow:not(.btn-outline):active, .open > .btn.yellow:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow:not(.btn-outline).disabled.focus, .btn.yellow:not(.btn-outline).disabled:focus, .btn.yellow:not(.btn-outline).disabled:hover, .btn.yellow:not(.btn-outline)[disabled].focus, .btn.yellow:not(.btn-outline)[disabled]:focus, .btn.yellow:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow:not(.btn-outline).focus, fieldset[disabled] .btn.yellow:not(.btn-outline):focus, fieldset[disabled] .btn.yellow:not(.btn-outline):hover { background-color: #c49f47; border-color: #c49f47; } .btn.yellow:not(.btn-outline) .badge { color: #c49f47; background-color: #fff; } .btn.btn-outline.yellow { border-color: #c49f47; color: #c49f47; background: 0 0; } .btn.btn-outline.yellow.active, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow:hover { border-color: #c49f47; color: #fff; background-color: #c49f47; } .btn.yellow-stripe { border-left: 4px solid #c49f47 !important; } .btn.yellow.btn-no-border:not(.active) { border-color: transparent; } .btn.yellow-gold:not(.btn-outline) { color: #fff; background-color: #E87E04; border-color: #E87E04; } .btn.yellow-gold:not(.btn-outline).focus, .btn.yellow-gold:not(.btn-outline):focus { color: #fff; background-color: #b66303; border-color: #6b3a02; } .btn.yellow-gold:not(.btn-outline).active, .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline):hover, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #b66303; border-color: #ac5d03; } .btn.yellow-gold:not(.btn-outline).active.focus, .btn.yellow-gold:not(.btn-outline).active:focus, .btn.yellow-gold:not(.btn-outline).active:hover, .btn.yellow-gold:not(.btn-outline):active.focus, .btn.yellow-gold:not(.btn-outline):active:focus, .btn.yellow-gold:not(.btn-outline):active:hover, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #935003; border-color: #6b3a02; } .btn.yellow-gold:not(.btn-outline).active, .btn.yellow-gold:not(.btn-outline):active, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-gold:not(.btn-outline).disabled.focus, .btn.yellow-gold:not(.btn-outline).disabled:focus, .btn.yellow-gold:not(.btn-outline).disabled:hover, .btn.yellow-gold:not(.btn-outline)[disabled].focus, .btn.yellow-gold:not(.btn-outline)[disabled]:focus, .btn.yellow-gold:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-gold:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-gold:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-gold:not(.btn-outline):hover { background-color: #E87E04; border-color: #E87E04; } .btn.yellow-gold:not(.btn-outline) .badge { color: #E87E04; background-color: #fff; } .btn.btn-outline.yellow-gold { border-color: #E87E04; color: #E87E04; background: 0 0; } .btn.btn-outline.yellow-gold.active, .btn.btn-outline.yellow-gold:active, .btn.btn-outline.yellow-gold:active:focus, .btn.btn-outline.yellow-gold:active:hover, .btn.btn-outline.yellow-gold:focus, .btn.btn-outline.yellow-gold:hover { border-color: #E87E04; color: #fff; background-color: #E87E04; } .btn.yellow-gold-stripe { border-left: 4px solid #E87E04 !important; } .btn.yellow-gold.btn-no-border:not(.active) { border-color: transparent; } .btn.yellow-casablanca:not(.btn-outline) { color: #fff; background-color: #f2784b; border-color: #f2784b; } .btn.yellow-casablanca:not(.btn-outline).focus, .btn.yellow-casablanca:not(.btn-outline):focus { color: #fff; background-color: #ef541b; border-color: #b1390d; } .btn.yellow-casablanca:not(.btn-outline).active, .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline):hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #ef541b; border-color: #ee4d12; } .btn.yellow-casablanca:not(.btn-outline).active.focus, .btn.yellow-casablanca:not(.btn-outline).active:focus, .btn.yellow-casablanca:not(.btn-outline).active:hover, .btn.yellow-casablanca:not(.btn-outline):active.focus, .btn.yellow-casablanca:not(.btn-outline):active:focus, .btn.yellow-casablanca:not(.btn-outline):active:hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #d74510; border-color: #b1390d; } .btn.yellow-casablanca:not(.btn-outline).active, .btn.yellow-casablanca:not(.btn-outline):active, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-casablanca:not(.btn-outline).disabled.focus, .btn.yellow-casablanca:not(.btn-outline).disabled:focus, .btn.yellow-casablanca:not(.btn-outline).disabled:hover, .btn.yellow-casablanca:not(.btn-outline)[disabled].focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):hover { background-color: #f2784b; border-color: #f2784b; } .btn.yellow-casablanca:not(.btn-outline) .badge { color: #f2784b; background-color: #fff; } .btn.btn-outline.yellow-casablanca { border-color: #f2784b; color: #f2784b; background: 0 0; } .btn.btn-outline.yellow-casablanca.active, .btn.btn-outline.yellow-casablanca:active, .btn.btn-outline.yellow-casablanca:active:focus, .btn.btn-outline.yellow-casablanca:active:hover, .btn.btn-outline.yellow-casablanca:focus, .btn.btn-outline.yellow-casablanca:hover { border-color: #f2784b; color: #fff; background-color: #f2784b; } .btn.yellow-casablanca-stripe { border-left: 4px solid #f2784b !important; } .btn.yellow-casablanca.btn-no-border:not(.active) { border-color: transparent; } .btn.yellow-crusta:not(.btn-outline) { color: #fff; background-color: #f3c200; border-color: #f3c200; } .btn.yellow-crusta:not(.btn-outline).focus, .btn.yellow-crusta:not(.btn-outline):focus { color: #fff; background-color: #c09900; border-color: #745c00; } .btn.yellow-crusta:not(.btn-outline).active, .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline):hover, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #c09900; border-color: #b69100; } .btn.yellow-crusta:not(.btn-outline).active.focus, .btn.yellow-crusta:not(.btn-outline).active:focus, .btn.yellow-crusta:not(.btn-outline).active:hover, .btn.yellow-crusta:not(.btn-outline):active.focus, .btn.yellow-crusta:not(.btn-outline):active:focus, .btn.yellow-crusta:not(.btn-outline):active:hover, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #9c7d00; border-color: #745c00; } .btn.yellow-crusta:not(.btn-outline).active, .btn.yellow-crusta:not(.btn-outline):active, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-crusta:not(.btn-outline).disabled.focus, .btn.yellow-crusta:not(.btn-outline).disabled:focus, .btn.yellow-crusta:not(.btn-outline).disabled:hover, .btn.yellow-crusta:not(.btn-outline)[disabled].focus, .btn.yellow-crusta:not(.btn-outline)[disabled]:focus, .btn.yellow-crusta:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):hover { background-color: #f3c200; border-color: #f3c200; } .btn.yellow-crusta:not(.btn-outline) .badge { color: #f3c200; background-color: #fff; } .btn.btn-outline.yellow-crusta { border-color: #f3c200; color: #f3c200; background: 0 0; } .btn.btn-outline.yellow-crusta.active, .btn.btn-outline.yellow-crusta:active, .btn.btn-outline.yellow-crusta:active:focus, .btn.btn-outline.yellow-crusta:active:hover, .btn.btn-outline.yellow-crusta:focus, .btn.btn-outline.yellow-crusta:hover { border-color: #f3c200; color: #fff; background-color: #f3c200; } .btn.yellow-crusta-stripe { border-left: 4px solid #f3c200 !important; } .btn.yellow-crusta.btn-no-border:not(.active) { border-color: transparent; } .btn.yellow-lemon:not(.btn-outline) { color: #fff; background-color: #F7CA18; border-color: #F7CA18; } .btn.yellow-lemon:not(.btn-outline).focus, .btn.yellow-lemon:not(.btn-outline):focus { color: #fff; background-color: #d5ab07; border-color: #8b7005; } .btn.yellow-lemon:not(.btn-outline).active, .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline):hover, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #d5ab07; border-color: #cba307; } .btn.yellow-lemon:not(.btn-outline).active.focus, .btn.yellow-lemon:not(.btn-outline).active:focus, .btn.yellow-lemon:not(.btn-outline).active:hover, .btn.yellow-lemon:not(.btn-outline):active.focus, .btn.yellow-lemon:not(.btn-outline):active:focus, .btn.yellow-lemon:not(.btn-outline):active:hover, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #b28f06; border-color: #8b7005; } .btn.yellow-lemon:not(.btn-outline).active, .btn.yellow-lemon:not(.btn-outline):active, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-lemon:not(.btn-outline).disabled.focus, .btn.yellow-lemon:not(.btn-outline).disabled:focus, .btn.yellow-lemon:not(.btn-outline).disabled:hover, .btn.yellow-lemon:not(.btn-outline)[disabled].focus, .btn.yellow-lemon:not(.btn-outline)[disabled]:focus, .btn.yellow-lemon:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):hover { background-color: #F7CA18; border-color: #F7CA18; } .btn.yellow-lemon:not(.btn-outline) .badge { color: #F7CA18; background-color: #fff; } .btn.btn-outline.yellow-lemon { border-color: #F7CA18; color: #F7CA18; background: 0 0; } .btn.btn-outline.yellow-lemon.active, .btn.btn-outline.yellow-lemon:active, .btn.btn-outline.yellow-lemon:active:focus, .btn.btn-outline.yellow-lemon:active:hover, .btn.btn-outline.yellow-lemon:focus, .btn.btn-outline.yellow-lemon:hover { border-color: #F7CA18; color: #fff; background-color: #F7CA18; } .btn.yellow-lemon-stripe { border-left: 4px solid #F7CA18 !important; } .btn.yellow-lemon.btn-no-border:not(.active) { border-color: transparent; } .btn.yellow-saffron:not(.btn-outline) { color: #fff; background-color: #F4D03F; border-color: #F4D03F; } .btn.yellow-saffron:not(.btn-outline).focus, .btn.yellow-saffron:not(.btn-outline):focus { color: #fff; background-color: #f1c40f; border-color: #aa8a0a; } .btn.yellow-saffron:not(.btn-outline).active, .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline):hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #f1c40f; border-color: #e8bd0d; } .btn.yellow-saffron:not(.btn-outline).active.focus, .btn.yellow-saffron:not(.btn-outline).active:focus, .btn.yellow-saffron:not(.btn-outline).active:hover, .btn.yellow-saffron:not(.btn-outline):active.focus, .btn.yellow-saffron:not(.btn-outline):active:focus, .btn.yellow-saffron:not(.btn-outline):active:hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #d0a90c; border-color: #aa8a0a; } .btn.yellow-saffron:not(.btn-outline).active, .btn.yellow-saffron:not(.btn-outline):active, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-saffron:not(.btn-outline).disabled.focus, .btn.yellow-saffron:not(.btn-outline).disabled:focus, .btn.yellow-saffron:not(.btn-outline).disabled:hover, .btn.yellow-saffron:not(.btn-outline)[disabled].focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):hover { background-color: #F4D03F; border-color: #F4D03F; } .btn.yellow-saffron:not(.btn-outline) .badge { color: #F4D03F; background-color: #fff; } .btn.btn-outline.yellow-saffron { border-color: #F4D03F; color: #F4D03F; background: 0 0; } .btn.btn-outline.yellow-saffron.active, .btn.btn-outline.yellow-saffron:active, .btn.btn-outline.yellow-saffron:active:focus, .btn.btn-outline.yellow-saffron:active:hover, .btn.btn-outline.yellow-saffron:focus, .btn.btn-outline.yellow-saffron:hover { border-color: #F4D03F; color: #fff; background-color: #F4D03F; } .btn.yellow-saffron-stripe { border-left: 4px solid #F4D03F !important; } .btn.yellow-saffron.btn-no-border:not(.active) { border-color: transparent; } .btn.yellow-soft:not(.btn-outline) { color: #fff; background-color: #c8d046; border-color: #c8d046; } .btn.yellow-soft:not(.btn-outline).focus, .btn.yellow-soft:not(.btn-outline):focus { color: #fff; background-color: #adb52e; border-color: #73781e; } .btn.yellow-soft:not(.btn-outline).active, .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline):hover, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #adb52e; border-color: #a5ad2c; } .btn.yellow-soft:not(.btn-outline).active.focus, .btn.yellow-soft:not(.btn-outline).active:focus, .btn.yellow-soft:not(.btn-outline).active:hover, .btn.yellow-soft:not(.btn-outline):active.focus, .btn.yellow-soft:not(.btn-outline):active:focus, .btn.yellow-soft:not(.btn-outline):active:hover, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #929927; border-color: #73781e; } .btn.yellow-soft:not(.btn-outline).active, .btn.yellow-soft:not(.btn-outline):active, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-soft:not(.btn-outline).disabled.focus, .btn.yellow-soft:not(.btn-outline).disabled:focus, .btn.yellow-soft:not(.btn-outline).disabled:hover, .btn.yellow-soft:not(.btn-outline)[disabled].focus, .btn.yellow-soft:not(.btn-outline)[disabled]:focus, .btn.yellow-soft:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-soft:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-soft:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-soft:not(.btn-outline):hover { background-color: #c8d046; border-color: #c8d046; } .btn.yellow-soft:not(.btn-outline) .badge { color: #c8d046; background-color: #fff; } .btn.btn-outline.yellow-soft { border-color: #c8d046; color: #c8d046; background: 0 0; } .btn.btn-outline.yellow-soft.active, .btn.btn-outline.yellow-soft:active, .btn.btn-outline.yellow-soft:active:focus, .btn.btn-outline.yellow-soft:active:hover, .btn.btn-outline.yellow-soft:focus, .btn.btn-outline.yellow-soft:hover { border-color: #c8d046; color: #fff; background-color: #c8d046; } .btn.yellow-soft-stripe { border-left: 4px solid #c8d046 !important; } .btn.yellow-soft.btn-no-border:not(.active) { border-color: transparent; } .btn.yellow-haze:not(.btn-outline) { color: #fff; background-color: #c5bf66; border-color: #c5bf66; } .btn.yellow-haze:not(.btn-outline).focus, .btn.yellow-haze:not(.btn-outline):focus { color: #fff; background-color: #b4ad44; border-color: #7c772f; } .btn.yellow-haze:not(.btn-outline).active, .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline):hover, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #b4ad44; border-color: #aca641; } .btn.yellow-haze:not(.btn-outline).active.focus, .btn.yellow-haze:not(.btn-outline).active:focus, .btn.yellow-haze:not(.btn-outline).active:hover, .btn.yellow-haze:not(.btn-outline):active.focus, .btn.yellow-haze:not(.btn-outline):active:focus, .btn.yellow-haze:not(.btn-outline):active:hover, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #9a943a; border-color: #7c772f; } .btn.yellow-haze:not(.btn-outline).active, .btn.yellow-haze:not(.btn-outline):active, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-haze:not(.btn-outline).disabled.focus, .btn.yellow-haze:not(.btn-outline).disabled:focus, .btn.yellow-haze:not(.btn-outline).disabled:hover, .btn.yellow-haze:not(.btn-outline)[disabled].focus, .btn.yellow-haze:not(.btn-outline)[disabled]:focus, .btn.yellow-haze:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-haze:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-haze:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-haze:not(.btn-outline):hover { background-color: #c5bf66; border-color: #c5bf66; } .btn.yellow-haze:not(.btn-outline) .badge { color: #c5bf66; background-color: #fff; } .btn.btn-outline.yellow-haze { border-color: #c5bf66; color: #c5bf66; background: 0 0; } .btn.btn-outline.yellow-haze.active, .btn.btn-outline.yellow-haze:active, .btn.btn-outline.yellow-haze:active:focus, .btn.btn-outline.yellow-haze:active:hover, .btn.btn-outline.yellow-haze:focus, .btn.btn-outline.yellow-haze:hover { border-color: #c5bf66; color: #fff; background-color: #c5bf66; } .btn.yellow-haze-stripe { border-left: 4px solid #c5bf66 !important; } .btn.yellow-haze.btn-no-border:not(.active) { border-color: transparent; } .btn.yellow-mint:not(.btn-outline) { color: #fff; background-color: #c5b96b; border-color: #c5b96b; } .btn.yellow-mint:not(.btn-outline).focus, .btn.yellow-mint:not(.btn-outline):focus { color: #fff; background-color: #b6a747; border-color: #7f7532; } .btn.yellow-mint:not(.btn-outline).active, .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline):hover, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #b6a747; border-color: #aea044; } .btn.yellow-mint:not(.btn-outline).active.focus, .btn.yellow-mint:not(.btn-outline).active:focus, .btn.yellow-mint:not(.btn-outline).active:hover, .btn.yellow-mint:not(.btn-outline):active.focus, .btn.yellow-mint:not(.btn-outline):active:focus, .btn.yellow-mint:not(.btn-outline):active:hover, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #9c8f3d; border-color: #7f7532; } .btn.yellow-mint:not(.btn-outline).active, .btn.yellow-mint:not(.btn-outline):active, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.yellow-mint:not(.btn-outline).disabled.focus, .btn.yellow-mint:not(.btn-outline).disabled:focus, .btn.yellow-mint:not(.btn-outline).disabled:hover, .btn.yellow-mint:not(.btn-outline)[disabled].focus, .btn.yellow-mint:not(.btn-outline)[disabled]:focus, .btn.yellow-mint:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-mint:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-mint:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-mint:not(.btn-outline):hover { background-color: #c5b96b; border-color: #c5b96b; } .btn.yellow-mint:not(.btn-outline) .badge { color: #c5b96b; background-color: #fff; } .btn.btn-outline.yellow-mint { border-color: #c5b96b; color: #c5b96b; background: 0 0; } .btn.btn-outline.yellow-mint.active, .btn.btn-outline.yellow-mint:active, .btn.btn-outline.yellow-mint:active:focus, .btn.btn-outline.yellow-mint:active:hover, .btn.btn-outline.yellow-mint:focus, .btn.btn-outline.yellow-mint:hover { border-color: #c5b96b; color: #fff; background-color: #c5b96b; } .btn.yellow-mint-stripe { border-left: 4px solid #c5b96b !important; } .btn.yellow-mint.btn-no-border:not(.active) { border-color: transparent; } .btn.purple:not(.btn-outline) { color: #fff; background-color: #8E44AD; border-color: #8E44AD; } .btn.purple:not(.btn-outline).focus, .btn.purple:not(.btn-outline):focus { color: #fff; background-color: #703688; border-color: #432051; } .btn.purple:not(.btn-outline).active, .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline):hover, .open > .btn.purple:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #703688; border-color: #6a3381; } .btn.purple:not(.btn-outline).active.focus, .btn.purple:not(.btn-outline).active:focus, .btn.purple:not(.btn-outline).active:hover, .btn.purple:not(.btn-outline):active.focus, .btn.purple:not(.btn-outline):active:focus, .btn.purple:not(.btn-outline):active:hover, .open > .btn.purple:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #5b2c6f; border-color: #432051; } .btn.purple:not(.btn-outline).active, .btn.purple:not(.btn-outline):active, .open > .btn.purple:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple:not(.btn-outline).disabled.focus, .btn.purple:not(.btn-outline).disabled:focus, .btn.purple:not(.btn-outline).disabled:hover, .btn.purple:not(.btn-outline)[disabled].focus, .btn.purple:not(.btn-outline)[disabled]:focus, .btn.purple:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple:not(.btn-outline).focus, fieldset[disabled] .btn.purple:not(.btn-outline):focus, fieldset[disabled] .btn.purple:not(.btn-outline):hover { background-color: #8E44AD; border-color: #8E44AD; } .btn.purple:not(.btn-outline) .badge { color: #8E44AD; background-color: #fff; } .btn.btn-outline.purple { border-color: #8E44AD; color: #8E44AD; background: 0 0; } .btn.btn-outline.purple.active, .btn.btn-outline.purple:active, .btn.btn-outline.purple:active:focus, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:focus, .btn.btn-outline.purple:hover { border-color: #8E44AD; color: #fff; background-color: #8E44AD; } .btn.purple-stripe { border-left: 4px solid #8E44AD !important; } .btn.purple.btn-no-border:not(.active) { border-color: transparent; } .btn.purple-plum:not(.btn-outline) { color: #fff; background-color: #8775a7; border-color: #8775a7; } .btn.purple-plum:not(.btn-outline).focus, .btn.purple-plum:not(.btn-outline):focus { color: #fff; background-color: #6d5b8e; border-color: #493d60; } .btn.purple-plum:not(.btn-outline).active, .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline):hover, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #6d5b8e; border-color: #685788; } .btn.purple-plum:not(.btn-outline).active.focus, .btn.purple-plum:not(.btn-outline).active:focus, .btn.purple-plum:not(.btn-outline).active:hover, .btn.purple-plum:not(.btn-outline):active.focus, .btn.purple-plum:not(.btn-outline):active:focus, .btn.purple-plum:not(.btn-outline):active:hover, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #5d4d78; border-color: #493d60; } .btn.purple-plum:not(.btn-outline).active, .btn.purple-plum:not(.btn-outline):active, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-plum:not(.btn-outline).disabled.focus, .btn.purple-plum:not(.btn-outline).disabled:focus, .btn.purple-plum:not(.btn-outline).disabled:hover, .btn.purple-plum:not(.btn-outline)[disabled].focus, .btn.purple-plum:not(.btn-outline)[disabled]:focus, .btn.purple-plum:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-plum:not(.btn-outline).focus, fieldset[disabled] .btn.purple-plum:not(.btn-outline):focus, fieldset[disabled] .btn.purple-plum:not(.btn-outline):hover { background-color: #8775a7; border-color: #8775a7; } .btn.purple-plum:not(.btn-outline) .badge { color: #8775a7; background-color: #fff; } .btn.btn-outline.purple-plum { border-color: #8775a7; color: #8775a7; background: 0 0; } .btn.btn-outline.purple-plum.active, .btn.btn-outline.purple-plum:active, .btn.btn-outline.purple-plum:active:focus, .btn.btn-outline.purple-plum:active:hover, .btn.btn-outline.purple-plum:focus, .btn.btn-outline.purple-plum:hover { border-color: #8775a7; color: #fff; background-color: #8775a7; } .btn.purple-plum-stripe { border-left: 4px solid #8775a7 !important; } .btn.purple-plum.btn-no-border:not(.active) { border-color: transparent; } .btn.purple-medium:not(.btn-outline) { color: #fff; background-color: #BF55EC; border-color: #BF55EC; } .btn.purple-medium:not(.btn-outline).focus, .btn.purple-medium:not(.btn-outline):focus { color: #fff; background-color: #ae27e7; border-color: #8013ae; } .btn.purple-medium:not(.btn-outline).active, .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline):hover, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #ae27e7; border-color: #aa1ee6; } .btn.purple-medium:not(.btn-outline).active.focus, .btn.purple-medium:not(.btn-outline).active:focus, .btn.purple-medium:not(.btn-outline).active:hover, .btn.purple-medium:not(.btn-outline):active.focus, .btn.purple-medium:not(.btn-outline):active:focus, .btn.purple-medium:not(.btn-outline):active:hover, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #9b18d3; border-color: #8013ae; } .btn.purple-medium:not(.btn-outline).active, .btn.purple-medium:not(.btn-outline):active, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-medium:not(.btn-outline).disabled.focus, .btn.purple-medium:not(.btn-outline).disabled:focus, .btn.purple-medium:not(.btn-outline).disabled:hover, .btn.purple-medium:not(.btn-outline)[disabled].focus, .btn.purple-medium:not(.btn-outline)[disabled]:focus, .btn.purple-medium:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-medium:not(.btn-outline).focus, fieldset[disabled] .btn.purple-medium:not(.btn-outline):focus, fieldset[disabled] .btn.purple-medium:not(.btn-outline):hover { background-color: #BF55EC; border-color: #BF55EC; } .btn.purple-medium:not(.btn-outline) .badge { color: #BF55EC; background-color: #fff; } .btn.btn-outline.purple-medium { border-color: #BF55EC; color: #BF55EC; background: 0 0; } .btn.btn-outline.purple-medium.active, .btn.btn-outline.purple-medium:active, .btn.btn-outline.purple-medium:active:focus, .btn.btn-outline.purple-medium:active:hover, .btn.btn-outline.purple-medium:focus, .btn.btn-outline.purple-medium:hover { border-color: #BF55EC; color: #fff; background-color: #BF55EC; } .btn.purple-medium-stripe { border-left: 4px solid #BF55EC !important; } .btn.purple-medium.btn-no-border:not(.active) { border-color: transparent; } .btn.purple-studio:not(.btn-outline) { color: #fff; background-color: #8E44AD; border-color: #8E44AD; } .btn.purple-studio:not(.btn-outline).focus, .btn.purple-studio:not(.btn-outline):focus { color: #fff; background-color: #703688; border-color: #432051; } .btn.purple-studio:not(.btn-outline).active, .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline):hover, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #703688; border-color: #6a3381; } .btn.purple-studio:not(.btn-outline).active.focus, .btn.purple-studio:not(.btn-outline).active:focus, .btn.purple-studio:not(.btn-outline).active:hover, .btn.purple-studio:not(.btn-outline):active.focus, .btn.purple-studio:not(.btn-outline):active:focus, .btn.purple-studio:not(.btn-outline):active:hover, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #5b2c6f; border-color: #432051; } .btn.purple-studio:not(.btn-outline).active, .btn.purple-studio:not(.btn-outline):active, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-studio:not(.btn-outline).disabled.focus, .btn.purple-studio:not(.btn-outline).disabled:focus, .btn.purple-studio:not(.btn-outline).disabled:hover, .btn.purple-studio:not(.btn-outline)[disabled].focus, .btn.purple-studio:not(.btn-outline)[disabled]:focus, .btn.purple-studio:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-studio:not(.btn-outline).focus, fieldset[disabled] .btn.purple-studio:not(.btn-outline):focus, fieldset[disabled] .btn.purple-studio:not(.btn-outline):hover { background-color: #8E44AD; border-color: #8E44AD; } .btn.purple-studio:not(.btn-outline) .badge { color: #8E44AD; background-color: #fff; } .btn.btn-outline.purple-studio { border-color: #8E44AD; color: #8E44AD; background: 0 0; } .btn.btn-outline.purple-studio.active, .btn.btn-outline.purple-studio:active, .btn.btn-outline.purple-studio:active:focus, .btn.btn-outline.purple-studio:active:hover, .btn.btn-outline.purple-studio:focus, .btn.btn-outline.purple-studio:hover { border-color: #8E44AD; color: #fff; background-color: #8E44AD; } .btn.purple-studio-stripe { border-left: 4px solid #8E44AD !important; } .btn.purple-studio.btn-no-border:not(.active) { border-color: transparent; } .btn.purple-wisteria:not(.btn-outline) { color: #fff; background-color: #9B59B6; border-color: #9B59B6; } .btn.purple-wisteria:not(.btn-outline).focus, .btn.purple-wisteria:not(.btn-outline):focus { color: #fff; background-color: #804399; border-color: #532c64; } .btn.purple-wisteria:not(.btn-outline).active, .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline):hover, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #804399; border-color: #7a4092; } .btn.purple-wisteria:not(.btn-outline).active.focus, .btn.purple-wisteria:not(.btn-outline).active:focus, .btn.purple-wisteria:not(.btn-outline).active:hover, .btn.purple-wisteria:not(.btn-outline):active.focus, .btn.purple-wisteria:not(.btn-outline):active:focus, .btn.purple-wisteria:not(.btn-outline):active:hover, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #6b3880; border-color: #532c64; } .btn.purple-wisteria:not(.btn-outline).active, .btn.purple-wisteria:not(.btn-outline):active, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-wisteria:not(.btn-outline).disabled.focus, .btn.purple-wisteria:not(.btn-outline).disabled:focus, .btn.purple-wisteria:not(.btn-outline).disabled:hover, .btn.purple-wisteria:not(.btn-outline)[disabled].focus, .btn.purple-wisteria:not(.btn-outline)[disabled]:focus, .btn.purple-wisteria:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline).focus, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):focus, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):hover { background-color: #9B59B6; border-color: #9B59B6; } .btn.purple-wisteria:not(.btn-outline) .badge { color: #9B59B6; background-color: #fff; } .btn.btn-outline.purple-wisteria { border-color: #9B59B6; color: #9B59B6; background: 0 0; } .btn.btn-outline.purple-wisteria.active, .btn.btn-outline.purple-wisteria:active, .btn.btn-outline.purple-wisteria:active:focus, .btn.btn-outline.purple-wisteria:active:hover, .btn.btn-outline.purple-wisteria:focus, .btn.btn-outline.purple-wisteria:hover { border-color: #9B59B6; color: #fff; background-color: #9B59B6; } .btn.purple-wisteria-stripe { border-left: 4px solid #9B59B6 !important; } .btn.purple-wisteria.btn-no-border:not(.active) { border-color: transparent; } .btn.purple-seance:not(.btn-outline) { color: #fff; background-color: #9A12B3; border-color: #9A12B3; } .btn.purple-seance:not(.btn-outline).focus, .btn.purple-seance:not(.btn-outline):focus { color: #fff; background-color: #720d85; border-color: #36063f; } .btn.purple-seance:not(.btn-outline).active, .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline):hover, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #720d85; border-color: #6a0c7b; } .btn.purple-seance:not(.btn-outline).active.focus, .btn.purple-seance:not(.btn-outline).active:focus, .btn.purple-seance:not(.btn-outline).active:hover, .btn.purple-seance:not(.btn-outline):active.focus, .btn.purple-seance:not(.btn-outline):active:focus, .btn.purple-seance:not(.btn-outline):active:hover, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #560a64; border-color: #36063f; } .btn.purple-seance:not(.btn-outline).active, .btn.purple-seance:not(.btn-outline):active, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-seance:not(.btn-outline).disabled.focus, .btn.purple-seance:not(.btn-outline).disabled:focus, .btn.purple-seance:not(.btn-outline).disabled:hover, .btn.purple-seance:not(.btn-outline)[disabled].focus, .btn.purple-seance:not(.btn-outline)[disabled]:focus, .btn.purple-seance:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-seance:not(.btn-outline).focus, fieldset[disabled] .btn.purple-seance:not(.btn-outline):focus, fieldset[disabled] .btn.purple-seance:not(.btn-outline):hover { background-color: #9A12B3; border-color: #9A12B3; } .btn.purple-seance:not(.btn-outline) .badge { color: #9A12B3; background-color: #fff; } .btn.btn-outline.purple-seance { border-color: #9A12B3; color: #9A12B3; background: 0 0; } .btn.btn-outline.purple-seance.active, .btn.btn-outline.purple-seance:active, .btn.btn-outline.purple-seance:active:focus, .btn.btn-outline.purple-seance:active:hover, .btn.btn-outline.purple-seance:focus, .btn.btn-outline.purple-seance:hover { border-color: #9A12B3; color: #fff; background-color: #9A12B3; } .btn.purple-seance-stripe { border-left: 4px solid #9A12B3 !important; } .btn.purple-seance.btn-no-border:not(.active) { border-color: transparent; } .btn.purple-intense:not(.btn-outline) { color: #fff; background-color: #8775a7; border-color: #8775a7; } .btn.purple-intense:not(.btn-outline).focus, .btn.purple-intense:not(.btn-outline):focus { color: #fff; background-color: #6d5b8e; border-color: #493d60; } .btn.purple-intense:not(.btn-outline).active, .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline):hover, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #6d5b8e; border-color: #685788; } .btn.purple-intense:not(.btn-outline).active.focus, .btn.purple-intense:not(.btn-outline).active:focus, .btn.purple-intense:not(.btn-outline).active:hover, .btn.purple-intense:not(.btn-outline):active.focus, .btn.purple-intense:not(.btn-outline):active:focus, .btn.purple-intense:not(.btn-outline):active:hover, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #5d4d78; border-color: #493d60; } .btn.purple-intense:not(.btn-outline).active, .btn.purple-intense:not(.btn-outline):active, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-intense:not(.btn-outline).disabled.focus, .btn.purple-intense:not(.btn-outline).disabled:focus, .btn.purple-intense:not(.btn-outline).disabled:hover, .btn.purple-intense:not(.btn-outline)[disabled].focus, .btn.purple-intense:not(.btn-outline)[disabled]:focus, .btn.purple-intense:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-intense:not(.btn-outline).focus, fieldset[disabled] .btn.purple-intense:not(.btn-outline):focus, fieldset[disabled] .btn.purple-intense:not(.btn-outline):hover { background-color: #8775a7; border-color: #8775a7; } .btn.purple-intense:not(.btn-outline) .badge { color: #8775a7; background-color: #fff; } .btn.btn-outline.purple-intense { border-color: #8775a7; color: #8775a7; background: 0 0; } .btn.btn-outline.purple-intense.active, .btn.btn-outline.purple-intense:active, .btn.btn-outline.purple-intense:active:focus, .btn.btn-outline.purple-intense:active:hover, .btn.btn-outline.purple-intense:focus, .btn.btn-outline.purple-intense:hover { border-color: #8775a7; color: #fff; background-color: #8775a7; } .btn.purple-intense-stripe { border-left: 4px solid #8775a7 !important; } .btn.purple-intense.btn-no-border:not(.active) { border-color: transparent; } .btn.purple-sharp:not(.btn-outline) { color: #fff; background-color: #796799; border-color: #796799; } .btn.purple-sharp:not(.btn-outline).focus, .btn.purple-sharp:not(.btn-outline):focus { color: #fff; background-color: #61527b; border-color: #3d344d; } .btn.purple-sharp:not(.btn-outline).active, .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline):hover, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #61527b; border-color: #5c4e75; } .btn.purple-sharp:not(.btn-outline).active.focus, .btn.purple-sharp:not(.btn-outline).active:focus, .btn.purple-sharp:not(.btn-outline).active:hover, .btn.purple-sharp:not(.btn-outline):active.focus, .btn.purple-sharp:not(.btn-outline):active:focus, .btn.purple-sharp:not(.btn-outline):active:hover, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #504465; border-color: #3d344d; } .btn.purple-sharp:not(.btn-outline).active, .btn.purple-sharp:not(.btn-outline):active, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-sharp:not(.btn-outline).disabled.focus, .btn.purple-sharp:not(.btn-outline).disabled:focus, .btn.purple-sharp:not(.btn-outline).disabled:hover, .btn.purple-sharp:not(.btn-outline)[disabled].focus, .btn.purple-sharp:not(.btn-outline)[disabled]:focus, .btn.purple-sharp:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-sharp:not(.btn-outline).focus, fieldset[disabled] .btn.purple-sharp:not(.btn-outline):focus, fieldset[disabled] .btn.purple-sharp:not(.btn-outline):hover { background-color: #796799; border-color: #796799; } .btn.purple-sharp:not(.btn-outline) .badge { color: #796799; background-color: #fff; } .btn.btn-outline.purple-sharp { border-color: #796799; color: #796799; background: 0 0; } .btn.btn-outline.purple-sharp.active, .btn.btn-outline.purple-sharp:active, .btn.btn-outline.purple-sharp:active:focus, .btn.btn-outline.purple-sharp:active:hover, .btn.btn-outline.purple-sharp:focus, .btn.btn-outline.purple-sharp:hover { border-color: #796799; color: #fff; background-color: #796799; } .btn.purple-sharp-stripe { border-left: 4px solid #796799 !important; } .btn.purple-sharp.btn-no-border:not(.active) { border-color: transparent; } .btn.purple-soft:not(.btn-outline) { color: #fff; background-color: #8877a9; border-color: #8877a9; } .btn.purple-soft:not(.btn-outline).focus, .btn.purple-soft:not(.btn-outline):focus { color: #fff; background-color: #6e5c91; border-color: #4a3e62; } .btn.purple-soft:not(.btn-outline).active, .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline):hover, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle { color: #fff; background-color: #6e5c91; border-color: #69588b; } .btn.purple-soft:not(.btn-outline).active.focus, .btn.purple-soft:not(.btn-outline).active:focus, .btn.purple-soft:not(.btn-outline).active:hover, .btn.purple-soft:not(.btn-outline):active.focus, .btn.purple-soft:not(.btn-outline):active:focus, .btn.purple-soft:not(.btn-outline):active:hover, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:hover { color: #fff; background-color: #5d4e7b; border-color: #4a3e62; } .btn.purple-soft:not(.btn-outline).active, .btn.purple-soft:not(.btn-outline):active, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle { background-image: none; } .btn.purple-soft:not(.btn-outline).disabled.focus, .btn.purple-soft:not(.btn-outline).disabled:focus, .btn.purple-soft:not(.btn-outline).disabled:hover, .btn.purple-soft:not(.btn-outline)[disabled].focus, .btn.purple-soft:not(.btn-outline)[disabled]:focus, .btn.purple-soft:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-soft:not(.btn-outline).focus, fieldset[disabled] .btn.purple-soft:not(.btn-outline):focus, fieldset[disabled] .btn.purple-soft:not(.btn-outline):hover { background-color: #8877a9; border-color: #8877a9; } .btn.purple-soft:not(.btn-outline) .badge { color: #8877a9; background-color: #fff; } .btn.btn-outline.purple-soft { border-color: #8877a9; color: #8877a9; background: 0 0; } .btn.btn-outline.purple-soft.active, .btn.btn-outline.purple-soft:active, .btn.btn-outline.purple-soft:active:focus, .btn.btn-outline.purple-soft:active:hover, .btn.btn-outline.purple-soft:focus, .btn.btn-outline.purple-soft:hover { border-color: #8877a9; color: #fff; background-color: #8877a9; } .btn.purple-soft-stripe { border-left: 4px solid #8877a9 !important; } .btn.purple-soft.btn-no-border:not(.active) { border-color: transparent; } .btn-circle { border-radius: 25px !important; overflow: hidden; } .btn-circle-right { border-radius: 0 25px 25px 0 !important; } .btn-circle-left { border-radius: 25px 0 0 25px !important; } .btn-circle-bottom { border-radius: 0 0 25px 25px !important; } .btn-circle-top { border-radius: 25px 25px 0 0 !important; } .btn-icon-only { height: 34px; width: 34px; text-align: center; padding-left: 0; padding-right: 0; } .btn-icon-only > [class^=icon-], .btn-icon-only > i { text-align: center; margin-top: 2px; } .btn-group.btn-group-circle > .btn:first-child { border-radius: 25px 0 0 25px !important; } .btn-group.btn-group-circle > .btn:last-child { border-radius: 0 25px 25px 0 !important; } .btn-group.btn-group-devided > .btn { margin-right: 5px; } .btn-group.btn-group-devided > .btn:last-child { margin-right: 0; } .btn-group-vertical.btn-group-vertical-circle > .btn:first-child { border-radius: 25px 25px 0 0 !important; } .btn-group-vertical.btn-group-vertical-circle > .btn:last-child { border-radius: 0 0 25px 25px !important; } .carousel.image-carousel .carousel-inner { padding-top: 0; padding-bottom: 0; } .carousel.image-carousel .carousel-control i { position: absolute; top: 40%; } .carousel.image-carousel.image-carousel-hoverable .carousel-control i { display: none; } .carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i { display: inline-block; } .carousel.image-carousel .carousel-control.left i { left: 10px; } .carousel.image-carousel .carousel-control.right i { right: 10px; } .carousel.image-carousel .carousel-indicators { margin-top: 10px; bottom: -7px; } .carousel.image-carousel .carousel-indicators li, .carousel.image-carousel .carousel-indicators li.active { background-color: #666; } .carousel.image-carousel .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px 15px 25px; background: #333; background: rgba(0, 0, 0, .75); } .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption p { text-align: left; line-height: 20px; color: #fff; } .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h4 { margin: 0 0 5px; } .carousel.image-carousel .carousel-caption h2 a, .carousel.image-carousel .carousel-caption h3 a, .carousel.image-carousel .carousel-caption h4 a { color: #aaa; } .carousel.image-carousel .carousel-caption p { margin-bottom: 0; } .carousel.image-carousel .carousel-caption .item { margin: 0; } .bars, .chart, .pie { overflow: hidden; height: 300px; width: 100%; font-size: 14px; } .item-list.table .percent { width: 30px; float: right; margin-right: 10px; margin-top: 3px; } .chart-tooltip { clear: both; z-index: 100; background-color: #736e6e !important; padding: 5px !important; color: #fff; } .chart-tooltip .label { clear: both; display: block; margin-bottom: 2px; } .bar-chart, .line-chart { display: none; } .chats { margin: -15px 0 0; padding: 0; } .chats li { list-style: none; padding: 5px 0; margin: 10px auto; font-size: 12px; } .chats li .body { display: block; } .chats li .avatar { height: 45px; width: 45px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .chats li.in .avatar { float: left; margin-right: 10px; } .chats li.out .avatar { float: right; margin-left: 10px; } .chats li .name { color: #3590c1; font-size: 13px; font-weight: 400; } .chats li .datetime { color: #333; font-size: 13px; font-weight: 400; } .chats li .message { display: block; padding: 5px; position: relative; } .chats li.in .message .arrow, .chats li.out .message .arrow { display: block; position: absolute; top: 5px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .chats li.in .message { text-align: left; border-left: 2px solid #1BBC9B; margin-left: 65px; background: #fafafa; } .chats li.in .message .arrow { left: -8px; width: 0; height: 0; border-right: 8px solid #1BBC9B; } .chats li.out .message { border-right: 2px solid #F3565D; margin-right: 65px; background: #fafafa; text-align: right; } .chats li.out .message .arrow { right: -8px; border-left: 8px solid #F3565D; } .chats li.out .datetime, .chats li.out .name { text-align: right; } .chat-form { margin-top: 15px; padding: 10px; background-color: #e9eff3; overflow: hidden; clear: both; } .chat-form .input-cont { margin-right: 40px; } .chat-form .input-cont .form-control { border: 1px solid #ddd; width: 100% !important; margin-top: 0; background-color: #fff !important; } .chat-form .input-cont .form-control:focus { border: 1px solid #4b8df9 !important; } .chat-form .btn-cont { margin-top: -41px; position: relative; float: right; width: 44px; } .chat-form .btn-cont .arrow { position: absolute; top: 17px; right: 43px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #4d90fe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chat-form .btn-cont .btn { margin-top: 7px; } .chat-form .btn-cont:hover .arrow { border-right-color: #0362fd; transition: all .3s; } .chat-form .btn-cont:hover .btn { background-color: #0362fd; transition: all .3s; } .close { display: inline-block; margin-top: 0; margin-right: 0; width: 9px; height: 9px; background-repeat: no-repeat !important; text-indent: -10000px; outline: 0; background-image: url("./media/remove-icon-small-IROICIAT.png") !important; } .dropdown.open > .dropdown-toggle, .dropup.open > .dropdown-toggle { border-color: #ddd; } .dropdown-menu { box-shadow: 5px 5px rgba(102, 102, 102, .1); left: 0; min-width: 175px; position: absolute; z-index: 1000; display: none; float: left; list-style: none; text-shadow: none; padding: 0; background-color: #fff; margin: 10px 0 0; border: 1px solid #eee; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .dropdown-hoverable:hover .dropdown-menu { display: block; } .dropdown-menu li.divider { background: #f1f3f6; } .dropdown-menu li.header { padding: 8px 14px 2px; } .dropdown-menu > li > a { padding: 8px 16px; color: #6f6f6f; text-decoration: none; display: block; clear: both; font-weight: 300; line-height: 18px; white-space: nowrap; } .dropdown-menu > li > a > [class*=" fa-"], .dropdown-menu > li > a > [class^=fa-] { color: #888; } .dropdown-menu > li > a > [class*=" icon-"], .dropdown-menu > li > a > [class^=icon-] { color: #666; } .dropdown-menu > li > a > [class*=" glyphicon-"], .dropdown-menu > li > a > [class^=glyphicon-] { color: #888; } .dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a { text-decoration: none; background-image: none; background-color: #f6f6f6; color: #555; filter: none; } .dropdown-menu.bottom-up { top: auto; bottom: 100%; margin-bottom: 2px; } .dropdown-menu.bottom-up:after, .dropdown-menu.bottom-up:before { display: none !important; } .dropdown-menu > li:first-child:hover > a { border-radius: 4px 4px 0 0; } .dropdown-menu > li:last-child:hover > a { border-radius: 0 0 4px 4px; } .dropdown-hover:hover > .dropdown-menu { display: block; } .btn-group > .dropdown-menu, .dropdown-toggle > .dropdown-menu, .dropdown > .dropdown-menu { margin-top: 10px; } .btn-group > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .dropdown > .dropdown-menu:before { position: absolute; top: -8px; left: 9px; right: auto; display: inline-block !important; border-right: 8px solid transparent; border-bottom: 8px solid #e0e0e0; border-left: 8px solid transparent; content: ""; } .btn-group > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .dropdown > .dropdown-menu:after { position: absolute; top: -7px; left: 10px; right: auto; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; content: ""; } .btn-group > .dropdown-menu.pull-left:before, .dropdown-toggle > .dropdown-menu.pull-left:before, .dropdown > .dropdown-menu.pull-left:before { left: auto; right: 9px; } .btn-group > .dropdown-menu.pull-left:after, .dropdown-toggle > .dropdown-menu.pull-left:after, .dropdown > .dropdown-menu.pull-left:after { left: auto; right: 10px; } .btn-group > .dropdown-menu.pull-right:before, .dropdown-toggle > .dropdown-menu.pull-right:before, .dropdown > .dropdown-menu.pull-right:before { left: auto; right: 9px; } .btn-group > .dropdown-menu.pull-right:after, .dropdown-toggle > .dropdown-menu.pull-right:after, .dropdown > .dropdown-menu.pull-right:after { left: auto; right: 10px; } .btn-group.dropup > .dropdown-menu, .dropdown-toggle.dropup > .dropdown-menu, .dropdown.dropup > .dropdown-menu { margin-top: 0; margin-bottom: 10px; } .btn-group.dropup > .dropdown-menu:after, .btn-group.dropup > .dropdown-menu:before, .dropdown-toggle.dropup > .dropdown-menu:after, .dropdown-toggle.dropup > .dropdown-menu:before, .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before { display: none !important; } .dropdown-toggle:after { display: none; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 5px; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu > a:after { position: absolute; display: inline-block; font-size: 14px; right: 7px; top: 7px; font-family: FontAwesome; height: auto; content: "\f105"; font-weight: 300; } .label, .table.table-light > thead > tr > th { font-family: "Open Sans", sans-serif; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; } .nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before { right: 12px; left: auto; } .nav.pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after { right: 13px; left: auto; } .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position: absolute; float: left; width: auto; margin-top: 0; background-color: #fff; border: 1px solid #efefef; box-shadow: 5px 5px rgba(102, 102, 102, .1); } .navbar-nav .open .dropdown-menu > li > a { padding: 6px 0 6px 13px; color: #333; } .navbar-nav .open .dropdown-menu > li > a:active, .navbar-nav .open .dropdown-menu > li > a:hover { background-color: #eee; } } .dropdown-content { padding: 10px; } .dropdown-content form { margin: 0; } .dropdown.inline .dropdown-menu { display: inline-block; position: relative; } .dropdown-checkboxes, .dropdown-radiobuttons { padding: 5px; } .dropdown-checkboxes label, .dropdown-radiobuttons label { display: block; font-weight: 300; color: #333; margin-bottom: 4px; margin-top: 4px; } .dropdown-checkboxes label .radio, .dropdown-radiobuttons label .radio { margin-right: 3px; } .dropdown-menu-v2 { top: 100%; right: 0; z-index: 1001; display: none; float: left; min-width: 225px; padding: 20px 0; margin: 25px 0 0; font-size: 13px; text-align: left; list-style: none; position: absolute; background: #242b31; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; transition-duration: .3s; transition-property: all; transition-timing-function: cubic-bezier(.7, 1, .7, 1); } .dropdown-menu-v2:before { top: -10px; right: 0; width: 0; height: 0; content: " "; position: absolute; border-style: solid; display: inline-block; border-width: 0 0 15px 15px; border-color: transparent transparent #242b31; } .feeds li .col1, .feeds li .col1 > .cont > .cont-col2 { width: 100%; float: left; } .dropdown-menu-v2 > li > a { clear: both; color: #606e7a; display: block; font-weight: 600; padding: 8px 20px; position: relative; white-space: nowrap; line-height: 1.42857143; text-transform: uppercase; } .dropdown-menu-v2 > li > a:focus, .dropdown-menu-v2 > li > a:hover { background: #21282e; text-decoration: none; color: #009dc7; } .dropdown-menu-v2 .active > a, .dropdown-menu-v2 .active > a:focus, .dropdown-menu-v2 .active > a:hover { outline: 0; text-decoration: none; background-color: #21282e; color: #009dc7; } .dropdown-menu-v2 .disabled > a, .dropdown-menu-v2 .disabled > a:focus, .dropdown-menu-v2 .disabled > a:hover { color: #009dc7; } .dropdown-menu-v2 .disabled > a:focus, .dropdown-menu-v2 .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; } .dropdown-menu-v2 .divider { height: 1px; margin: 9px 0; overflow: hidden; background: #2e353c; } .dropdown-menu-v2 .badge { top: 8px; right: 10px; position: absolute; } .dropdown-menu-v2.pull-right, .pull-right > .dropdown-menu-v2 { right: 0; left: auto; } .open > .dropdown-menu-v2 { display: block; } td > .mt-checkbox.mt-checkbox-single, td > .mt-radio.mt-radio-single, th > .mt-checkbox.mt-checkbox-single, th > .mt-radio.mt-radio-single { right: -5px; } .feeds { margin: 0; padding: 0; list-style: none; } .feeds li { background-color: #fafafa; color: #82949a; margin-bottom: 7px; } .feeds li:after, .feeds li:before { display: table; line-height: 0; content: ""; } .feeds li:after { clear: both; } .feeds li:last-child { margin-bottom: 0; } .feeds li .col1 { clear: both; } .feeds li .col1 > .cont { float: left; margin-right: 75px; overflow: hidden; } .feeds li .col1 > .cont > .cont-col1 { float: left; margin-right: -100%; } .feeds li .col1 > .cont > .cont-col1 > .label { display: inline-block; padding: 5px 4px 6px 5px; vertical-align: middle; text-align: center; } .feeds li .col1 > .cont > .cont-col1 > .label > i { text-align: center; font-size: 14px; } .feeds li .col1 > .cont > .cont-col2 > .desc { margin-left: 35px; padding-top: 4px; padding-bottom: 5px; overflow: hidden; } .feeds li .col2 { float: left; width: 75px; margin-left: -75px; } .feeds li .col2 > .date { padding: 4px 9px 5px 4px; text-align: right; font-style: italic; color: #c1cbd0; } .static-info { margin-bottom: 10px; } .static-info .name { font-size: 14px; } .static-info .value { font-size: 14px; font-weight: 600; } .static-info.align-reverse .name, .static-info.align-reverse .value { text-align: right; } .help-block { margin-top: 5px; margin-bottom: 5px; } .help-inline { font-size: 13px; color: #737373; display: inline-block; padding: 5px; } .form-inline input { margin-bottom: 0 !important; } .control-label { margin-top: 1px; font-weight: 400; } .control-label .required, .form-group .required { color: #e02222; font-size: 12px; padding-left: 2px; } .form { padding: 0 !important; } .form .form-body, .portlet-form .form-body { padding: 20px; } .portlet.light .form .form-body, .portlet.light .portlet-form .form-body { padding-left: 0; padding-right: 0; } .form .form-actions, .portlet-form .form-actions { padding: 20px; margin: 0; background-color: #f5f5f5; border-top: 1px solid #e7ecf1; } .portlet.light .form .form-actions, .portlet.light .portlet-form .form-actions { background: 0 0; padding-left: 0; padding-right: 0; } .form .form-actions.nobg, .portlet-form .form-actions.nobg, .tiles .tile .tile-object { background-color: transparent; } .form .form-actions.noborder, .portlet-form .form-actions.noborder { border-top: 0; } .portlet .form .form-actions, .portlet .portlet-form .form-actions { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .form .form-actions:after, .form .form-actions:before, .portlet-form .form-actions:after, .portlet-form .form-actions:before { content: " "; display: table; } .form .form-actions:after, .portlet-form .form-actions:after { clear: both; } .form .form-actions.right, .portlet-form .form-actions.right { padding-left: 0; padding-right: 20px; text-align: right; } .portlet.light .form .form-actions.right, .portlet.light .portlet-form .form-actions.right { padding-right: 0; } .form .form-actions.left, .portlet-form .form-actions.left { padding-left: 20px; padding-right: 0; text-align: left; } .checkbox-list > label.checkbox-inline:first-child, .checkbox > label, .form-horizontal .checkbox > label, .portlet.light .form .form-actions.left, .portlet.light .portlet-form .form-actions.left, .radio-list > label.radio-inline:first-child { padding-left: 0; } .form .form-actions.top, .portlet-form .form-actions.top { margin-top: 0; margin-bottom: 20px; border-top: 0; border-bottom: 1px solid #e7ecf1; } .portlet.light .form .form-actions.top, .portlet.light .portlet-form .form-actions.top { background: 0 0; } .form .form-actions .btn-set, .portlet-form .form-actions .btn-set { display: inline-block; } @media (max-width:767px) { .form .form-actions .btn-set, .portlet-form .form-actions .btn-set { margin-bottom: 3px; margin-top: 3px; float: left !important; } } .form .form-section, .portlet-form .form-section { margin: 30px 0; padding-bottom: 5px; border-bottom: 1px solid #e7ecf1; } .form .form-bordered .form-group .help-block, .form .form-row-seperated .form-group .help-block, .form-horizontal .radio-list > label { margin-bottom: 0; } .form-fit .form .form-section, .form-fit .portlet-form .form-section { margin-left: 20px; margin-right: 20px; } .checkbox, .form-horizontal .checkbox { padding: 0; } .checkbox-list > label { display: block; } .checkbox-list > label.checkbox-inline { display: inline-block; } .radio-list > label { display: block; } .radio-list > label.radio-inline { display: inline-block; } .form-horizontal .radio-list .radio { padding-top: 1px; } .form-horizontal .radio > span { margin-top: 2px; } .form .form-row-seperated .portlet-body { padding: 0; } .form .form-row-seperated .form-group { margin: 0; border-bottom: 1px solid #efefef; padding: 15px 0; } .form .form-row-seperated .form-group.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 13px; } .form .form-row-seperated .form-body { padding: 0; } .form .form-row-seperated .form-actions { padding-left: 15px !important; padding-right: 15px !important; } .form .form-bordered .form-group { margin: 0; border-bottom: 1px solid #efefef; } .form .form-bordered .form-group > div { padding: 15px; border-left: 1px solid #efefef; } .form .form-bordered .form-group.last { border-bottom: 0; } .form .form-bordered .form-group .control-label { padding-top: 20px; } @media (max-width:991px) { .form .form-bordered .form-group > div { border-left: 0; } .form .form-bordered .form-group .control-label { padding-top: 10px; } } .form .form-bordered .form-group .form-control { margin: 0; } .form .form-bordered .form-body { margin: 0; padding: 0; } .form .form-bordered .form-actions { margin-top: 0; padding-left: 16px !important; padding-right: 16px !important; } @media (max-width:991px) { .form .form-bordered .form-actions { padding-left: 15px !important; padding-right: 15px !important; } } .form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form .form-horizontal.form-bordered.form-row-stripped .form-control { background: #fff !important; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div { background-color: #fff; } .form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) { background-color: #fcfcfc; } .form-horizontal .form-group .input-sm { margin-top: 3px; } .form-horizontal .form-group .form-control-static { margin-top: 1px; } .mt-repeater { display: table; width: 100%; } .mt-repeater .mt-repeater-item { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .mt-repeater .mt-repeater-item.mt-overflow { overflow: auto; } .mt-repeater .mt-repeater-title { font-size: 18px; text-transform: uppercase; margin-top: 0; font-weight: 600; } .mt-repeater .mt-repeater-input { display: table-cell; vertical-align: top; padding: 0 10px 10px; width: 1%; } .mt-repeater .mt-repeater-input input[type=text], .mt-repeater .mt-repeater-input select, .mt-repeater .mt-repeater-input textarea { width: 100%; } .mt-repeater .mt-repeater-input .control-label { padding-top: 0; margin-bottom: 5px; } .mt-repeater .mt-repeater-input.mt-repeater-textarea { width: 3%; } .mt-repeater .mt-repeater-input:first-child { padding-left: 0; } .mt-repeater .mt-repeater-input:last-child { padding-right: 0; } .mt-repeater .mt-repeater-delete { margin-top: 1.8em; } .mt-repeater .mt-repeater-delete.mt-repeater-del-right { float: right; margin-top: 10px; } .mt-repeater .mt-repeater-cell { display: table; width: 100%; } .mt-repeater .mt-repeater-cell .mt-repeater-btn-inline, .mt-repeater .mt-repeater-cell .mt-repeater-input-inline { display: table-cell; } .mt-repeater .mt-repeater-cell .mt-repeater-input-inline { width: 100%; border-right: none; } .mt-repeater .mt-repeater-cell .mt-repeater-btn-inline { width: 1%; float: none; } .mt-repeater .mt-repeater-row { margin-right: 0; } @media (max-width:991px) { .mt-repeater .mt-repeater-input { width: 100%; display: block; padding-left: 0; padding-right: 0; } .mt-repeater .mt-repeater-input.mt-repeater-textarea { width: 100%; } .mt-repeater .mt-repeater-input .control-label { text-align: left !important; } .mt-repeater .mt-repeater-input .mt-repeater-delete { margin-top: 0; } } .input-mini, .input-xxs { width: 45px !important; } .form-control { outline: 0 !important; } .form-control.height-auto { height: auto; } .input-group-addon > i { color: #c5cdda; } .form-control.white { border-color: #fff; } .form-control.white:focus { border-color: #e6e6e6; } .form-control.focus-white:focus { border-color: #fff; } .form-control.default { border-color: #e1e5ec; } .form-control.default:focus { border-color: #c2cad8; } .form-control.focus-default:focus { border-color: #e1e5ec; } .form-control.dark { border-color: #2f353b; } .form-control.dark:focus { border-color: #181c1f; } .form-control.focus-dark:focus { border-color: #2f353b; } .form-control.blue { border-color: #3598dc; } .form-control.blue:focus { border-color: #217ebd; } .form-control.focus-blue:focus { border-color: #3598dc; } .form-control.blue-madison { border-color: #578ebe; } .form-control.blue-madison:focus { border-color: #3f74a3; } .form-control.focus-blue-madison:focus { border-color: #578ebe; } .form-control.blue-chambray { border-color: #2C3E50; } .form-control.blue-chambray:focus { border-color: #1a252f; } .form-control.focus-blue-chambray:focus { border-color: #2C3E50; } .form-control.blue-ebonyclay { border-color: #22313F; } .form-control.blue-ebonyclay:focus { border-color: #10171e; } .form-control.focus-blue-ebonyclay:focus { border-color: #22313F; } .form-control.blue-hoki { border-color: #67809F; } .form-control.blue-hoki:focus { border-color: #526781; } .form-control.focus-blue-hoki:focus { border-color: #67809F; } .form-control.blue-steel { border-color: #4B77BE; } .form-control.blue-steel:focus { border-color: #395f9d; } .form-control.focus-blue-steel:focus { border-color: #4B77BE; } .form-control.blue-soft { border-color: #4c87b9; } .form-control.blue-soft:focus { border-color: #3b6d97; } .form-control.focus-blue-soft:focus { border-color: #4c87b9; } .form-control.blue-dark { border-color: #5e738b; } .form-control.blue-dark:focus { border-color: #495a6d; } .form-control.focus-blue-dark:focus { border-color: #5e738b; } .form-control.blue-sharp { border-color: #5C9BD1; } .form-control.blue-sharp:focus { border-color: #3782c3; } .form-control.focus-blue-sharp:focus { border-color: #5C9BD1; } .form-control.blue-oleo { border-color: #94A0B2; } .form-control.blue-oleo:focus { border-color: #76869d; } .form-control.focus-blue-oleo:focus { border-color: #94A0B2; } .form-control.green { border-color: #32c5d2; } .form-control.green:focus { border-color: #26a1ab; } .form-control.focus-green:focus { border-color: #32c5d2; } .form-control.green-meadow { border-color: #1BBC9B; } .form-control.green-meadow:focus { border-color: #158f76; } .form-control.focus-green-meadow:focus { border-color: #1BBC9B; } .form-control.green-seagreen { border-color: #1BA39C; } .form-control.green-seagreen:focus { border-color: #147772; } .form-control.focus-green-seagreen:focus { border-color: #1BA39C; } .form-control.green-turquoise { border-color: #36D7B7; } .form-control.green-turquoise:focus { border-color: #24b699; } .form-control.focus-green-turquoise:focus { border-color: #36D7B7; } .form-control.green-haze { border-color: #44b6ae; } .form-control.green-haze:focus { border-color: #36918b; } .form-control.focus-green-haze:focus { border-color: #44b6ae; } .form-control.green-jungle { border-color: #26C281; } .form-control.green-jungle:focus { border-color: #1e9765; } .form-control.focus-green-jungle:focus { border-color: #26C281; } .form-control.green-soft { border-color: #3faba4; } .form-control.green-soft:focus { border-color: #318680; } .form-control.focus-green-soft:focus { border-color: #3faba4; } .form-control.green-dark { border-color: #4DB3A2; } .form-control.green-dark:focus { border-color: #3d9082; } .form-control.focus-green-dark:focus { border-color: #4DB3A2; } .form-control.green-sharp { border-color: #2ab4c0; } .form-control.green-sharp:focus { border-color: #218d96; } .form-control.focus-green-sharp:focus { border-color: #2ab4c0; } .form-control.green-steel { border-color: #29b4b6; } .form-control.green-steel:focus { border-color: #208b8c; } .form-control.focus-green-steel:focus { border-color: #29b4b6; } .form-control.grey { border-color: #E5E5E5; } .form-control.grey:focus { border-color: #ccc; } .form-control.focus-grey:focus { border-color: #E5E5E5; } .form-control.grey-steel { border-color: #e9edef; } .form-control.grey-steel:focus { border-color: #cbd5da; } .form-control.focus-grey-steel:focus { border-color: #e9edef; } .form-control.grey-cararra { border-color: #fafafa; } .form-control.grey-cararra:focus { border-color: #e1e1e1; } .form-control.focus-grey-cararra:focus { border-color: #fafafa; } .form-control.grey-gallery { border-color: #555; } .form-control.grey-gallery:focus { border-color: #3c3c3c; } .form-control.focus-grey-gallery:focus { border-color: #555; } .form-control.grey-cascade { border-color: #95A5A6; } .form-control.grey-cascade:focus { border-color: #798d8f; } .form-control.focus-grey-cascade:focus { border-color: #95A5A6; } .form-control.grey-silver { border-color: #BFBFBF; } .form-control.grey-silver:focus { border-color: #a6a6a6; } .form-control.focus-grey-silver:focus { border-color: #BFBFBF; } .form-control.grey-salsa { border-color: #ACB5C3; } .form-control.grey-salsa:focus { border-color: #8e9bae; } .form-control.focus-grey-salsa:focus { border-color: #ACB5C3; } .form-control.grey-salt { border-color: #bfcad1; } .form-control.grey-salt:focus { border-color: #a1b1bc; } .form-control.focus-grey-salt:focus { border-color: #bfcad1; } .form-control.grey-mint { border-color: #525e64; } .form-control.grey-mint:focus { border-color: #3b4448; } .form-control.focus-grey-mint:focus { border-color: #525e64; } .form-control.red { border-color: #e7505a; } .form-control.red:focus { border-color: #e12330; } .form-control.focus-red:focus { border-color: #e7505a; } .form-control.red-pink { border-color: #E08283; } .form-control.red-pink:focus { border-color: #d6595a; } .form-control.focus-red-pink:focus { border-color: #E08283; } .form-control.red-sunglo { border-color: #E26A6A; } .form-control.red-sunglo:focus { border-color: #da3f3f; } .form-control.focus-red-sunglo:focus { border-color: #E26A6A; } .form-control.red-intense { border-color: #e35b5a; } .form-control.red-intense:focus { border-color: #dc302e; } .form-control.focus-red-intense:focus { border-color: #e35b5a; } .form-control.red-thunderbird { border-color: #D91E18; } .form-control.red-thunderbird:focus { border-color: #ab1813; } .form-control.focus-red-thunderbird:focus { border-color: #D91E18; } .form-control.red-flamingo { border-color: #EF4836; } .form-control.red-flamingo:focus { border-color: #e02612; } .form-control.focus-red-flamingo:focus { border-color: #EF4836; } .form-control.red-soft { border-color: #d05454; } .form-control.red-soft:focus { border-color: #bd3434; } .form-control.focus-red-soft:focus { border-color: #d05454; } .form-control.red-haze { border-color: #f36a5a; } .form-control.red-haze:focus { border-color: #f03f2a; } .form-control.focus-red-haze:focus { border-color: #f36a5a; } .form-control.red-mint { border-color: #e43a45; } .form-control.red-mint:focus { border-color: #cf1c28; } .form-control.focus-red-mint:focus { border-color: #e43a45; } .form-control.yellow { border-color: #c49f47; } .form-control.yellow:focus { border-color: #a48334; } .form-control.focus-yellow:focus { border-color: #c49f47; } .form-control.yellow-gold { border-color: #E87E04; } .form-control.yellow-gold:focus { border-color: #b66303; } .form-control.focus-yellow-gold:focus { border-color: #E87E04; } .form-control.yellow-casablanca { border-color: #f2784b; } .form-control.yellow-casablanca:focus { border-color: #ef541b; } .form-control.focus-yellow-casablanca:focus { border-color: #f2784b; } .form-control.yellow-crusta { border-color: #f3c200; } .form-control.yellow-crusta:focus { border-color: #c09900; } .form-control.focus-yellow-crusta:focus { border-color: #f3c200; } .form-control.yellow-lemon { border-color: #F7CA18; } .form-control.yellow-lemon:focus { border-color: #d5ab07; } .form-control.focus-yellow-lemon:focus { border-color: #F7CA18; } .form-control.yellow-saffron { border-color: #F4D03F; } .form-control.yellow-saffron:focus { border-color: #f1c40f; } .form-control.focus-yellow-saffron:focus { border-color: #F4D03F; } .form-control.yellow-soft { border-color: #c8d046; } .form-control.yellow-soft:focus { border-color: #adb52e; } .form-control.focus-yellow-soft:focus { border-color: #c8d046; } .form-control.yellow-haze { border-color: #c5bf66; } .form-control.yellow-haze:focus { border-color: #b4ad44; } .form-control.focus-yellow-haze:focus { border-color: #c5bf66; } .form-control.yellow-mint { border-color: #c5b96b; } .form-control.yellow-mint:focus { border-color: #b6a747; } .form-control.focus-yellow-mint:focus { border-color: #c5b96b; } .form-control.purple { border-color: #8E44AD; } .form-control.purple:focus { border-color: #703688; } .form-control.focus-purple:focus { border-color: #8E44AD; } .form-control.purple-plum { border-color: #8775a7; } .form-control.purple-plum:focus { border-color: #6d5b8e; } .form-control.focus-purple-plum:focus { border-color: #8775a7; } .form-control.purple-medium { border-color: #BF55EC; } .form-control.purple-medium:focus { border-color: #ae27e7; } .form-control.focus-purple-medium:focus { border-color: #BF55EC; } .form-control.purple-studio { border-color: #8E44AD; } .form-control.purple-studio:focus { border-color: #703688; } .form-control.focus-purple-studio:focus { border-color: #8E44AD; } .form-control.purple-wisteria { border-color: #9B59B6; } .form-control.purple-wisteria:focus { border-color: #804399; } .form-control.focus-purple-wisteria:focus { border-color: #9B59B6; } .form-control.purple-seance { border-color: #9A12B3; } .form-control.purple-seance:focus { border-color: #720d85; } .form-control.focus-purple-seance:focus { border-color: #9A12B3; } .form-control.purple-intense { border-color: #8775a7; } .form-control.purple-intense:focus { border-color: #6d5b8e; } .form-control.focus-purple-intense:focus { border-color: #8775a7; } .form-control.purple-sharp { border-color: #796799; } .form-control.purple-sharp:focus { border-color: #61527b; } .form-control.focus-purple-sharp:focus { border-color: #796799; } .form-control.purple-soft { border-color: #8877a9; } .form-control.purple-soft:focus { border-color: #6e5c91; } .form-control.focus-purple-soft:focus { border-color: #8877a9; } .uneditable-input { padding: 6px 12px; min-width: 206px; font-size: 14px; font-weight: 400; height: 34px; color: #555; background-color: #fff; border: 1px solid #c2cad8; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control-static { display: inline-block; margin: 0; } .input-xsmall { width: 80px !important; } .input-small { width: 145px !important; } .input-medium { width: 240px !important; } .input-large { width: 320px !important; } .input-xlarge { width: 420px !important; } @media (max-width:768px) { .input-large { width: 250px !important; } .input-xlarge { width: 300px !important; } } .input-inline { display: inline-block; width: auto; vertical-align: middle; } .input-fixed { overflow: hidden; } .form-group .input-inline { margin-right: 5px; } @media (max-width:768px) { .input-lg { width: 250px !important; } .input-xlg { width: 300px !important; } } .input-circle { border-radius: 25px !important; } .input-circle-right { border-radius: 0 25px 25px 0 !important; } .input-circle-left { border-radius: 25px 0 0 25px !important; } .input-circle-bottom { border-radius: 0 0 25px 25px !important; } .input-circle-top { border-radius: 25px 25px 0 0 !important; } .mt-checkbox, .mt-radio { display: inline-block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; font-size: 14px; webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .mt-checkbox.mt-checkbox-disabled, .mt-checkbox.mt-radio-disabled, .mt-radio.mt-checkbox-disabled, .mt-radio.mt-radio-disabled { opacity: .8; filter: alpha(opacity=80); cursor: not-allowed; } .mt-checkbox > input, .mt-radio > input { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0); } .mt-checkbox > span, .mt-radio > span { border: 1px solid transparent; position: absolute; top: 1px; left: 0; height: 18px; width: 18px; background: #E6E6E6; } .mt-checkbox > span:after, .mt-radio > span:after { content: ""; position: absolute; display: none; } .input-icon > i, .mt-checkbox-list .mt-checkbox, .mt-checkbox-list .mt-radio, .mt-checkbox > input:checked ~ span:after, .mt-radio-list .mt-checkbox, .mt-radio-list .mt-radio, .mt-radio > input:checked ~ span:after { display: block; } .mt-checkbox:hover > input:not([disabled]) ~ span, .mt-checkbox > input:focus ~ span, .mt-radio:hover > input:not([disabled]) ~ span, .mt-radio > input:focus ~ span { background: #d9d9d9; webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .mt-checkbox:hover > input:not([disabled]):checked ~ span, .mt-checkbox > input:checked ~ span, .mt-radio:hover > input:not([disabled]):checked ~ span, .mt-radio > input:checked ~ span { webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: #d9d9d9; } .icon-btn, .icon-btn:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; } .mt-checkbox > input:disabled ~ span, .mt-radio > input:disabled ~ span { opacity: .6; filter: alpha(opacity=60); pointer-events: none; } .icon-btn, .ie8 .icon-btn:hover { filter: none; } .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span, .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-checkbox-outline > input:checked ~ span, .mt-checkbox.mt-checkbox-outline > input:focus ~ span, .mt-checkbox.mt-checkbox-outline > span, .mt-checkbox.mt-radio-outline:hover > input:not([disabled]):checked ~ span, .mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-radio-outline > input:checked ~ span, .mt-checkbox.mt-radio-outline > input:focus ~ span, .mt-checkbox.mt-radio-outline > span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline > input:focus ~ span, .mt-radio.mt-checkbox-outline > span, .mt-radio.mt-radio-outline:hover > input:not([disabled]):checked ~ span, .mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-radio-outline > input:focus ~ span, .mt-radio.mt-radio-outline > span { border: 1px solid #d9d9d9; background: 0 0; } .mt-radio > span, .timeline .timeline-badge-userpic img { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; } .mt-radio > span { -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; } .mt-radio > span:after { left: 5px; top: 5px; height: 6px; width: 6px; border-radius: 100% !important; background: #888; } .mt-radio > input:disabled ~ span:after { background: #888; } .mt-checkbox > span:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid #888; border-width: 0 2px 2px 0; transform: rotate(45deg); } .mt-checkbox > input:disabled ~ span:after { border-color: #888; } .form-inline .mt-checkbox { margin-left: 15px; margin-right: 15px; } .mt-checkbox-list, .mt-radio-list { padding: 10px 0; } .form-horizontal .form-group .mt-checkbox-list, .form-horizontal .form-group .mt-radio-list { padding-top: 0; } .mt-checkbox-inline, .mt-radio-inline { padding: 10px 0; } .form-horizontal .form-group .mt-checkbox-inline, .form-horizontal .form-group .mt-radio-inline { padding-top: 8px; } .mt-checkbox-inline .mt-checkbox, .mt-checkbox-inline .mt-radio, .mt-radio-inline .mt-checkbox, .mt-radio-inline .mt-radio { display: inline-block; margin-right: 15px; } .mt-checkbox-inline .mt-checkbox:last-child, .mt-checkbox-inline .mt-radio:last-child, .mt-radio-inline .mt-checkbox:last-child, .mt-radio-inline .mt-radio:last-child { margin-right: 0; } .icon-btn { height: 60px; min-width: 80px; margin: 5px 5px 0 0; border: 1px solid #ddd; padding: 12px 0 0; background-color: #fafafa; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; color: #646464; text-shadow: none; text-align: center; cursor: pointer; position: relative; transition: all .3s ease; } .loading-message, .page-loading { min-width: 125px; vertical-align: middle; } .icon-btn:hover, .icon-btn:hover > .badge { -webkit-box-shadow: none; -moz-box-shadow: none; } .modal.draggable-modal .modal-header, .portlet-sortable:not(.portlet-fullscreen) > .portlet-title { cursor: move; } .icon-btn:hover { text-decoration: none; border-color: #999; color: #444; text-shadow: 0 1px 0 #fff; transition: all .3s ease; box-shadow: none; } .icon-btn:hover > .badge { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; box-shadow: none; } .icon-btn > div { margin-top: 5px; margin-bottom: 20px; color: #3f444a; font-size: 12px; font-weight: 300; } .icon-btn > .badge { position: absolute; font-size: 11px; font-weight: 300; top: -5px; right: -5px; padding: 3px 6px; color: #fff; text-shadow: none; border-width: 0; border-style: solid; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .input-group .input-icon > .form-control, .tabs-left.nav-tabs > li > a:focus, .tabs-left.nav-tabs > li > a:hover { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; } .icon-btn > i { font-size: 18px; } .input-icon { position: relative; left: 0; } .input-icon > .form-control { padding-left: 33px; } .input-group .input-icon > .form-control { border-radius: 4px 0 0 4px; } .input-icon > i { color: #ccc; position: absolute; margin: 11px 2px 4px 10px; z-index: 3; width: 16px; font-size: 16px; text-align: center; left: 0; } .modal .input-icon > i { z-index: 10055; } .has-success .input-icon > i { color: #36c6d3; } .has-warning .input-icon > i { color: #F1C40F; } .has-info .input-icon > i { color: #659be0; } .has-error .input-icon > i { color: #ed6b75; } .input-icon.right { left: auto; right: 0; } .input-icon.right > .form-control { padding-right: 33px; padding-left: 12px; } .input-group .input-icon.right > .form-control { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .input-icon.right > i { left: auto; right: 8px; float: right; } .input-icon.input-icon-lg > i { margin-top: 16px; } .input-icon.input-icon-sm > i { margin-top: 8px; font-size: 13px; } .label { text-shadow: none !important; font-size: 14px; font-weight: 300; padding: 3px 6px; color: #fff; } .label.label-sm { font-size: 13px; padding: 2px 5px; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { font-size: 75%; } .label-default[href]:focus, .label-default[href]:hover { background-color: #9ca8bb; } .label-primary { background-color: #337ab7; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090; } .label-success { background-color: #36c6d3; } .label-success[href]:focus, .label-success[href]:hover { background-color: #27a4b0; } .label-info { background-color: #659be0; } .label-info[href]:focus, .label-info[href]:hover { background-color: #3a80d7; } .label-warning { background-color: #F1C40F; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #c29d0b; } .label-danger { background-color: #ed6b75; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #e73d4a; } .label.label-icon { padding: 4px 0 4px 4px; margin-right: 2px; text-align: center !important; } .label.label-icon > i { font-size: 12px; text-align: center !important; } .note p, .page-loading, .panel .panel-body { font-size: 13px; } .ie8 .label.label-icon, .ie9 .label.label-icon { padding: 3px 0 3px 3px; } .text-default { color: #bac3d0; } .text-primary { color: #337ab7; } .text-success { color: #36c6d3; } .text-info { color: #659be0; } .text-warning { color: #F1C40F; } .text-danger { color: #ed6b75; } .list-group > li:first-child { border-radius-topleft: 4px; border-radius-topright: 4px; } .list-group > li:last-child { border-radius-bottomleft: 4px; border-radius-bottomright: 4px; } .list-group .list-group-item-success { color: #27a4b0; background-color: #abe7ed; } .list-group a.list-group-item-success, .list-group button.list-group-item-success { color: #27a4b0; } .list-group a.list-group-item-success .list-group-item-heading, .list-group button.list-group-item-success .list-group-item-heading { color: inherit; } .list-group a.list-group-item-success:focus, .list-group a.list-group-item-success:hover, .list-group button.list-group-item-success:focus, .list-group button.list-group-item-success:hover { color: #27a4b0; background-color: #96e1e8; } .list-group a.list-group-item-success.active, .list-group a.list-group-item-success.active:focus, .list-group a.list-group-item-success.active:hover, .list-group button.list-group-item-success.active, .list-group button.list-group-item-success.active:focus, .list-group button.list-group-item-success.active:hover { color: #fff; background-color: #27a4b0; border-color: #27a4b0; } .list-group .list-group-item-info { color: #327ad5; background-color: #e0ebf9; } .list-group a.list-group-item-info, .list-group button.list-group-item-info { color: #327ad5; } .list-group a.list-group-item-info .list-group-item-heading, .list-group button.list-group-item-info .list-group-item-heading { color: inherit; } .list-group a.list-group-item-info:focus, .list-group a.list-group-item-info:hover, .list-group button.list-group-item-info:focus, .list-group button.list-group-item-info:hover { color: #327ad5; background-color: #caddf4; } .list-group a.list-group-item-info.active, .list-group a.list-group-item-info.active:focus, .list-group a.list-group-item-info.active:hover, .list-group button.list-group-item-info.active, .list-group button.list-group-item-info.active:focus, .list-group button.list-group-item-info.active:hover { color: #fff; background-color: #327ad5; border-color: #327ad5; } .list-group .list-group-item-warning { color: #c29d0b; background-color: #f9e491; } .list-group a.list-group-item-warning, .list-group button.list-group-item-warning { color: #c29d0b; } .list-group a.list-group-item-warning .list-group-item-heading, .list-group button.list-group-item-warning .list-group-item-heading { color: inherit; } .list-group a.list-group-item-warning:focus, .list-group a.list-group-item-warning:hover, .list-group button.list-group-item-warning:focus, .list-group button.list-group-item-warning:hover { color: #c29d0b; background-color: #f7de79; } .list-group a.list-group-item-warning.active, .list-group a.list-group-item-warning.active:focus, .list-group a.list-group-item-warning.active:hover, .list-group button.list-group-item-warning.active, .list-group button.list-group-item-warning.active:focus, .list-group button.list-group-item-warning.active:hover { color: #fff; background-color: #c29d0b; border-color: #c29d0b; } .list-group .list-group-item-danger { color: #e73d4a; background-color: #fbe1e3; } .list-group a.list-group-item-danger, .list-group button.list-group-item-danger { color: #e73d4a; } .list-group a.list-group-item-danger .list-group-item-heading, .list-group button.list-group-item-danger .list-group-item-heading { color: inherit; } .list-group a.list-group-item-danger:focus, .list-group a.list-group-item-danger:hover, .list-group button.list-group-item-danger:focus, .list-group button.list-group-item-danger:hover { color: #e73d4a; background-color: #f8cace; } .list-group a.list-group-item-danger.active, .list-group a.list-group-item-danger.active:focus, .list-group a.list-group-item-danger.active:hover, .list-group button.list-group-item-danger.active, .list-group button.list-group-item-danger.active:focus, .list-group button.list-group-item-danger.active:hover { color: #fff; background-color: #e73d4a; border-color: #e73d4a; } .loading-message { display: inline-block; padding: 10px; margin: 0 auto; color: #000 !important; font-size: 13px; font-weight: 400; text-align: center; } .loading-message.loading-message-boxed { border: 1px solid #ddd; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1); box-shadow: 0 1px 8px rgba(0, 0, 0, .1); } .loading-message > span { line-height: 20px; vertical-align: middle; } .page-loading { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: fixed; top: 50%; left: 50%; margin-left: -60px; margin-top: -30px; padding: 7px; text-align: center; color: #333; border: 1px solid #ddd; background-color: #eee; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1); box-shadow: 0 1px 8px rgba(0, 0, 0, .1); } .block-spinner-bar > div, .page-spinner-bar > div { background: #eee; border-radius: 100% !important; } .page-loading > span { line-height: 20px; vertical-align: middle; } .page-spinner-bar { position: fixed; z-index: 10051; width: 100px; top: 40%; left: 50%; margin-left: -55px; text-align: center; } .page-spinner-bar > div { margin: 0 5px; width: 18px; height: 18px; display: inline-block; -webkit-animation: bounceDelay 1.4s infinite ease-in-out; animation: bounceDelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-spinner-bar .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s; } .page-spinner-bar .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s; } .block-spinner-bar { display: inline-block; width: 80px; text-align: center; } .block-spinner-bar > div { margin: 0 2px; width: 15px; height: 15px; display: inline-block; -webkit-animation: bounceDelay 1.4s infinite ease-in-out; animation: bounceDelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } [class^=m-icon-], [class^=m-icon-big-] { display: inline-block; background-image: url("./media/syncfusion-icons-RLKKXEEN.png"); background-position: 0 0; background-repeat: no-repeat; } .block-spinner-bar .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s; } .block-spinner-bar .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s; } [class^=m-icon-] { width: 14px; height: 14px; margin-top: 3px; line-height: 14px; vertical-align: top; } [class^=m-icon-big-] { width: 30px; height: 30px; margin: 6px; vertical-align: middle; } .btn.m-icon-big { padding: 9px 16px 8px; } .btn.m-icon-big.m-icon-only { padding: 9px 8px 8px 0; } .btn.m-icon-big [class^=m-icon-big-] { margin: 0 0 0 10px; } .btn.m-icon-ony > i { margin-left: 0; } .btn.m-icon { padding: 7px 14px; } .btn.m-icon [class^=m-icon-] { margin: 4px 0 0 5px; } .btn.m-icon.m-icon-only { padding: 7px 10px 7px 6px; } .m-icon-white { background-image: url("./media/syncfusion-icons-white-2CMKNF4I.png"); } .m-icon-swapright { background-position: -27px -10px; } .m-icon-swapdown { background-position: -68px -10px; } .m-icon-swapleft { background-position: -8px -10px; } .m-icon-swapup { background-position: -46px -10px; } .m-icon-big-swapright { background-position: -42px -28px; } .m-icon-big-swapdown { background-position: -115px -28px; } .m-icon-big-swapleft { background-position: -6px -28px; } .m-icon-big-swapup { background-position: -78px -28px; } .modal { z-index: 10050; outline: 0; } .page-portlet-fullscreen .modal { z-index: 10060; } .modal .modal-header { border-bottom: 1px solid #EFEFEF; } .modal .modal-header h3 { font-weight: 300; } .modal .modal-header .close { margin-top: 0 !important; } .modal .modal-dialog { z-index: 10051; } .modal > .loading { position: absolute; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; } .modal.in .page-loading { display: none; } .modal-open-noscroll { overflow-y: hidden !important; } .modal-backdrop { border: 0; outline: 0; } .note, .tabs-right.nav-tabs > li > a:focus, .tabs-right.nav-tabs > li > a:hover { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; } .page-portlet-fullscreen .modal-backdrop { z-index: 10059; } .modal-backdrop, .modal-backdrop.fade.in { background-color: #333 !important; } .note .highlight, .note code, .note.note-default { background-color: #fff; } body[ng-controller] .modal-backdrop { z-index: 10049; } body[ng-controller] .modal { z-index: 10050; } .modal-full.modal-dialog { width: 99%; } @media (max-width:768px) { .modal-full.modal-dialog { width: auto; } } .note { margin: 0 0 20px; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; border-radius: 0 4px 4px 0; } .note h1, .note h2, .note h3, .note h4, .note h5, .note h6 { margin-top: 0; } .note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close { margin-right: -10px; } .note p { margin: 0; } .note p:last-child { margin-bottom: 0; } .note.note-default { border-color: #b0c1d2; color: #000; } .note.note-default.note-bordered { background-color: #eef1f5; border-color: #c0cedb; } .note.note-default.note-shadow { background-color: #f1f4f7; border-color: #d1dbe4; box-shadow: 5px 5px rgba(212, 221, 230, .2); } .note.note-success { background-color: #c0edf1; border-color: #58d0da; color: #000; } .note.note-success.note-bordered { background-color: #a7e6ec; border-color: #6dd6df; } .note.note-success.note-shadow { background-color: #abe7ed; border-color: #81dbe3; box-shadow: 5px 5px rgba(134, 221, 228, .2); } .note.note-info { background-color: #f5f8fd; border-color: #8bb4e7; color: #010407; } .note.note-info.note-bordered { background-color: #dbe8f8; border-color: #a0c2ec; } .note.note-info.note-shadow { background-color: #e0ebf9; border-color: #b5cff0; box-shadow: 5px 5px rgba(185, 210, 241, .2); } .note.note-warning { background-color: #faeaa9; border-color: #f3cc31; color: #000; } .note.note-warning.note-bordered { background-color: #f8e38c; border-color: #f4d249; } .note.note-warning.note-shadow { background-color: #f9e491; border-color: #f6d861; box-shadow: 5px 5px rgba(246, 217, 102, .2); } .note.note-danger { background-color: #fef7f8; border-color: #f0868e; color: #210406; } .note.note-danger.note-bordered { background-color: #fbdcde; border-color: #f39da3; } .note.note-danger.note-shadow { background-color: #fbe1e3; border-color: #f6b3b8; box-shadow: 5px 5px rgba(246, 184, 189, .2); } .pagination { margin: 10px 0; } .pagination.pagination-circle > li:first-child > a { border-radius: 25px 0 0 25px !important; } .pagination.pagination-circle > li:last-child > a { border-radius: 0 25px 25px 0 !important; } .dashboard-stat, .portlet { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .panel { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .panel-group .panel { overflow: visible; } .panel .panel-title > a:hover { text-decoration: none; } .accordion .panel .panel-heading, .accordion .panel .panel-title { padding: 0; } .accordion .panel .panel-title .accordion-toggle { display: block; padding: 10px 15px; } .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled { background: url("./media/accordion-plusminus-NHGESDA3.png") right -19px no-repeat; margin-right: 15px; } .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed { background-position: right 12px; } .panel-heading { background: #eee; } .panel-heading a, .panel-heading a:active, .panel-heading a:focus, .panel-heading a:hover { text-decoration: none; } .popover { box-shadow: 5px 5px rgba(102, 102, 102, .1); padding: 0; } .popover .popover-title { margin: 0 !important; } .page-portlet-fullscreen { overflow: hidden; } .portlet { margin-top: 0; margin-bottom: 25px; padding: 0; border-radius: 4px; } .portlet.portlet-fullscreen { z-index: 10060; margin: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #fff; } .portlet.portlet-fullscreen > .portlet-body { overflow-y: auto; overflow-x: hidden; padding: 0 10px; } .portlet.portlet-fullscreen > .portlet-title { padding: 0 10px; } .portlet > .portlet-title { border-bottom: 1px solid #eee; padding: 0; margin-bottom: 10px; min-height: 41px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .portlet > .portlet-title:after, .portlet > .portlet-title:before { content: " "; display: table; } .portlet > .portlet-title:after { clear: both; } .portlet > .portlet-title > .caption { float: left; display: inline-block; font-size: 18px; line-height: 18px; padding: 10px 0; } .portlet > .portlet-title > .caption.bold { font-weight: 400; } .portlet > .portlet-title > .caption > i { float: left; margin-top: 4px; display: inline-block; font-size: 13px; margin-right: 5px; color: #666; } .portlet > .portlet-title > .caption > i.glyphicon { margin-top: 2px; } .portlet > .portlet-title > .caption > .caption-helper { padding: 0; margin: 0; line-height: 13px; color: #9eacb4; font-size: 13px; font-weight: 400; } .portlet > .portlet-title > .actions { float: right; display: inline-block; padding: 6px 0; } .portlet > .portlet-title > .actions > .dropdown-menu i { color: #555; } .portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn.btn-sm { padding: 4px 10px; font-size: 13px; line-height: 1.5; } .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default, .portlet > .portlet-title > .actions > .btn.btn-default, .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default { padding: 3px 9px; } .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i, .portlet > .portlet-title > .actions > .btn-group > .btn > i, .portlet > .portlet-title > .actions > .btn.btn-sm > i, .portlet > .portlet-title > .actions > .btn > i { font-size: 13px; } .portlet > .portlet-title > .actions .btn-icon-only { padding: 5px 7px 3px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default { padding: 4px 6px 2px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i { font-size: 14px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen { font-family: FontAwesome; color: #a0a0a0; padding-top: 3px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm { padding: 3px !important; height: 27px; width: 27px; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before { content: "\f065"; } .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before { content: "\f066"; } .portlet > .portlet-title > .tools { float: right; display: inline-block; padding: 12px 0 8px; } .portlet > .portlet-title > .tools > a { display: inline-block; height: 16px; margin-left: 5px; opacity: 1; filter: alpha(opacity=100); } .portlet > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-CN3FMXU5.png"); background-repeat: no-repeat; width: 11px; } .portlet > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-PHCIVD3A.png"); background-repeat: no-repeat; width: 12px; } .portlet > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-PIJF45DA.png"); width: 13px; } .portlet > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-CYP4BJC7.png"); width: 14px; visibility: visible; } .portlet > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-2SFRTKE3.png"); width: 14px; visibility: visible; } .portlet > .portlet-title > .tools > a.fullscreen { display: inline-block; top: -3px; position: relative; font-size: 13px; font-family: FontAwesome; color: #ACACAC; } .portlet > .portlet-title > .tools > a.fullscreen:before { content: "\f065"; } .portlet > .portlet-title > .tools > a.fullscreen.on:before { content: "\f066"; } .portlet > .portlet-title > .tools > a:hover { text-decoration: none; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out; opacity: .8; filter: alpha(opacity=80); } .portlet > .portlet-title > .pagination { float: right; display: inline-block; margin: 2px 0 0; border: 0; padding: 4px 0; } .portlet > .portlet-title > .nav-tabs { background: 0 0; margin: 1px 0 0; float: right; display: inline-block; border: 0; } .portlet > .portlet-title > .nav-tabs > li { background: 0 0; margin: 0; border: 0; } .portlet > .portlet-title > .nav-tabs > li > a { background: 0 0; margin: 5px 0 0 1px; border: 0; padding: 8px 10px; color: #fff; } .portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a { color: #333; background: #fff; border: 0; } .portlet > .portlet-body { clear: both; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .portlet > .portlet-body p { margin-top: 0; } .portlet > .portlet-empty { min-height: 125px; } .portlet.full-height-content { margin-bottom: 0; } .portlet.bordered { border-left: 2px solid #e6e9ec !important; } .portlet.bordered > .portlet-title { border-bottom: 0; } .portlet.solid { padding: 0 10px 10px; border: 0; } .portlet.solid > .portlet-title { border-bottom: 0; margin-bottom: 10px; } .portlet.solid > .portlet-title > .caption { padding: 16px 0 2px; } .portlet.solid > .portlet-title > .actions { padding: 12px 0 6px; } .portlet.solid > .portlet-title > .tools { padding: 14px 0 6px; } .portlet.solid.bordered > .portlet-title { margin-bottom: 10px; } .portlet.box { padding: 0 !important; } .portlet.box > .portlet-title { border-bottom: 0; padding: 0 10px; margin-bottom: 0; color: #fff; } .portlet.box > .portlet-title > .caption { padding: 11px 0 9px; } .portlet.box > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.box > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.box > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.box > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.box > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.box > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box > .portlet-title > .actions { padding: 7px 0 5px; } .portlet.box > .portlet-body { background-color: #fff; padding: 15px; } .portlet.light { padding: 12px 20px 15px; background-color: #fff; } .portlet.light.bordered { border: 1px solid #e7ecf1 !important; } .portlet.light.bordered > .portlet-title { border-bottom: 1px solid #eef1f5; } .portlet.light.bg-inverse { background: #f1f4f7; } .portlet.light > .portlet-title { padding: 0; min-height: 48px; } .portlet.light > .portlet-title > .caption { color: #666; padding: 10px 0; } .portlet.light > .portlet-title > .caption > .caption-subject { font-size: 16px; } .portlet.light > .portlet-title > .caption > i { color: #777; font-size: 15px; font-weight: 300; margin-top: 3px; } .portlet.solid.blue-chambray > .portlet-title > .caption, .portlet.solid.blue-dark > .portlet-title > .caption, .portlet.solid.blue-ebonyclay > .portlet-title > .caption, .portlet.solid.blue-hoki > .portlet-title > .caption, .portlet.solid.blue-madison > .portlet-title > .caption, .portlet.solid.blue-oleo > .portlet-title > .caption, .portlet.solid.blue-sharp > .portlet-title > .caption, .portlet.solid.blue-soft > .portlet-title > .caption, .portlet.solid.blue-steel > .portlet-title > .caption, .portlet.solid.blue > .portlet-title > .caption, .portlet.solid.dark > .portlet-title > .caption, .portlet.solid.default > .portlet-title > .caption, .portlet.solid.green-dark > .portlet-title > .caption, .portlet.solid.green-haze > .portlet-title > .caption, .portlet.solid.green-jungle > .portlet-title > .caption, .portlet.solid.green-meadow > .portlet-title > .caption, .portlet.solid.green-seagreen > .portlet-title > .caption, .portlet.solid.green-sharp > .portlet-title > .caption, .portlet.solid.green-soft > .portlet-title > .caption, .portlet.solid.green-steel > .portlet-title > .caption, .portlet.solid.green-turquoise > .portlet-title > .caption, .portlet.solid.green > .portlet-title > .caption, .portlet.solid.grey-cararra > .portlet-title > .caption, .portlet.solid.grey-cascade > .portlet-title > .caption, .portlet.solid.grey-gallery > .portlet-title > .caption, .portlet.solid.grey-mint > .portlet-title > .caption, .portlet.solid.grey-salt > .portlet-title > .caption, .portlet.solid.grey-silver > .portlet-title > .caption, .portlet.solid.grey-steel > .portlet-title > .caption, .portlet.solid.grey > .portlet-title > .caption, .portlet.solid.purple-intense > .portlet-title > .caption, .portlet.solid.purple-medium > .portlet-title > .caption, .portlet.solid.purple-plum > .portlet-title > .caption, .portlet.solid.purple-seance > .portlet-title > .caption, .portlet.solid.purple-sharp > .portlet-title > .caption, .portlet.solid.purple-soft > .portlet-title > .caption, .portlet.solid.purple-studio > .portlet-title > .caption, .portlet.solid.purple-wisteria > .portlet-title > .caption, .portlet.solid.purple > .portlet-title > .caption, .portlet.solid.red-flamingo > .portlet-title > .caption, .portlet.solid.red-haze > .portlet-title > .caption, .portlet.solid.red-intense > .portlet-title > .caption, .portlet.solid.red-mint > .portlet-title > .caption, .portlet.solid.red-pink > .portlet-title > .caption, .portlet.solid.red-soft > .portlet-title > .caption, .portlet.solid.red-sunglo > .portlet-title > .caption, .portlet.solid.red-thunderbird > .portlet-title > .caption, .portlet.solid.red > .portlet-title > .caption, .portlet.solid.white > .portlet-title > .caption, .portlet.solid.yellow-casablanca > .portlet-title > .caption, .portlet.solid.yellow-crusta > .portlet-title > .caption, .portlet.solid.yellow-gold > .portlet-title > .caption, .portlet.solid.yellow-haze > .portlet-title > .caption, .portlet.solid.yellow-lemon > .portlet-title > .caption, .portlet.solid.yellow-mint > .portlet-title > .caption, .portlet.solid.yellow-saffron > .portlet-title > .caption, .portlet.solid.yellow-soft > .portlet-title > .caption, .portlet.solid.yellow > .portlet-title > .caption { font-weight: 400; } .portlet.light > .portlet-title > .caption.caption-md > .caption-subject { font-size: 15px; } .portlet.light > .portlet-title > .caption.caption-md > i { font-size: 14px; } .portlet.light > .portlet-title > .actions { padding: 6px 0 14px; } .portlet.light > .portlet-title > .actions .btn-default { color: #666; } .portlet.light > .portlet-title > .actions .btn-icon-only { height: 27px; width: 27px; } .portlet.light > .portlet-title > .actions .dropdown-menu li > a { color: #555; } .portlet.light > .portlet-title > .inputs { float: right; display: inline-block; padding: 4px 0; } .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i { font-size: 14px; margin-top: 9px; } .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control { height: 30px; padding: 2px 26px 3px 10px; font-size: 13px; } .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control { height: 30px; padding: 3px 10px; font-size: 13px; } .portlet.light > .portlet-title > .pagination { padding: 2px 0 13px; } .portlet.light > .portlet-title > .tools { padding: 10px 0 13px; margin-top: 2px; } .portlet.light > .portlet-title > .nav-tabs > li { margin: 0; padding: 0; } .portlet.light > .portlet-title > .nav-tabs > li > a { margin: 0; padding: 12px 13px 13px; font-size: 13px; color: #666; } .portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a { margin: 0; background: 0 0; color: #333; } .portlet.light.form-fit { padding: 0; } .portlet.light.form-fit > .portlet-title { padding: 17px 20px 10px; margin-bottom: 0; } .portlet.light .portlet-body { padding-top: 8px; } .portlet.light.portlet-fullscreen > .portlet-body { padding: 8px 0; } .portlet.light.portlet-fit { padding: 0; } .portlet.light.portlet-fit > .portlet-title { padding: 15px 20px 10px; } .portlet.light.portlet-fit > .portlet-body { padding: 10px 20px 20px; } .portlet.light.portlet-fit.portlet-form > .portlet-body { padding: 0; } .portlet.light.portlet-fit.portlet-form > .portlet-body .form-actions { background: 0 0; } .portlet.box.white > .portlet-title, .portlet.white, .portlet > .portlet-body.white { background-color: #fff; } .portlet.light.portlet-datatable.portlet-fit > .portlet-body { padding-top: 10px; padding-bottom: 25px; } .tab-pane > p:last-child { margin-bottom: 0; } .tabs-reversed > li { float: right; margin-right: 0; } .tabs-reversed > li > a { margin-right: 0; } .portlet-sortable-placeholder { border: 2px dashed #eee; margin-bottom: 25px; } .portlet-sortable-empty { box-shadow: none !important; height: 45px; } .portlet-collapsed { display: none; } @media (max-width:991px) { .portlet-collapsed-on-mobile { display: none; } } .portlet.solid.white > .portlet-body, .portlet.solid.white > .portlet-title { border: 0; color: #666; } .portlet.solid.white > .portlet-title > .caption > i { color: #666; } .portlet.solid.white > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.white > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.white > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.white > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.white > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.white > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.white { border: 1px solid #fff; border-top: 0; } .portlet.box.white > .portlet-title > .caption, .portlet.box.white > .portlet-title > .caption > i { color: #666; } .portlet.box.white > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fff; color: #fff; } .portlet.box.default > .portlet-title, .portlet.default, .portlet > .portlet-body.default { background-color: #e1e5ec; } .portlet.box.white > .portlet-title > .actions .btn-default > i { color: #fff; } .portlet.box.white > .portlet-title > .actions .btn-default.active, .portlet.box.white > .portlet-title > .actions .btn-default:active, .portlet.box.white > .portlet-title > .actions .btn-default:focus, .portlet.box.white > .portlet-title > .actions .btn-default:hover { border: 1px solid #fff; color: #fff; } .portlet.solid.default > .portlet-body, .portlet.solid.default > .portlet-title { border: 0; color: #666; } .portlet.solid.default > .portlet-title > .caption > i { color: #666; } .portlet.solid.default > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.default > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.default > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.default > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.default > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.default > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.default { border: 1px solid #fff; border-top: 0; } .portlet.box.default > .portlet-title > .caption, .portlet.box.default > .portlet-title > .caption > i { color: #666; } .portlet.box.default > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fff; color: #fff; } .portlet.box.dark > .portlet-title, .portlet.dark, .portlet > .portlet-body.dark { background-color: #2f353b; } .portlet.box.default > .portlet-title > .actions .btn-default > i { color: #fff; } .portlet.box.default > .portlet-title > .actions .btn-default.active, .portlet.box.default > .portlet-title > .actions .btn-default:active, .portlet.box.default > .portlet-title > .actions .btn-default:focus, .portlet.box.default > .portlet-title > .actions .btn-default:hover { border: 1px solid #fff; color: #fff; } .portlet.solid.dark > .portlet-body, .portlet.solid.dark > .portlet-title { border: 0; color: #FFF; } .portlet.solid.dark > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.dark > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.dark > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.dark > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.dark > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.dark > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.dark > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.dark { border: 1px solid #464f57; border-top: 0; } .portlet.box.dark > .portlet-title > .caption, .portlet.box.dark > .portlet-title > .caption > i { color: #FFF; } .portlet.box.dark > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #616d79; color: #6c7a88; } .portlet.blue, .portlet.box.blue > .portlet-title, .portlet > .portlet-body.blue { background-color: #3598dc; } .portlet.box.dark > .portlet-title > .actions .btn-default > i { color: #738290; } .portlet.box.dark > .portlet-title > .actions .btn-default.active, .portlet.box.dark > .portlet-title > .actions .btn-default:active, .portlet.box.dark > .portlet-title > .actions .btn-default:focus, .portlet.box.dark > .portlet-title > .actions .btn-default:hover { border: 1px solid #798794; color: #8793a0; } .portlet.solid.blue > .portlet-body, .portlet.solid.blue > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue { border: 1px solid #60aee4; border-top: 0; } .portlet.box.blue > .portlet-title > .caption, .portlet.box.blue > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #95c9ed; color: #aad4f0; } .portlet.blue-madison, .portlet.box.blue-madison > .portlet-title, .portlet > .portlet-body.blue-madison { background-color: #578ebe; } .portlet.box.blue > .portlet-title > .actions .btn-default > i { color: #b7daf3; } .portlet.box.blue > .portlet-title > .actions .btn-default.active, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default:focus, .portlet.box.blue > .portlet-title > .actions .btn-default:hover { border: 1px solid #c0dff4; color: #d6eaf8; } .portlet.solid.blue-madison > .portlet-body, .portlet.solid.blue-madison > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue-madison > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue-madison > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue-madison > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue-madison > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue-madison > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue-madison > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-madison { border: 1px solid #7ca7cc; border-top: 0; } .portlet.box.blue-madison > .portlet-title > .caption, .portlet.box.blue-madison > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #a8c4dd; color: #bad1e4; } .portlet.blue-chambray, .portlet.box.blue-chambray > .portlet-title, .portlet > .portlet-body.blue-chambray { background-color: #2C3E50; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default > i { color: #c5d8e9; } .portlet.box.blue-madison > .portlet-title > .actions .btn-default.active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover { border: 1px solid #cdddec; color: #dfeaf3; } .portlet.solid.blue-chambray > .portlet-body, .portlet.solid.blue-chambray > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue-chambray > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue-chambray > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-chambray { border: 1px solid #3e5871; border-top: 0; } .portlet.box.blue-chambray > .portlet-title > .caption, .portlet.box.blue-chambray > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #547698; color: #5f83a7; } .portlet.blue-ebonyclay, .portlet.box.blue-ebonyclay > .portlet-title, .portlet > .portlet-body.blue-ebonyclay { background-color: #22313F; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i { color: #698bac; } .portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover { border: 1px solid #6f90b0; color: #809cb9; } .portlet.solid.blue-ebonyclay > .portlet-body, .portlet.solid.blue-ebonyclay > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue-ebonyclay > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-ebonyclay { border: 1px solid #344b60; border-top: 0; } .portlet.box.blue-ebonyclay > .portlet-title > .caption, .portlet.box.blue-ebonyclay > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #496a88; color: #527798; } .portlet.blue-hoki, .portlet.box.blue-hoki > .portlet-title, .portlet > .portlet-body.blue-hoki { background-color: #67809F; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i { color: #587ea2; } .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover { border: 1px solid #5d83a7; color: #6d90b0; } .portlet.solid.blue-hoki > .portlet-body, .portlet.solid.blue-hoki > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue-hoki > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue-hoki > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-hoki { border: 1px solid #869ab3; border-top: 0; } .portlet.box.blue-hoki > .portlet-title > .caption, .portlet.box.blue-hoki > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #acb9ca; color: #bbc7d4; } .portlet.blue-steel, .portlet.box.blue-steel > .portlet-title, .portlet > .portlet-body.blue-steel { background-color: #4B77BE; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i { color: #c5ceda; } .portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover { border: 1px solid #cbd4de; color: #dbe1e8; } .portlet.solid.blue-steel > .portlet-body, .portlet.solid.blue-steel > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue-steel > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue-steel > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue-steel > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue-steel > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue-steel > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue-steel > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-steel { border: 1px solid #7093cc; border-top: 0; } .portlet.box.blue-steel > .portlet-title > .caption, .portlet.box.blue-steel > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #9db5dc; color: #b0c3e3; } .portlet.blue-soft, .portlet.box.blue-soft > .portlet-title, .portlet > .portlet-body.blue-soft { background-color: #4c87b9; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default > i { color: #bbcce7; } .portlet.box.blue-steel > .portlet-title > .actions .btn-default.active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover { border: 1px solid #c3d2e9; color: #d6e0f0; } .portlet.solid.blue-soft > .portlet-body, .portlet.solid.blue-soft > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue-soft > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue-soft > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue-soft > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue-soft > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue-soft > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue-soft > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-soft { border: 1px solid #71a0c7; border-top: 0; } .portlet.box.blue-soft > .portlet-title > .caption, .portlet.box.blue-soft > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #9dbdd9; color: #afc9e0; } .portlet.blue-dark, .portlet.box.blue-dark > .portlet-title, .portlet > .portlet-body.blue-dark { background-color: #5e738b; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default > i { color: #bad1e4; } .portlet.box.blue-soft > .portlet-title > .actions .btn-default.active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover { border: 1px solid #c1d6e7; color: #d4e2ee; } .portlet.solid.blue-dark > .portlet-body, .portlet.solid.blue-dark > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue-dark > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue-dark > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue-dark > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue-dark > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue-dark > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue-dark > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-dark { border: 1px solid #788da4; border-top: 0; } .portlet.box.blue-dark > .portlet-title > .caption, .portlet.box.blue-dark > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #9dacbd; color: #acb8c7; } .portlet.blue-sharp, .portlet.box.blue-sharp > .portlet-title, .portlet > .portlet-body.blue-sharp { background-color: #5C9BD1; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default > i { color: #b5c0cd; } .portlet.box.blue-dark > .portlet-title > .actions .btn-default.active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover { border: 1px solid #bbc5d1; color: #cad2db; } .portlet.solid.blue-sharp > .portlet-body, .portlet.solid.blue-sharp > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue-sharp > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue-sharp > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-sharp { border: 1px solid #84b3dc; border-top: 0; } .portlet.box.blue-sharp > .portlet-title > .caption, .portlet.box.blue-sharp > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #b4d1ea; color: #c7ddef; } .portlet.blue-oleo, .portlet.box.blue-oleo > .portlet-title, .portlet > .portlet-body.blue-oleo { background-color: #94A0B2; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i { color: #d3e4f3; } .portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover { border: 1px solid #dbe9f5; color: #eff5fb; } .portlet.solid.blue-oleo > .portlet-body, .portlet.solid.blue-oleo > .portlet-title { border: 0; color: #FFF; } .portlet.solid.blue-oleo > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.blue-oleo > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.blue-oleo > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.blue-oleo > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.blue-oleo > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.blue-oleo > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.blue-oleo > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.blue-oleo { border: 1px solid #b2bac7; border-top: 0; } .portlet.box.blue-oleo > .portlet-title > .caption, .portlet.box.blue-oleo > .portlet-title > .caption > i { color: #FFF; } .portlet.box.blue-oleo > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #d5dae1; color: #e4e7ec; } .portlet.box.green > .portlet-title, .portlet.green, .portlet > .portlet-body.green { background-color: #32c5d2; } .portlet.box.blue-oleo > .portlet-title > .actions .btn-default > i { color: #edeff2; } .portlet.box.blue-oleo > .portlet-title > .actions .btn-default.active, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:active, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:hover { border: 1px solid #f3f4f6; color: #fff; } .portlet.solid.green > .portlet-body, .portlet.solid.green > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green { border: 1px solid #5cd1db; border-top: 0; } .portlet.box.green > .portlet-title > .caption, .portlet.box.green > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #8edfe6; color: #a3e5eb; } .portlet.box.green-meadow > .portlet-title, .portlet.green-meadow, .portlet > .portlet-body.green-meadow { background-color: #1BBC9B; } .portlet.box.green > .portlet-title > .actions .btn-default > i { color: #afe8ee; } .portlet.box.green > .portlet-title > .actions .btn-default.active, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default:focus, .portlet.box.green > .portlet-title > .actions .btn-default:hover { border: 1px solid #b8ebef; color: #cdf1f4; } .portlet.solid.green-meadow > .portlet-body, .portlet.solid.green-meadow > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green-meadow > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green-meadow > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green-meadow > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green-meadow > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green-meadow > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green-meadow > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-meadow { border: 1px solid #2ae0bb; border-top: 0; } .portlet.box.green-meadow > .portlet-title > .caption, .portlet.box.green-meadow > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #5fe8cc; color: #75ebd3; } .portlet.box.green-seagreen > .portlet-title, .portlet.green-seagreen, .portlet > .portlet-body.green-seagreen { background-color: #1BA39C; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default > i { color: #83edd7; } .portlet.box.green-meadow > .portlet-title > .actions .btn-default.active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover { border: 1px solid #8ceeda; color: #a2f2e1; } .portlet.solid.green-seagreen > .portlet-body, .portlet.solid.green-seagreen > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green-seagreen > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green-seagreen > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-seagreen { border: 1px solid #22cfc6; border-top: 0; } .portlet.box.green-seagreen > .portlet-title > .caption, .portlet.box.green-seagreen > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #4de1da; color: #63e5de; } .portlet.box.green-turquoise > .portlet-title, .portlet.green-turquoise, .portlet > .portlet-body.green-turquoise { background-color: #36D7B7; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i { color: #70e7e1; } .portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover { border: 1px solid #78e9e3; color: #8eece8; } .portlet.solid.green-turquoise > .portlet-body, .portlet.solid.green-turquoise > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green-turquoise > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green-turquoise > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-turquoise { border: 1px solid #61dfc6; border-top: 0; } .portlet.box.green-turquoise > .portlet-title > .caption, .portlet.box.green-turquoise > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #94ead9; color: #a9eee0; } .portlet.box.green-haze > .portlet-title, .portlet.green-haze, .portlet > .portlet-body.green-haze { background-color: #44b6ae; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i { color: #b6f0e5; } .portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover { border: 1px solid #bef2e8; color: #d3f6ef; } .portlet.solid.green-haze > .portlet-body, .portlet.solid.green-haze > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green-haze > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green-haze > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green-haze > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green-haze > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green-haze > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green-haze > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-haze { border: 1px solid #67c6bf; border-top: 0; } .portlet.box.green-haze > .portlet-title > .caption, .portlet.box.green-haze > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green-haze > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #93d7d2; color: #a6deda; } .portlet.box.green-jungle > .portlet-title, .portlet.green-jungle, .portlet > .portlet-body.green-jungle { background-color: #26C281; } .portlet.box.green-haze > .portlet-title > .actions .btn-default > i { color: #b1e2de; } .portlet.box.green-haze > .portlet-title > .actions .btn-default.active, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover { border: 1px solid #b9e5e2; color: #cbece9; } .portlet.solid.green-jungle > .portlet-body, .portlet.solid.green-jungle > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green-jungle > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green-jungle > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green-jungle > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green-jungle > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green-jungle > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green-jungle > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-jungle { border: 1px solid #41da9a; border-top: 0; } .portlet.box.green-jungle > .portlet-title > .caption, .portlet.box.green-jungle > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #74e4b5; color: #8ae8c1; } .portlet.box.green-soft > .portlet-title, .portlet.green-soft, .portlet > .portlet-body.green-soft { background-color: #3faba4; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default > i { color: #96ebc8; } .portlet.box.green-jungle > .portlet-title > .actions .btn-default.active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover { border: 1px solid #9feccc; color: #b4f0d7; } .portlet.solid.green-soft > .portlet-body, .portlet.solid.green-soft > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green-soft > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green-soft > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green-soft > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green-soft > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green-soft > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green-soft > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-soft { border: 1px solid #5bc2bc; border-top: 0; } .portlet.box.green-soft > .portlet-title > .caption, .portlet.box.green-soft > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green-soft > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #87d3ce; color: #9adad6; } .portlet.box.green-dark > .portlet-title, .portlet.green-dark, .portlet > .portlet-body.green-dark { background-color: #4DB3A2; } .portlet.box.green-soft > .portlet-title > .actions .btn-default > i { color: #a5deda; } .portlet.box.green-soft > .portlet-title > .actions .btn-default.active, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover { border: 1px solid #ade1dd; color: #bfe7e5; } .portlet.solid.green-dark > .portlet-body, .portlet.solid.green-dark > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green-dark > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green-dark > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green-dark > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green-dark > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green-dark > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green-dark > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green-dark > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-dark { border: 1px solid #71c2b5; border-top: 0; } .portlet.box.green-dark > .portlet-title > .caption, .portlet.box.green-dark > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green-dark > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #9cd5cb; color: #addcd4; } .portlet.box.green-sharp > .portlet-title, .portlet.green-sharp, .portlet > .portlet-body.green-sharp { background-color: #2ab4c0; } .portlet.box.green-dark > .portlet-title > .actions .btn-default > i { color: #b8e1da; } .portlet.box.green-dark > .portlet-title > .actions .btn-default.active, .portlet.box.green-dark > .portlet-title > .actions .btn-default:active, .portlet.box.green-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.green-dark > .portlet-title > .actions .btn-default:hover { border: 1px solid #bfe4de; color: #d1ebe7; } .portlet.solid.green-sharp > .portlet-body, .portlet.solid.green-sharp > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green-sharp > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green-sharp > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green-sharp > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green-sharp > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green-sharp > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green-sharp > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-sharp { border: 1px solid #46cbd7; border-top: 0; } .portlet.box.green-sharp > .portlet-title > .caption, .portlet.box.green-sharp > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #79d9e2; color: #8edfe6; } .portlet.box.green-steel > .portlet-title, .portlet.green-steel, .portlet > .portlet-body.green-steel { background-color: #29b4b6; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default > i { color: #9ae3e9; } .portlet.box.green-sharp > .portlet-title > .actions .btn-default.active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover { border: 1px solid #a2e5eb; color: #b7ebef; } .portlet.solid.green-steel > .portlet-body, .portlet.solid.green-steel > .portlet-title { border: 0; color: #FFF; } .portlet.solid.green-steel > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.green-steel > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.green-steel > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.green-steel > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.green-steel > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.green-steel > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.green-steel > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.green-steel { border: 1px solid #3ed1d4; border-top: 0; } .portlet.box.green-steel > .portlet-title > .caption, .portlet.box.green-steel > .portlet-title > .caption > i { color: #FFF; } .portlet.box.green-steel > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #70dddf; color: #85e2e4; } .portlet.box.grey > .portlet-title, .portlet.grey, .portlet > .portlet-body.grey { background-color: #E5E5E5; } .portlet.box.green-steel > .portlet-title > .actions .btn-default > i { color: #92e5e6; } .portlet.box.green-steel > .portlet-title > .actions .btn-default.active, .portlet.box.green-steel > .portlet-title > .actions .btn-default:active, .portlet.box.green-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.green-steel > .portlet-title > .actions .btn-default:hover { border: 1px solid #9ae7e8; color: #afeced; } .portlet.solid.grey > .portlet-body, .portlet.solid.grey > .portlet-title { border: 0; color: #333; } .portlet.solid.grey > .portlet-title > .caption > i { color: #333; } .portlet.solid.grey > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.grey > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.grey > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.grey > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.grey > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.grey > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey { border: 1px solid #fff; border-top: 0; } .portlet.box.grey > .portlet-title > .caption, .portlet.box.grey > .portlet-title > .caption > i { color: #333; } .portlet.box.grey > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fff; color: #fff; } .portlet.box.grey-steel > .portlet-title, .portlet.grey-steel, .portlet > .portlet-body.grey-steel { background-color: #e9edef; } .portlet.box.grey > .portlet-title > .actions .btn-default > i { color: #fff; } .portlet.box.grey > .portlet-title > .actions .btn-default.active, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default:focus, .portlet.box.grey > .portlet-title > .actions .btn-default:hover { border: 1px solid #fff; color: #fff; } .portlet.solid.grey-steel > .portlet-body, .portlet.solid.grey-steel > .portlet-title { border: 0; color: #80898e; } .portlet.solid.grey-steel > .portlet-title > .caption > i { color: #80898e; } .portlet.solid.grey-steel > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.grey-steel > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.grey-steel > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.grey-steel > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.grey-steel > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-steel { border: 1px solid #fff; border-top: 0; } .portlet.box.grey-steel > .portlet-title > .caption, .portlet.box.grey-steel > .portlet-title > .caption > i { color: #80898e; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fff; color: #fff; } .portlet.box.grey-cararra > .portlet-title, .portlet.grey-cararra, .portlet > .portlet-body.grey-cararra { background-color: #fafafa; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default > i { color: #fff; } .portlet.box.grey-steel > .portlet-title > .actions .btn-default.active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover { border: 1px solid #fff; color: #fff; } .portlet.solid.grey-cararra > .portlet-body, .portlet.solid.grey-cararra > .portlet-title { border: 0; color: #333; } .portlet.solid.grey-cararra > .portlet-title > .caption > i { color: #333; } .portlet.solid.grey-cararra > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-cararra { border: 1px solid #fff; border-top: 0; } .portlet.box.grey-cararra > .portlet-title > .caption, .portlet.box.grey-cararra > .portlet-title > .caption > i { color: #333; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fff; color: #fff; } .portlet.box.grey-gallery > .portlet-title, .portlet.grey-gallery, .portlet > .portlet-body.grey-gallery { background-color: #555; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default > i { color: #fff; } .portlet.box.grey-cararra > .portlet-title > .actions .btn-default.active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover { border: 1px solid #fff; color: #fff; } .portlet.solid.grey-gallery > .portlet-body, .portlet.solid.grey-gallery > .portlet-title { border: 0; color: #fff; } .portlet.solid.grey-gallery > .portlet-title > .caption > i { color: #fff; } .portlet.solid.grey-gallery > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-gallery { border: 1px solid #6f6f6f; border-top: 0; } .portlet.box.grey-gallery > .portlet-title > .caption, .portlet.box.grey-gallery > .portlet-title > .caption > i { color: #fff; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #8d8d8d; color: #9a9a9a; } .portlet.box.grey-cascade > .portlet-title, .portlet.grey-cascade, .portlet > .portlet-body.grey-cascade { background-color: #95A5A6; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default > i { color: #a2a2a2; } .portlet.box.grey-gallery > .portlet-title > .actions .btn-default.active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover { border: 1px solid #a7a7a7; color: #b3b3b3; } .portlet.solid.grey-cascade > .portlet-body, .portlet.solid.grey-cascade > .portlet-title { border: 0; color: #FFF; } .portlet.solid.grey-cascade > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.grey-cascade > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-cascade { border: 1px solid #b1bdbd; border-top: 0; } .portlet.box.grey-cascade > .portlet-title > .caption, .portlet.box.grey-cascade > .portlet-title > .caption > i { color: #FFF; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #d2d9d9; color: #e0e5e5; } .portlet.box.grey-silver > .portlet-title, .portlet.grey-silver, .portlet > .portlet-body.grey-silver { background-color: #BFBFBF; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default > i { color: #e8ecec; } .portlet.box.grey-cascade > .portlet-title > .actions .btn-default.active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover { border: 1px solid #eef0f0; color: #fcfcfc; } .portlet.solid.grey-silver > .portlet-body, .portlet.solid.grey-silver > .portlet-title { border: 0; color: #FAFCFB; } .portlet.solid.grey-silver > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-silver > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.grey-silver > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.grey-silver > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.grey-silver > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.grey-silver > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-silver { border: 1px solid #d9d9d9; border-top: 0; } .portlet.box.grey-silver > .portlet-title > .caption, .portlet.box.grey-silver > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #f7f7f7; color: #fff; } .portlet.box.grey-salsa > .portlet-title, .portlet.grey-salsa, .portlet > .portlet-body.grey-salsa { background-color: #ACB5C3; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default > i { color: #fff; } .portlet.box.grey-silver > .portlet-title > .actions .btn-default.active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover { border: 1px solid #fff; color: #fff; } .portlet.solid.grey-salsa > .portlet-body, .portlet.solid.grey-salsa > .portlet-title { border: 0; color: #FAFCFB; } .portlet.solid.grey-salsa > .portlet-title > .caption { font-weight: 400; } .portlet.solid.grey-salsa > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-salsa > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-salsa { border: 1px solid #cacfd8; border-top: 0; } .portlet.box.grey-salsa > .portlet-title > .caption, .portlet.box.grey-salsa > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #edeff2; color: #fcfcfd; } .portlet.box.grey-salt > .portlet-title, .portlet.grey-salt, .portlet > .portlet-body.grey-salt { background-color: #bfcad1; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default > i { color: #fff; } .portlet.box.grey-salsa > .portlet-title > .actions .btn-default.active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover { border: 1px solid #fff; color: #fff; } .portlet.solid.grey-salt > .portlet-body, .portlet.solid.grey-salt > .portlet-title { border: 0; color: #FAFCFB; } .portlet.solid.grey-salt > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.solid.grey-salt > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.grey-salt > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.grey-salt > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.grey-salt > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.grey-salt > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-salt { border: 1px solid #dde3e6; border-top: 0; } .portlet.box.grey-salt > .portlet-title > .caption, .portlet.box.grey-salt > .portlet-title > .caption > i { color: #FAFCFB; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fff; color: #fff; } .portlet.box.grey-mint > .portlet-title, .portlet.grey-mint, .portlet > .portlet-body.grey-mint { background-color: #525e64; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default > i { color: #fff; } .portlet.box.grey-salt > .portlet-title > .actions .btn-default.active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover { border: 1px solid #fff; color: #fff; } .portlet.solid.grey-mint > .portlet-body, .portlet.solid.grey-mint > .portlet-title { border: 0; color: #FFF; } .portlet.solid.grey-mint > .portlet-title > .caption > i { color: #FFF; } .portlet.solid.grey-mint > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.grey-mint > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.grey-mint > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.grey-mint > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.grey-mint > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.grey-mint { border: 1px solid #697880; border-top: 0; } .portlet.box.grey-mint > .portlet-title > .caption, .portlet.box.grey-mint > .portlet-title > .caption > i { color: #FFF; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #88979e; color: #96a3a9; } .portlet.box.red > .portlet-title, .portlet.red, .portlet > .portlet-body.red { background-color: #e7505a; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default > i { color: #9faab0; } .portlet.box.grey-mint > .portlet-title > .actions .btn-default.active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover { border: 1px solid #a4afb5; color: #b2bcc0; } .portlet.solid.red > .portlet-body, .portlet.solid.red > .portlet-title { border: 0; color: #fff; } .portlet.solid.red > .portlet-title > .caption > i { color: #fff; } .portlet.solid.red > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.red > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.red > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.red > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.red > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.red > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red { border: 1px solid #ed7d84; border-top: 0; } .portlet.box.red > .portlet-title > .caption, .portlet.box.red > .portlet-title > .caption > i { color: #fff; } .portlet.box.red > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #f5b3b7; color: #f8c9cc; } .portlet.box.red-pink > .portlet-title, .portlet.red-pink, .portlet > .portlet-body.red-pink { background-color: #E08283; } .portlet.box.red > .portlet-title > .actions .btn-default > i { color: #f9d7d9; } .portlet.box.red > .portlet-title > .actions .btn-default.active, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:hover { border: 1px solid #fbe0e1; color: #fef6f6; } .portlet.solid.red-pink > .portlet-body, .portlet.solid.red-pink > .portlet-title { border: 0; color: #fff; } .portlet.solid.red-pink > .portlet-title > .caption > i { color: #fff; } .portlet.solid.red-pink > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.red-pink > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.red-pink > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.red-pink > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.red-pink > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-pink { border: 1px solid #eaabac; border-top: 0; } .portlet.box.red-pink > .portlet-title > .caption, .portlet.box.red-pink > .portlet-title > .caption > i { color: #fff; } .portlet.box.red-pink > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #f6dcdc; color: #fbf0f0; } .portlet.box.red-sunglo > .portlet-title, .portlet.red-sunglo, .portlet > .portlet-body.red-sunglo { background-color: #E26A6A; } .portlet.box.red-pink > .portlet-title > .actions .btn-default > i { color: #fefdfd; } .portlet.box.red-pink > .portlet-title > .actions .btn-default.active, .portlet.box.red-pink > .portlet-title > .actions .btn-default:active, .portlet.box.red-pink > .portlet-title > .actions .btn-default:focus, .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover { border: 1px solid #fff; color: #fff; } .portlet.solid.red-sunglo > .portlet-body, .portlet.solid.red-sunglo > .portlet-title { border: 0; color: #fff; } .portlet.solid.red-sunglo > .portlet-title > .caption > i { color: #fff; } .portlet.solid.red-sunglo > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-sunglo { border: 1px solid #ea9595; border-top: 0; } .portlet.box.red-sunglo > .portlet-title > .caption, .portlet.box.red-sunglo > .portlet-title > .caption > i { color: #fff; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #f4c8c8; color: #f8dddd; } .portlet.box.red-intense > .portlet-title, .portlet.red-intense, .portlet > .portlet-body.red-intense { background-color: #e35b5a; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i { color: #fbeaea; } .portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover { border: 1px solid #fdf3f3; color: #fff; } .portlet.solid.red-intense > .portlet-body, .portlet.solid.red-intense > .portlet-title { border: 0; color: #fff; } .portlet.solid.red-intense > .portlet-title > .caption > i { color: #fff; } .portlet.solid.red-intense > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.red-intense > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.red-intense > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.red-intense > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.red-intense > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-intense { border: 1px solid #ea8686; border-top: 0; } .portlet.box.red-intense > .portlet-title > .caption, .portlet.box.red-intense > .portlet-title > .caption > i { color: #fff; } .portlet.box.red-intense > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #f3baba; color: #f7d0d0; } .portlet.box.red-thunderbird > .portlet-title, .portlet.red-thunderbird, .portlet > .portlet-body.red-thunderbird { background-color: #D91E18; } .portlet.box.red-intense > .portlet-title > .actions .btn-default > i { color: #f9dddd; } .portlet.box.red-intense > .portlet-title > .actions .btn-default.active, .portlet.box.red-intense > .portlet-title > .actions .btn-default:active, .portlet.box.red-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover { border: 1px solid #fbe6e6; color: #fefbfb; } .portlet.solid.red-thunderbird > .portlet-body, .portlet.solid.red-thunderbird > .portlet-title { border: 0; color: #fff; } .portlet.solid.red-thunderbird > .portlet-title > .caption > i { color: #fff; } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-thunderbird { border: 1px solid #e9403b; border-top: 0; } .portlet.box.red-thunderbird > .portlet-title > .caption, .portlet.box.red-thunderbird > .portlet-title > .caption > i { color: #fff; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #ef7672; color: #f28c89; } .portlet.box.red-flamingo > .portlet-title, .portlet.red-flamingo, .portlet > .portlet-body.red-flamingo { background-color: #EF4836; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > i { color: #f39997; } .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default.active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:focus, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover { border: 1px solid #f4a2a0; color: #f7b9b7; } .portlet.solid.red-flamingo > .portlet-body, .portlet.solid.red-flamingo > .portlet-title { border: 0; color: #fff; } .portlet.solid.red-flamingo > .portlet-title > .caption > i { color: #fff; } .portlet.solid.red-flamingo > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-flamingo { border: 1px solid #f37365; border-top: 0; } .portlet.box.red-flamingo > .portlet-title > .caption, .portlet.box.red-flamingo > .portlet-title > .caption > i { color: #fff; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #f7a79e; color: #f9bcb6; } .portlet.box.red-soft > .portlet-title, .portlet.red-soft, .portlet > .portlet-body.red-soft { background-color: #d05454; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default > i { color: #fac9c4; } .portlet.box.red-flamingo > .portlet-title > .actions .btn-default.active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover { border: 1px solid #fbd2cd; color: #fde7e5; } .portlet.solid.red-soft > .portlet-body, .portlet.solid.red-soft > .portlet-title { border: 0; color: #fff; } .portlet.solid.red-soft > .portlet-title > .caption > i { color: #fff; } .portlet.solid.red-soft > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.red-soft > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.red-soft > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.red-soft > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.red-soft > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-soft { border: 1px solid #db7c7c; border-top: 0; } .portlet.box.red-soft > .portlet-title > .caption, .portlet.box.red-soft > .portlet-title > .caption > i { color: #fff; } .portlet.box.red-soft > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #e8acac; color: #eec0c0; } .portlet.box.red-haze > .portlet-title, .portlet.red-haze, .portlet > .portlet-body.red-haze { background-color: #f36a5a; } .portlet.box.red-soft > .portlet-title > .actions .btn-default > i { color: #f1cccc; } .portlet.box.red-soft > .portlet-title > .actions .btn-default.active, .portlet.box.red-soft > .portlet-title > .actions .btn-default:active, .portlet.box.red-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover { border: 1px solid #f3d4d4; color: #f9e8e8; } .portlet.solid.red-haze > .portlet-body, .portlet.solid.red-haze > .portlet-title { border: 0; color: #fff; } .portlet.solid.red-haze > .portlet-title > .caption > i { color: #fff; } .portlet.solid.red-haze > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.red-haze > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.red-haze > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.red-haze > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.red-haze > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-haze { border: 1px solid #f6958a; border-top: 0; } .portlet.box.red-haze > .portlet-title > .caption, .portlet.box.red-haze > .portlet-title > .caption > i { color: #fff; } .portlet.box.red-haze > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fbc8c3; color: #fcdeda; } .portlet.box.red-mint > .portlet-title, .portlet.red-mint, .portlet > .portlet-body.red-mint { background-color: #e43a45; } .portlet.box.red-haze > .portlet-title > .actions .btn-default > i { color: #fdebe9; } .portlet.box.red-haze > .portlet-title > .actions .btn-default.active, .portlet.box.red-haze > .portlet-title > .actions .btn-default:active, .portlet.box.red-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover { border: 1px solid #fef3f2; color: #fff; } .portlet.solid.red-mint > .portlet-body, .portlet.solid.red-mint > .portlet-title { border: 0; color: #fff; } .portlet.solid.red-mint > .portlet-title > .caption > i { color: #fff; } .portlet.solid.red-mint > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.red-mint > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.red-mint > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.red-mint > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.red-mint > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.red-mint > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.red-mint { border: 1px solid #ea676f; border-top: 0; } .portlet.box.red-mint > .portlet-title > .caption, .portlet.box.red-mint > .portlet-title > .caption > i { color: #fff; } .portlet.box.red-mint > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #f29da2; color: #f5b3b7; } .portlet.box.yellow > .portlet-title, .portlet.yellow, .portlet > .portlet-body.yellow { background-color: #c49f47; } .portlet.box.red-mint > .portlet-title > .actions .btn-default > i { color: #f6c1c4; } .portlet.box.red-mint > .portlet-title > .actions .btn-default.active, .portlet.box.red-mint > .portlet-title > .actions .btn-default:active, .portlet.box.red-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.red-mint > .portlet-title > .actions .btn-default:hover { border: 1px solid #f8cacd; color: #fbe0e2; } .portlet.solid.yellow > .portlet-body, .portlet.solid.yellow > .portlet-title { border: 0; color: #fff; } .portlet.solid.yellow > .portlet-title > .caption > i { color: #fff; } .portlet.solid.yellow > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.yellow > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.yellow > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.yellow > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.yellow > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.yellow > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow { border: 1px solid #d0b36e; border-top: 0; } .portlet.box.yellow > .portlet-title > .caption, .portlet.box.yellow > .portlet-title > .caption > i { color: #fff; } .portlet.box.yellow > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #dfcb9c; color: #e5d5af; } .portlet.box.yellow-gold > .portlet-title, .portlet.yellow-gold, .portlet > .portlet-body.yellow-gold { background-color: #E87E04; } .portlet.box.yellow > .portlet-title > .actions .btn-default > i { color: #e9dbbb; } .portlet.box.yellow > .portlet-title > .actions .btn-default.active, .portlet.box.yellow > .portlet-title > .actions .btn-default:active, .portlet.box.yellow > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow > .portlet-title > .actions .btn-default:hover { border: 1px solid #ecdfc3; color: #f2ead6; } .portlet.solid.yellow-gold > .portlet-body, .portlet.solid.yellow-gold > .portlet-title { border: 0; color: #fff; } .portlet.solid.yellow-gold > .portlet-title > .caption > i { color: #fff; } .portlet.solid.yellow-gold > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-gold { border: 1px solid #fb9724; border-top: 0; } .portlet.box.yellow-gold > .portlet-title > .caption, .portlet.box.yellow-gold > .portlet-title > .caption > i { color: #fff; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fcb460; color: #fdbf79; } .portlet.box.yellow-casablanca > .portlet-title, .portlet.yellow-casablanca, .portlet > .portlet-body.yellow-casablanca { background-color: #f2784b; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default > i { color: #fdc788; } .portlet.box.yellow-gold > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover { border: 1px solid #fdcb92; color: #fed7ab; } .portlet.solid.yellow-casablanca > .portlet-body, .portlet.solid.yellow-casablanca > .portlet-title { border: 0; color: #fff; } .portlet.solid.yellow-casablanca > .portlet-title > .caption > i { color: #fff; } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-casablanca { border: 1px solid #f59c7b; border-top: 0; } .portlet.box.yellow-casablanca > .portlet-title > .caption, .portlet.box.yellow-casablanca > .portlet-title > .caption > i { color: #fff; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fac6b4; color: #fbd8cb; } .portlet.box.yellow-crusta > .portlet-title, .portlet.yellow-crusta, .portlet > .portlet-body.yellow-crusta { background-color: #f3c200; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i { color: #fce3da; } .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover { border: 1px solid #fdeae3; color: #fffcfb; } .portlet.solid.yellow-crusta > .portlet-body, .portlet.solid.yellow-crusta > .portlet-title { border: 0; color: #fff; } .portlet.solid.yellow-crusta > .portlet-title > .caption > i { color: #fff; } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-crusta { border: 1px solid #ffd327; border-top: 0; } .portlet.box.yellow-crusta > .portlet-title > .caption, .portlet.box.yellow-crusta > .portlet-title > .caption > i { color: #fff; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #ffe064; color: #ffe57e; } .portlet.box.yellow-lemon > .portlet-title, .portlet.yellow-lemon, .portlet > .portlet-body.yellow-lemon { background-color: #F7CA18; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > i { color: #ffe88d; } .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover { border: 1px solid #ffea97; color: #ffefb1; } .portlet.solid.yellow-lemon > .portlet-body, .portlet.solid.yellow-lemon > .portlet-title { border: 0; color: #fff; } .portlet.solid.yellow-lemon > .portlet-title > .caption > i { color: #fff; } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-lemon { border: 1px solid #f9d549; border-top: 0; } .portlet.box.yellow-lemon > .portlet-title > .caption, .portlet.box.yellow-lemon > .portlet-title > .caption > i { color: #fff; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #fbe384; color: #fce99d; } .portlet.box.yellow-saffron > .portlet-title, .portlet.yellow-saffron, .portlet > .portlet-body.yellow-saffron { background-color: #F4D03F; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > i { color: #fcecac; } .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover { border: 1px solid #fceeb6; color: #fdf4ce; } .portlet.solid.yellow-saffron > .portlet-body, .portlet.solid.yellow-saffron > .portlet-title { border: 0; color: #fff; } .portlet.solid.yellow-saffron > .portlet-title > .caption > i { color: #fff; } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-saffron { border: 1px solid #f7dc6f; border-top: 0; } .portlet.box.yellow-saffron > .portlet-title > .caption, .portlet.box.yellow-saffron > .portlet-title > .caption > i { color: #fff; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #faeaa9; color: #fbf0c1; } .portlet.box.yellow-soft > .portlet-title, .portlet.yellow-soft, .portlet > .portlet-body.yellow-soft { background-color: #c8d046; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > i { color: #fcf3d0; } .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover { border: 1px solid #fdf6d9; color: #fefcf1; } .portlet.solid.yellow-soft > .portlet-body, .portlet.solid.yellow-soft > .portlet-title { border: 0; color: #fff; } .portlet.solid.yellow-soft > .portlet-title > .caption > i { color: #fff; } .portlet.solid.yellow-soft > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.yellow-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-soft { border: 1px solid #d4da6f; border-top: 0; } .portlet.box.yellow-soft > .portlet-title > .caption, .portlet.box.yellow-soft > .portlet-title > .caption > i { color: #fff; } .portlet.box.yellow-soft > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #e3e79f; color: #e9ecb4; } .portlet.box.yellow-haze > .portlet-title, .portlet.yellow-haze, .portlet > .portlet-body.yellow-haze { background-color: #c5bf66; } .portlet.box.yellow-soft > .portlet-title > .actions .btn-default > i { color: #ecefc0; } .portlet.box.yellow-soft > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:hover { border: 1px solid #eff1c8; color: #f5f6dc; } .portlet.solid.yellow-haze > .portlet-body, .portlet.solid.yellow-haze > .portlet-title { border: 0; color: #fff; } .portlet.solid.yellow-haze > .portlet-title > .caption > i { color: #fff; } .portlet.solid.yellow-haze > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.yellow-haze > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-haze { border: 1px solid #d3ce8b; border-top: 0; } .portlet.box.yellow-haze > .portlet-title > .caption, .portlet.box.yellow-haze > .portlet-title > .caption > i { color: #fff; } .portlet.box.yellow-haze > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #e4e1b7; color: #ebe9ca; } .portlet.box.yellow-mint > .portlet-title, .portlet.yellow-mint, .portlet > .portlet-body.yellow-mint { background-color: #c5b96b; } .portlet.box.yellow-haze > .portlet-title > .actions .btn-default > i { color: #efedd5; } .portlet.box.yellow-haze > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:hover { border: 1px solid #f2f1dc; color: #f9f8ef; } .portlet.solid.yellow-mint > .portlet-body, .portlet.solid.yellow-mint > .portlet-title { border: 0; color: #fff; } .portlet.solid.yellow-mint > .portlet-title > .caption > i { color: #fff; } .portlet.solid.yellow-mint > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.yellow-mint > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.yellow-mint { border: 1px solid #d3ca90; border-top: 0; } .portlet.box.yellow-mint > .portlet-title > .caption, .portlet.box.yellow-mint > .portlet-title > .caption > i { color: #fff; } .portlet.box.yellow-mint > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #e5dfbc; color: #ece8ce; } .portlet.box.purple > .portlet-title, .portlet.purple, .portlet > .portlet-body.purple { background-color: #8E44AD; } .portlet.box.yellow-mint > .portlet-title > .actions .btn-default > i { color: #f0edd9; } .portlet.box.yellow-mint > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:hover { border: 1px solid #f3f0e0; color: #faf9f3; } .portlet.solid.purple > .portlet-body, .portlet.solid.purple > .portlet-title { border: 0; color: #fff; } .portlet.solid.purple > .portlet-title > .caption > i { color: #fff; } .portlet.solid.purple > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.purple > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.purple > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.purple > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.purple > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.purple > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple { border: 1px solid #a563c1; border-top: 0; } .portlet.box.purple > .portlet-title > .caption, .portlet.box.purple > .portlet-title > .caption > i { color: #fff; } .portlet.box.purple > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #bf8ed3; color: #c9a1da; } .portlet.box.purple-plum > .portlet-title, .portlet.purple-plum, .portlet > .portlet-body.purple-plum { background-color: #8775a7; } .portlet.box.purple > .portlet-title > .actions .btn-default > i { color: #cfacde; } .portlet.box.purple > .portlet-title > .actions .btn-default.active, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default:focus, .portlet.box.purple > .portlet-title > .actions .btn-default:hover { border: 1px solid #d4b3e1; color: #dec5e8; } .portlet.solid.purple-plum > .portlet-body, .portlet.solid.purple-plum > .portlet-title { border: 0; color: #fff; } .portlet.solid.purple-plum > .portlet-title > .caption > i { color: #fff; } .portlet.solid.purple-plum > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.purple-plum > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.purple-plum > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.purple-plum > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.purple-plum > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-plum { border: 1px solid #a294bb; border-top: 0; } .portlet.box.purple-plum > .portlet-title > .caption, .portlet.box.purple-plum > .portlet-title > .caption > i { color: #fff; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #c3bad3; color: #d0c9dd; } .portlet.box.purple-medium > .portlet-title, .portlet.purple-medium, .portlet > .portlet-body.purple-medium { background-color: #BF55EC; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default > i { color: #d8d2e3; } .portlet.box.purple-plum > .portlet-title > .actions .btn-default.active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover { border: 1px solid #ded9e7; color: #ebe8f0; } .portlet.solid.purple-medium > .portlet-body, .portlet.solid.purple-medium > .portlet-title { border: 0; color: #fff; } .portlet.solid.purple-medium > .portlet-title > .caption > i { color: #fff; } .portlet.solid.purple-medium > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.purple-medium > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.purple-medium > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.purple-medium > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.purple-medium > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-medium { border: 1px solid #d083f1; border-top: 0; } .portlet.box.purple-medium > .portlet-title > .caption, .portlet.box.purple-medium > .portlet-title > .caption > i { color: #fff; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #e5baf7; color: #eed1fa; } .portlet.box.purple-studio > .portlet-title, .portlet.purple-studio, .portlet > .portlet-body.purple-studio { background-color: #8E44AD; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default > i { color: #f3dffb; } .portlet.box.purple-medium > .portlet-title > .actions .btn-default.active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover { border: 1px solid #f6e8fc; color: #fff; } .portlet.solid.purple-studio > .portlet-body, .portlet.solid.purple-studio > .portlet-title { border: 0; color: #fff; } .portlet.solid.purple-studio > .portlet-title > .caption > i { color: #fff; } .portlet.solid.purple-studio > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.purple-studio > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.purple-studio > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.purple-studio > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.purple-studio > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-studio { border: 1px solid #a563c1; border-top: 0; } .portlet.box.purple-studio > .portlet-title > .caption, .portlet.box.purple-studio > .portlet-title > .caption > i { color: #fff; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #bf8ed3; color: #c9a1da; } .portlet.box.purple-wisteria > .portlet-title, .portlet.purple-wisteria, .portlet > .portlet-body.purple-wisteria { background-color: #9B59B6; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default > i { color: #cfacde; } .portlet.box.purple-studio > .portlet-title > .actions .btn-default.active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover { border: 1px solid #d4b3e1; color: #dec5e8; } .portlet.solid.purple-wisteria > .portlet-body, .portlet.solid.purple-wisteria > .portlet-title { border: 0; color: #fff; } .portlet.solid.purple-wisteria > .portlet-title > .caption > i { color: #fff; } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-wisteria { border: 1px solid #b07cc6; border-top: 0; } .portlet.box.purple-wisteria > .portlet-title > .caption, .portlet.box.purple-wisteria > .portlet-title > .caption > i { color: #fff; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #caa7d8; color: #d5b9e0; } .portlet.box.purple-seance > .portlet-title, .portlet.purple-seance, .portlet > .portlet-body.purple-seance { background-color: #9A12B3; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > i { color: #dbc3e5; } .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default.active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover { border: 1px solid #dfcae8; color: #eadcf0; } .portlet.solid.purple-seance > .portlet-body, .portlet.solid.purple-seance > .portlet-title { border: 0; color: #fff; } .portlet.solid.purple-seance > .portlet-title > .caption > i { color: #fff; } .portlet.solid.purple-seance > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.purple-seance > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.purple-seance > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.purple-seance > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.purple-seance > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-seance { border: 1px solid #c217e1; border-top: 0; } .portlet.box.purple-seance > .portlet-title > .caption, .portlet.box.purple-seance > .portlet-title > .caption > i { color: #fff; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #d349ed; color: #d960ef; } .portlet.box.purple-intense > .portlet-title, .portlet.purple-intense, .portlet > .portlet-body.purple-intense { background-color: #8775a7; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default > i { color: #dc6ef0; } .portlet.box.purple-seance > .portlet-title > .actions .btn-default.active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover { border: 1px solid #de77f1; color: #e48ef4; } .portlet.solid.purple-intense > .portlet-body, .portlet.solid.purple-intense > .portlet-title { border: 0; color: #fff; } .portlet.solid.purple-intense > .portlet-title > .caption > i { color: #fff; } .portlet.solid.purple-intense > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.purple-intense > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.purple-intense > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.purple-intense > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.purple-intense > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-intense { border: 1px solid #a294bb; border-top: 0; } .portlet.box.purple-intense > .portlet-title > .caption, .portlet.box.purple-intense > .portlet-title > .caption > i { color: #fff; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #c3bad3; color: #d0c9dd; } .portlet.box.purple-sharp > .portlet-title, .portlet.purple-sharp, .portlet > .portlet-body.purple-sharp { background-color: #796799; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default > i { color: #d8d2e3; } .portlet.box.purple-intense > .portlet-title > .actions .btn-default.active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover { border: 1px solid #ded9e7; color: #ebe8f0; } .portlet.solid.purple-sharp > .portlet-body, .portlet.solid.purple-sharp > .portlet-title { border: 0; color: #fff; } .portlet.solid.purple-sharp > .portlet-title > .caption > i { color: #fff; } .portlet.solid.purple-sharp > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-sharp { border: 1px solid #9486ad; border-top: 0; } .portlet.box.purple-sharp > .portlet-title > .caption, .portlet.box.purple-sharp > .portlet-title > .caption > i { color: #fff; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #b4aac6; color: #c2b9d0; } .portlet.box.purple-soft > .portlet-title, .portlet.purple-soft, .portlet > .portlet-body.purple-soft { background-color: #8877a9; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default > i { color: #cac3d6; } .portlet.box.purple-sharp > .portlet-title > .actions .btn-default.active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover { border: 1px solid #cfc9db; color: #ddd8e5; } .portlet.solid.purple-soft > .portlet-body, .portlet.solid.purple-soft > .portlet-title { border: 0; color: #fff; } .portlet.solid.purple-soft > .portlet-title > .caption > i { color: #fff; } .portlet.solid.purple-soft > .portlet-title > .tools > a.remove { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png"); } .portlet.solid.purple-soft > .portlet-title > .tools > a.config { background-image: url("./media/portlet-config-icon-white-CI6ON5GK.png"); } .portlet.solid.purple-soft > .portlet-title > .tools > a.reload { background-image: url("./media/portlet-reload-icon-white-5A5N5UIQ.png"); } .portlet.solid.purple-soft > .portlet-title > .tools > a.expand { background-image: url("./media/portlet-expand-icon-white-A4X672U4.png"); } .portlet.solid.purple-soft > .portlet-title > .tools > a.collapse { background-image: url("./media/portlet-collapse-icon-white-AK7YDLP3.png"); } .portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen { color: #fdfdfd; } .portlet.box.purple-soft { border: 1px solid #a396bd; border-top: 0; } .portlet.box.purple-soft > .portlet-title > .caption, .portlet.box.purple-soft > .portlet-title > .caption > i { color: #fff; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default { background: 0 0 !important; border: 1px solid #c4bcd4; color: #d2cbde; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default > i { color: #dad5e4; } .portlet.box.purple-soft > .portlet-title > .actions .btn-default.active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover { border: 1px solid #dfdbe8; color: #edebf2; } .progress { border: 0; background-image: none; filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress.progress-sm { height: 12px; } .page-md .progress { text-indent: -99999px; } .progress-bar.white { background: #fff !important; color: #666 !important; } .progress-bar.default { background: #e1e5ec !important; color: #666 !important; } .progress-bar.dark { background: #2f353b !important; color: #FFF !important; } .progress-bar.blue { background: #3598dc !important; color: #FFF !important; } .progress-bar.blue-madison { background: #578ebe !important; color: #FFF !important; } .progress-bar.blue-chambray { background: #2C3E50 !important; color: #FFF !important; } .progress-bar.blue-ebonyclay { background: #22313F !important; color: #FFF !important; } .progress-bar.blue-hoki { background: #67809F !important; color: #FFF !important; } .progress-bar.blue-steel { background: #4B77BE !important; color: #FFF !important; } .progress-bar.blue-soft { background: #4c87b9 !important; color: #FFF !important; } .progress-bar.blue-dark { background: #5e738b !important; color: #FFF !important; } .progress-bar.blue-sharp { background: #5C9BD1 !important; color: #FFF !important; } .progress-bar.blue-oleo { background: #94A0B2 !important; color: #FFF !important; } .progress-bar.green { background: #32c5d2 !important; color: #FFF !important; } .progress-bar.green-meadow { background: #1BBC9B !important; color: #FFF !important; } .progress-bar.green-seagreen { background: #1BA39C !important; color: #FFF !important; } .progress-bar.green-turquoise { background: #36D7B7 !important; color: #FFF !important; } .progress-bar.green-haze { background: #44b6ae !important; color: #FFF !important; } .progress-bar.green-jungle { background: #26C281 !important; color: #FFF !important; } .progress-bar.green-soft { background: #3faba4 !important; color: #FFF !important; } .progress-bar.green-dark { background: #4DB3A2 !important; color: #FFF !important; } .progress-bar.green-sharp { background: #2ab4c0 !important; color: #FFF !important; } .progress-bar.green-steel { background: #29b4b6 !important; color: #FFF !important; } .progress-bar.grey { background: #E5E5E5 !important; color: #333 !important; } .progress-bar.grey-steel { background: #e9edef !important; color: #80898e !important; } .progress-bar.grey-cararra { background: #fafafa !important; color: #333 !important; } .progress-bar.grey-gallery { background: #555 !important; color: #fff !important; } .progress-bar.grey-cascade { background: #95A5A6 !important; color: #FFF !important; } .progress-bar.grey-silver { background: #BFBFBF !important; color: #FAFCFB !important; } .progress-bar.grey-salsa { background: #ACB5C3 !important; color: #FAFCFB !important; } .progress-bar.grey-salt { background: #bfcad1 !important; color: #FAFCFB !important; } .progress-bar.grey-mint { background: #525e64 !important; color: #FFF !important; } .progress-bar.red { background: #e7505a !important; color: #fff !important; } .progress-bar.red-pink { background: #E08283 !important; color: #fff !important; } .progress-bar.red-sunglo { background: #E26A6A !important; color: #fff !important; } .progress-bar.red-intense { background: #e35b5a !important; color: #fff !important; } .progress-bar.red-thunderbird { background: #D91E18 !important; color: #fff !important; } .progress-bar.red-flamingo { background: #EF4836 !important; color: #fff !important; } .progress-bar.red-soft { background: #d05454 !important; color: #fff !important; } .progress-bar.red-haze { background: #f36a5a !important; color: #fff !important; } .progress-bar.red-mint { background: #e43a45 !important; color: #fff !important; } .progress-bar.yellow { background: #c49f47 !important; color: #fff !important; } .progress-bar.yellow-gold { background: #E87E04 !important; color: #fff !important; } .progress-bar.yellow-casablanca { background: #f2784b !important; color: #fff !important; } .progress-bar.yellow-crusta { background: #f3c200 !important; color: #fff !important; } .progress-bar.yellow-lemon { background: #F7CA18 !important; color: #fff !important; } .progress-bar.yellow-saffron { background: #F4D03F !important; color: #fff !important; } .progress-bar.yellow-soft { background: #c8d046 !important; color: #fff !important; } .progress-bar.yellow-haze { background: #c5bf66 !important; color: #fff !important; } .progress-bar.yellow-mint { background: #c5b96b !important; color: #fff !important; } .progress-bar.purple { background: #8E44AD !important; color: #fff !important; } .progress-bar.purple-plum { background: #8775a7 !important; color: #fff !important; } .progress-bar.purple-medium { background: #BF55EC !important; color: #fff !important; } .progress-bar.purple-studio { background: #8E44AD !important; color: #fff !important; } .progress-bar.purple-wisteria { background: #9B59B6 !important; color: #fff !important; } .progress-bar.purple-seance { background: #9A12B3 !important; color: #fff !important; } .progress-bar.purple-intense { background: #8775a7 !important; color: #fff !important; } .progress-bar.purple-sharp { background: #796799 !important; color: #fff !important; } .progress-bar.purple-soft { background: #8877a9 !important; color: #fff !important; } .dashboard-stat { display: block; margin-bottom: 25px; overflow: hidden; border-radius: 4px; } .dashboard-stat:after, .dashboard-stat:before { content: " "; display: table; } .dashboard-stat:after { clear: both; } .portlet .dashboard-stat:last-child { margin-bottom: 0; } .dashboard-stat .visual { width: 80px; height: 80px; display: block; float: left; padding-top: 10px; padding-left: 15px; margin-bottom: 15px; font-size: 35px; line-height: 35px; } .dashboard-stat .visual > i { margin-left: -35px; font-size: 110px; line-height: 110px; } .dashboard-stat .details { position: absolute; right: 15px; padding-right: 15px; } .dashboard-stat .details .number { padding-top: 25px; text-align: right; font-size: 34px; line-height: 36px; letter-spacing: -1px; margin-bottom: 0; font-weight: 300; } .dashboard-stat .details .desc { text-align: right; font-size: 16px; letter-spacing: 0; font-weight: 300; } .dashboard-stat .more { clear: both; display: block; padding: 6px 10px; position: relative; text-transform: uppercase; font-weight: 300; font-size: 11px; opacity: .7; filter: alpha(opacity=70); } .dashboard-stat .more:hover { text-decoration: none; opacity: .9; filter: alpha(opacity=90); } .dashboard-stat .more > i { display: inline-block; margin-top: 1px; float: right; } .dashboard-stat.dashboard-stat-v2 .visual { padding-top: 35px; margin-bottom: 40px; } .dashboard-stat.white { background-color: #fff; } .dashboard-stat.white.dashboard-stat-light:hover { background-color: #f5f5f5; } .dashboard-stat.white .visual > i { color: #666; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.white .details .number { color: #666; } .dashboard-stat.white .details .desc { color: #666; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.white .more { color: #666; background-color: #f5f5f5; } .dashboard-stat.default { background-color: #e1e5ec; } .dashboard-stat.default.dashboard-stat-light:hover { background-color: #d5dae4; } .dashboard-stat.default .visual > i { color: #666; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.default .details .number { color: #666; } .dashboard-stat.default .details .desc { color: #666; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.default .more { color: #666; background-color: #d5dae4; } .dashboard-stat.dark { background-color: #2f353b; } .dashboard-stat.dark.dashboard-stat-light:hover { background-color: #262b30; } .dashboard-stat.dark .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.dark .details .number { color: #FFF; } .dashboard-stat.dark .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.dark .more { color: #FFF; background-color: #262b30; } .dashboard-stat.blue { background-color: #3598dc; } .dashboard-stat.blue.dashboard-stat-light:hover { background-color: #258fd7; } .dashboard-stat.blue .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue .details .number { color: #FFF; } .dashboard-stat.blue .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue .more { color: #FFF; background-color: #258fd7; } .dashboard-stat.blue-madison { background-color: #578ebe; } .dashboard-stat.blue-madison.dashboard-stat-light:hover { background-color: #4884b8; } .dashboard-stat.blue-madison .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue-madison .details .number { color: #FFF; } .dashboard-stat.blue-madison .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-madison .more { color: #FFF; background-color: #4884b8; } .dashboard-stat.blue-chambray { background-color: #2C3E50; } .dashboard-stat.blue-chambray.dashboard-stat-light:hover { background-color: #253443; } .dashboard-stat.blue-chambray .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue-chambray .details .number { color: #FFF; } .dashboard-stat.blue-chambray .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-chambray .more { color: #FFF; background-color: #253443; } .dashboard-stat.blue-ebonyclay { background-color: #22313F; } .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover { background-color: #1b2732; } .dashboard-stat.blue-ebonyclay .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue-ebonyclay .details .number { color: #FFF; } .dashboard-stat.blue-ebonyclay .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-ebonyclay .more { color: #FFF; background-color: #1b2732; } .dashboard-stat.blue-hoki { background-color: #67809F; } .dashboard-stat.blue-hoki.dashboard-stat-light:hover { background-color: #5e7694; } .dashboard-stat.blue-hoki .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue-hoki .details .number { color: #FFF; } .dashboard-stat.blue-hoki .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-hoki .more { color: #FFF; background-color: #5e7694; } .dashboard-stat.blue-steel { background-color: #4B77BE; } .dashboard-stat.blue-steel.dashboard-stat-light:hover { background-color: #416db4; } .dashboard-stat.blue-steel .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue-steel .details .number { color: #FFF; } .dashboard-stat.blue-steel .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-steel .more { color: #FFF; background-color: #416db4; } .dashboard-stat.blue-soft { background-color: #4c87b9; } .dashboard-stat.blue-soft.dashboard-stat-light:hover { background-color: #447dad; } .dashboard-stat.blue-soft .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue-soft .details .number { color: #FFF; } .dashboard-stat.blue-soft .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-soft .more { color: #FFF; background-color: #447dad; } .dashboard-stat.blue-dark { background-color: #5e738b; } .dashboard-stat.blue-dark.dashboard-stat-light:hover { background-color: #56697f; } .dashboard-stat.blue-dark .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue-dark .details .number { color: #FFF; } .dashboard-stat.blue-dark .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-dark .more { color: #FFF; background-color: #56697f; } .dashboard-stat.blue-sharp { background-color: #5C9BD1; } .dashboard-stat.blue-sharp.dashboard-stat-light:hover { background-color: #4c91cd; } .dashboard-stat.blue-sharp .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue-sharp .details .number { color: #FFF; } .dashboard-stat.blue-sharp .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-sharp .more { color: #FFF; background-color: #4c91cd; } .dashboard-stat.blue-oleo { background-color: #94A0B2; } .dashboard-stat.blue-oleo.dashboard-stat-light:hover { background-color: #8895a9; } .dashboard-stat.blue-oleo .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.blue-oleo .details .number { color: #FFF; } .dashboard-stat.blue-oleo .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.blue-oleo .more { color: #FFF; background-color: #8895a9; } .dashboard-stat.green { background-color: #32c5d2; } .dashboard-stat.green.dashboard-stat-light:hover { background-color: #2bb8c4; } .dashboard-stat.green .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green .details .number { color: #FFF; } .dashboard-stat.green .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green .more { color: #FFF; background-color: #2bb8c4; } .dashboard-stat.green-meadow { background-color: #1BBC9B; } .dashboard-stat.green-meadow.dashboard-stat-light:hover { background-color: #18aa8c; } .dashboard-stat.green-meadow .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green-meadow .details .number { color: #FFF; } .dashboard-stat.green-meadow .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-meadow .more { color: #FFF; background-color: #18aa8c; } .dashboard-stat.green-seagreen { background-color: #1BA39C; } .dashboard-stat.green-seagreen.dashboard-stat-light:hover { background-color: #18918b; } .dashboard-stat.green-seagreen .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green-seagreen .details .number { color: #FFF; } .dashboard-stat.green-seagreen .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-seagreen .more { color: #FFF; background-color: #18918b; } .dashboard-stat.green-turquoise { background-color: #36D7B7; } .dashboard-stat.green-turquoise.dashboard-stat-light:hover { background-color: #29cfae; } .dashboard-stat.green-turquoise .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green-turquoise .details .number { color: #FFF; } .dashboard-stat.green-turquoise .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-turquoise .more { color: #FFF; background-color: #29cfae; } .dashboard-stat.green-haze { background-color: #44b6ae; } .dashboard-stat.green-haze.dashboard-stat-light:hover { background-color: #3ea7a0; } .dashboard-stat.green-haze .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green-haze .details .number { color: #FFF; } .dashboard-stat.green-haze .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-haze .more { color: #FFF; background-color: #3ea7a0; } .dashboard-stat.green-jungle { background-color: #26C281; } .dashboard-stat.green-jungle.dashboard-stat-light:hover { background-color: #23b176; } .dashboard-stat.green-jungle .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green-jungle .details .number { color: #FFF; } .dashboard-stat.green-jungle .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-jungle .more { color: #FFF; background-color: #23b176; } .dashboard-stat.green-soft { background-color: #3faba4; } .dashboard-stat.green-soft.dashboard-stat-light:hover { background-color: #3a9c96; } .dashboard-stat.green-soft .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green-soft .details .number { color: #FFF; } .dashboard-stat.green-soft .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-soft .more { color: #FFF; background-color: #3a9c96; } .dashboard-stat.green-dark { background-color: #4DB3A2; } .dashboard-stat.green-dark.dashboard-stat-light:hover { background-color: #46a595; } .dashboard-stat.green-dark .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green-dark .details .number { color: #FFF; } .dashboard-stat.green-dark .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-dark .more { color: #FFF; background-color: #46a595; } .dashboard-stat.green-sharp { background-color: #2ab4c0; } .dashboard-stat.green-sharp.dashboard-stat-light:hover { background-color: #26a4af; } .dashboard-stat.green-sharp .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green-sharp .details .number { color: #FFF; } .dashboard-stat.green-sharp .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-sharp .more { color: #FFF; background-color: #26a4af; } .dashboard-stat.green-steel { background-color: #29b4b6; } .dashboard-stat.green-steel.dashboard-stat-light:hover { background-color: #25a4a5; } .dashboard-stat.green-steel .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.green-steel .details .number { color: #FFF; } .dashboard-stat.green-steel .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.green-steel .more { color: #FFF; background-color: #25a4a5; } .dashboard-stat.grey { background-color: #E5E5E5; } .dashboard-stat.grey.dashboard-stat-light:hover { background-color: #dbdbdb; } .dashboard-stat.grey .visual > i { color: #333; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.grey .details .number { color: #333; } .dashboard-stat.grey .details .desc { color: #333; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey .more { color: #333; background-color: #dbdbdb; } .dashboard-stat.grey-steel { background-color: #e9edef; } .dashboard-stat.grey-steel.dashboard-stat-light:hover { background-color: #dde3e6; } .dashboard-stat.grey-steel .visual > i { color: #80898e; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.grey-steel .details .number { color: #80898e; } .dashboard-stat.grey-steel .details .desc { color: #80898e; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-steel .more { color: #80898e; background-color: #dde3e6; } .dashboard-stat.grey-cararra { background-color: #fafafa; } .dashboard-stat.grey-cararra.dashboard-stat-light:hover { background-color: #f0f0f0; } .dashboard-stat.grey-cararra .visual > i { color: #333; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.grey-cararra .details .number { color: #333; } .dashboard-stat.grey-cararra .details .desc { color: #333; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-cararra .more { color: #333; background-color: #f0f0f0; } .dashboard-stat.grey-gallery { background-color: #555; } .dashboard-stat.grey-gallery.dashboard-stat-light:hover { background-color: #4b4b4b; } .dashboard-stat.grey-gallery .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.grey-gallery .details .number { color: #fff; } .dashboard-stat.grey-gallery .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-gallery .more { color: #fff; background-color: #4b4b4b; } .dashboard-stat.grey-cascade { background-color: #95A5A6; } .dashboard-stat.grey-cascade.dashboard-stat-light:hover { background-color: #8a9c9d; } .dashboard-stat.grey-cascade .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.grey-cascade .details .number { color: #FFF; } .dashboard-stat.grey-cascade .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-cascade .more { color: #FFF; background-color: #8a9c9d; } .dashboard-stat.grey-silver { background-color: #BFBFBF; } .dashboard-stat.grey-silver.dashboard-stat-light:hover { background-color: #b5b5b5; } .dashboard-stat.grey-silver .visual > i { color: #FAFCFB; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.grey-silver .details .number { color: #FAFCFB; } .dashboard-stat.grey-silver .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-silver .more { color: #FAFCFB; background-color: #b5b5b5; } .dashboard-stat.grey-salsa { background-color: #ACB5C3; } .dashboard-stat.grey-salsa.dashboard-stat-light:hover { background-color: #a0aaba; } .dashboard-stat.grey-salsa .visual > i { color: #FAFCFB; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.grey-salsa .details .number { color: #FAFCFB; } .dashboard-stat.grey-salsa .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-salsa .more { color: #FAFCFB; background-color: #a0aaba; } .dashboard-stat.grey-salt { background-color: #bfcad1; } .dashboard-stat.grey-salt.dashboard-stat-light:hover { background-color: #b3c0c8; } .dashboard-stat.grey-salt .visual > i { color: #FAFCFB; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.grey-salt .details .number { color: #FAFCFB; } .dashboard-stat.grey-salt .details .desc { color: #FAFCFB; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-salt .more { color: #FAFCFB; background-color: #b3c0c8; } .dashboard-stat.grey-mint { background-color: #525e64; } .dashboard-stat.grey-mint.dashboard-stat-light:hover { background-color: #495359; } .dashboard-stat.grey-mint .visual > i { color: #FFF; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.grey-mint .details .number { color: #FFF; } .dashboard-stat.grey-mint .details .desc { color: #FFF; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.grey-mint .more { color: #FFF; background-color: #495359; } .dashboard-stat.red { background-color: #e7505a; } .dashboard-stat.red.dashboard-stat-light:hover { background-color: #e53e49; } .dashboard-stat.red .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.red .details .number { color: #fff; } .dashboard-stat.red .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red .more { color: #fff; background-color: #e53e49; } .dashboard-stat.red-pink { background-color: #E08283; } .dashboard-stat.red-pink.dashboard-stat-light:hover { background-color: #dc7273; } .dashboard-stat.red-pink .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.red-pink .details .number { color: #fff; } .dashboard-stat.red-pink .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-pink .more { color: #fff; background-color: #dc7273; } .dashboard-stat.red-sunglo { background-color: #E26A6A; } .dashboard-stat.red-sunglo.dashboard-stat-light:hover { background-color: #df5959; } .dashboard-stat.red-sunglo .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.red-sunglo .details .number { color: #fff; } .dashboard-stat.red-sunglo .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-sunglo .more { color: #fff; background-color: #df5959; } .dashboard-stat.red-intense { background-color: #e35b5a; } .dashboard-stat.red-intense.dashboard-stat-light:hover { background-color: #e04a49; } .dashboard-stat.red-intense .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.red-intense .details .number { color: #fff; } .dashboard-stat.red-intense .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-intense .more { color: #fff; background-color: #e04a49; } .dashboard-stat.red-thunderbird { background-color: #D91E18; } .dashboard-stat.red-thunderbird.dashboard-stat-light:hover { background-color: #c71b16; } .dashboard-stat.red-thunderbird .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.red-thunderbird .details .number { color: #fff; } .dashboard-stat.red-thunderbird .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-thunderbird .more { color: #fff; background-color: #c71b16; } .dashboard-stat.red-flamingo { background-color: #EF4836; } .dashboard-stat.red-flamingo.dashboard-stat-light:hover { background-color: #ed3723; } .dashboard-stat.red-flamingo .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.red-flamingo .details .number { color: #fff; } .dashboard-stat.red-flamingo .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-flamingo .more { color: #fff; background-color: #ed3723; } .dashboard-stat.red-soft { background-color: #d05454; } .dashboard-stat.red-soft.dashboard-stat-light:hover { background-color: #c44; } .dashboard-stat.red-soft .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.red-soft .details .number { color: #fff; } .dashboard-stat.red-soft .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-soft .more { color: #fff; background-color: #c44; } .dashboard-stat.red-haze { background-color: #f36a5a; } .dashboard-stat.red-haze.dashboard-stat-light:hover { background-color: #f25947; } .dashboard-stat.red-haze .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.red-haze .details .number { color: #fff; } .dashboard-stat.red-haze .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-haze .more { color: #fff; background-color: #f25947; } .dashboard-stat.red-mint { background-color: #e43a45; } .dashboard-stat.red-mint.dashboard-stat-light:hover { background-color: #e22834; } .dashboard-stat.red-mint .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.red-mint .details .number { color: #fff; } .dashboard-stat.red-mint .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.red-mint .more { color: #fff; background-color: #e22834; } .dashboard-stat.yellow { background-color: #c49f47; } .dashboard-stat.yellow.dashboard-stat-light:hover { background-color: #bb953c; } .dashboard-stat.yellow .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.yellow .details .number { color: #fff; } .dashboard-stat.yellow .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow .more { color: #fff; background-color: #bb953c; } .dashboard-stat.yellow-gold { background-color: #E87E04; } .dashboard-stat.yellow-gold.dashboard-stat-light:hover { background-color: #d47304; } .dashboard-stat.yellow-gold .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.yellow-gold .details .number { color: #fff; } .dashboard-stat.yellow-gold .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-gold .more { color: #fff; background-color: #d47304; } .dashboard-stat.yellow-casablanca { background-color: #f2784b; } .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover { background-color: #f16a38; } .dashboard-stat.yellow-casablanca .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.yellow-casablanca .details .number { color: #fff; } .dashboard-stat.yellow-casablanca .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-casablanca .more { color: #fff; background-color: #f16a38; } .dashboard-stat.yellow-crusta { background-color: #f3c200; } .dashboard-stat.yellow-crusta.dashboard-stat-light:hover { background-color: #dfb200; } .dashboard-stat.yellow-crusta .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.yellow-crusta .details .number { color: #fff; } .dashboard-stat.yellow-crusta .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-crusta .more { color: #fff; background-color: #dfb200; } .dashboard-stat.yellow-lemon { background-color: #F7CA18; } .dashboard-stat.yellow-lemon.dashboard-stat-light:hover { background-color: #f2c308; } .dashboard-stat.yellow-lemon .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.yellow-lemon .details .number { color: #fff; } .dashboard-stat.yellow-lemon .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-lemon .more { color: #fff; background-color: #f2c308; } .dashboard-stat.yellow-saffron { background-color: #F4D03F; } .dashboard-stat.yellow-saffron.dashboard-stat-light:hover { background-color: #f3cb2c; } .dashboard-stat.yellow-saffron .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.yellow-saffron .details .number { color: #fff; } .dashboard-stat.yellow-saffron .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-saffron .more { color: #fff; background-color: #f3cb2c; } .dashboard-stat.yellow-soft { background-color: #c8d046; } .dashboard-stat.yellow-soft.dashboard-stat-light:hover { background-color: #c3cc36; } .dashboard-stat.yellow-soft .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.yellow-soft .details .number { color: #fff; } .dashboard-stat.yellow-soft .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-soft .more { color: #fff; background-color: #c3cc36; } .dashboard-stat.yellow-haze { background-color: #c5bf66; } .dashboard-stat.yellow-haze.dashboard-stat-light:hover { background-color: #bfb957; } .dashboard-stat.yellow-haze .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.yellow-haze .details .number { color: #fff; } .dashboard-stat.yellow-haze .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-haze .more { color: #fff; background-color: #bfb957; } .dashboard-stat.yellow-mint { background-color: #c5b96b; } .dashboard-stat.yellow-mint.dashboard-stat-light:hover { background-color: #bfb25c; } .dashboard-stat.yellow-mint .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.yellow-mint .details .number { color: #fff; } .dashboard-stat.yellow-mint .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.yellow-mint .more { color: #fff; background-color: #bfb25c; } .dashboard-stat.purple { background-color: #8E44AD; } .dashboard-stat.purple.dashboard-stat-light:hover { background-color: #823e9e; } .dashboard-stat.purple .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.purple .details .number { color: #fff; } .dashboard-stat.purple .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple .more { color: #fff; background-color: #823e9e; } .dashboard-stat.purple-plum { background-color: #8775a7; } .dashboard-stat.purple-plum.dashboard-stat-light:hover { background-color: #7c699f; } .dashboard-stat.purple-plum .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.purple-plum .details .number { color: #fff; } .dashboard-stat.purple-plum .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-plum .more { color: #fff; background-color: #7c699f; } .dashboard-stat.purple-medium { background-color: #BF55EC; } .dashboard-stat.purple-medium.dashboard-stat-light:hover { background-color: #b843ea; } .dashboard-stat.purple-medium .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.purple-medium .details .number { color: #fff; } .dashboard-stat.purple-medium .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-medium .more { color: #fff; background-color: #b843ea; } .dashboard-stat.purple-studio { background-color: #8E44AD; } .dashboard-stat.purple-studio.dashboard-stat-light:hover { background-color: #823e9e; } .dashboard-stat.purple-studio .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.purple-studio .details .number { color: #fff; } .dashboard-stat.purple-studio .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-studio .more { color: #fff; background-color: #823e9e; } .dashboard-stat.purple-wisteria { background-color: #9B59B6; } .dashboard-stat.purple-wisteria.dashboard-stat-light:hover { background-color: #924dae; } .dashboard-stat.purple-wisteria .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.purple-wisteria .details .number { color: #fff; } .dashboard-stat.purple-wisteria .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-wisteria .more { color: #fff; background-color: #924dae; } .dashboard-stat.purple-seance { background-color: #9A12B3; } .dashboard-stat.purple-seance.dashboard-stat-light:hover { background-color: #8a10a0; } .dashboard-stat.purple-seance .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.purple-seance .details .number { color: #fff; } .dashboard-stat.purple-seance .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-seance .more { color: #fff; background-color: #8a10a0; } .dashboard-stat.purple-intense { background-color: #8775a7; } .dashboard-stat.purple-intense.dashboard-stat-light:hover { background-color: #7c699f; } .dashboard-stat.purple-intense .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.purple-intense .details .number { color: #fff; } .dashboard-stat.purple-intense .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-intense .more { color: #fff; background-color: #7c699f; } .dashboard-stat.purple-sharp { background-color: #796799; } .dashboard-stat.purple-sharp.dashboard-stat-light:hover { background-color: #6f5f8d; } .dashboard-stat.purple-sharp .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.purple-sharp .details .number { color: #fff; } .dashboard-stat.purple-sharp .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-sharp .more { color: #fff; background-color: #6f5f8d; } .dashboard-stat.purple-soft { background-color: #8877a9; } .dashboard-stat.purple-soft.dashboard-stat-light:hover { background-color: #7d6ba1; } .dashboard-stat.purple-soft .visual > i { color: #fff; opacity: .1; filter: alpha(opacity=10); } .dashboard-stat.purple-soft .details .number { color: #fff; } .dashboard-stat.purple-soft .details .desc { color: #fff; opacity: 1; filter: alpha(opacity=100); } .dashboard-stat.purple-soft .more { color: #fff; background-color: #7d6ba1; } .dashboard-stat-light { padding-bottom: 20px; margin-bottom: 20px; } .dashboard-stat-light .details { margin-bottom: 5px; } .dashboard-stat-light .details .number { font-weight: 300; margin-bottom: 0; } .dashboard-stat2, .dashboard-stat2 .display { margin-bottom: 20px; } .dashboard-stat2 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #fff; padding: 15px 15px 30px; } .dashboard-stat2.bordered { border: 1px solid #e7ecf1; } .dashboard-stat2 .display:after, .dashboard-stat2 .display:before { content: " "; display: table; } .dashboard-stat2 .display:after { clear: both; } .dashboard-stat2 .display .number { float: left; display: inline-block; } .dashboard-stat2 .display .number h3 { margin: 0 0 2px; padding: 0; font-size: 30px; font-weight: 400; } .dashboard-stat2 .display .number h3 > small { font-size: 23px; } .dashboard-stat2 .display .number small { font-size: 14px; color: #AAB5BC; font-weight: 600; text-transform: uppercase; } .dashboard-stat2 .display .icon { display: inline-block; float: right; padding: 7px 0 0; } .dashboard-stat2 .display .icon > i { color: #cbd4e0; font-size: 26px; } .dashboard-stat2 .progress-info { clear: both; } .dashboard-stat2 .progress-info .progress { margin: 0; height: 4px; clear: both; display: block; } .dashboard-stat2 .progress-info .status { margin-top: 5px; font-size: 11px; color: #AAB5BC; font-weight: 600; text-transform: uppercase; } .dashboard-stat2 .progress-info .status .status-title { float: left; display: inline-block; } .dashboard-stat2 .progress-info .status .status-number { float: right; display: inline-block; } .text-stat h3 { margin-top: 5px; margin-bottom: 0; font-size: 18px; } .text-stat span { font-size: 13px !important; } @media (max-width:767px) { .text-stat { margin-top: 20px; } } .social-icons { padding: 0; margin: 0; } .social-icons:after, .social-icons:before { content: " "; display: table; } .social-icons:after { clear: both; } .social-icons li { float: left; display: inline; list-style: none; margin-right: 5px; margin-bottom: 5px; text-indent: -9999px; } .social-icons li > a { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .social-icons li:hover > a { background-position: 0 -38px; } .social-icons li .amazon { background: url("./media/amazon-NOG5DAMM.png") no-repeat; } .social-icons li .behance { background: url("./media/behance-A2N2PZ27.png") no-repeat; } .social-icons li .blogger { background: url("./media/blogger-DPDJ2LHH.png") no-repeat; } .social-icons li .deviantart { background: url("./media/deviantart-NX47276E.png") no-repeat; } .social-icons li .dribbble { background: url("./media/dribbble-TX5GVFSO.png") no-repeat; } .social-icons li .dropbox { background: url("./media/dropbox-MRXYCEHR.png") no-repeat; } .social-icons li .evernote { background: url("./media/evernote-PSVUY7UK.png") no-repeat; } .social-icons li .facebook { background: url("./media/facebook-W5Z2PPNT.png") no-repeat; } .social-icons li .forrst { background: url("./media/forrst-TUEVVGCM.png") no-repeat; } .social-icons li .github { background: url("./media/github-ZHV2ZFRZ.png") no-repeat; } .social-icons li .googleplus { background: url("./media/googleplus-Y3OHPAFN.png") no-repeat; } .social-icons li .jolicloud { background: url("./media/jolicloud-NK2BSTKY.png") no-repeat; } .social-icons li .last-fm { background: url("./media/last-fm-HZNW6RJ5.png") no-repeat; } .social-icons li .linkedin { background: url("./media/linkedin-BYBGXJQS.png") no-repeat; } .social-icons li .picasa { background: url("./media/picasa-FEBSPOZ6.png") no-repeat; } .social-icons li .pintrest { background: url("./media/pintrest-4WRVU4PO.png") no-repeat; } .social-icons li .rss { background: url("./media/rss-T6ZZM5IT.png") no-repeat; } .social-icons li .skype { background: url("./media/skype-5FZG3P4E.png") no-repeat; } .social-icons li .spotify { background: url("./media/spotify-HJBSOR2W.png") no-repeat; } .social-icons li .stumbleupon { background: url("./media/stumbleupon-IP76ZGR6.png") no-repeat; } .social-icons li .tumblr { background: url("./media/tumblr-R4GWKK7X.png") no-repeat; } .social-icons li .twitter { background: url("./media/twitter-W3IJUFWN.png") no-repeat; } .social-icons li .vimeo { background: url("./media/vimeo-SUODJOYP.png") no-repeat; } .social-icons li .wordpress { background: url("./media/wordpress-YGM35CEG.png") no-repeat; } .social-icons li .xing { background: url("./media/xing-KYZHRFQN.png") no-repeat; } .social-icons li .yahoo { background: url("./media/yahoo-DRAVRMGT.png") no-repeat; } .social-icons li .youtube { background: url("./media/youtube-3BLGAUFZ.png") no-repeat; } .social-icons li .vk { background: url("./media/vk-JBGYVLBJ.png") no-repeat; } .social-icons li .instagram { background: url("./media/instagram-ODJAG2X5.png") no-repeat; } .social-icons li .reddit { background: url("./media/reddit-2UDK7OZB.png") no-repeat; } .social-icons li .aboutme { background: url("./media/aboutme-6R2APRWM.png") no-repeat; } .social-icons li .flickr { background: url("./media/flickr-P7UXJH7H.png") no-repeat; } .social-icons li .foursquare { background: url("./media/foursquare-N76XNQKC.png") no-repeat; } .social-icons li .gravatar { background: url("./media/gravatar-NAKHLCDN.png") no-repeat; } .social-icons li .klout { background: url("./media/klout-H77V7EJF.png") no-repeat; } .social-icons li .myspace { background: url("./media/myspace-6DLOYZWH.png") no-repeat; } .social-icons li .quora { background: url("./media/quora-47CTSUED.png") no-repeat; } .social-icons.social-icons-color > li > a { opacity: .7; background-position: 0 -38px !important; } .social-icons.social-icons-color > li > a:hover { opacity: 1; } .social-icons.social-icons-circle > li > a { border-radius: 25px !important; } .social-icon { display: inline-block !important; width: 28px; height: 28px; background-position: 0 0; background-repeat: no-repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .social-icon.social-icon-circle { border-radius: 25px !important; } .social-icon.amazon { background: url("./media/amazon-NOG5DAMM.png") no-repeat; } .social-icon.behance { background: url("./media/behance-A2N2PZ27.png") no-repeat; } .social-icon.blogger { background: url("./media/blogger-DPDJ2LHH.png") no-repeat; } .social-icon.deviantart { background: url("./media/deviantart-NX47276E.png") no-repeat; } .social-icon.dribbble { background: url("./media/dribbble-TX5GVFSO.png") no-repeat; } .social-icon.dropbox { background: url("./media/dropbox-MRXYCEHR.png") no-repeat; } .social-icon.evernote { background: url("./media/evernote-PSVUY7UK.png") no-repeat; } .social-icon.facebook { background: url("./media/facebook-W5Z2PPNT.png") no-repeat; } .social-icon.forrst { background: url("./media/forrst-TUEVVGCM.png") no-repeat; } .social-icon.github { background: url("./media/github-ZHV2ZFRZ.png") no-repeat; } .social-icon.googleplus { background: url("./media/googleplus-Y3OHPAFN.png") no-repeat; } .social-icon.jolicloud { background: url("./media/jolicloud-NK2BSTKY.png") no-repeat; } .social-icon.last-fm { background: url("./media/last-fm-HZNW6RJ5.png") no-repeat; } .social-icon.linkedin { background: url("./media/linkedin-BYBGXJQS.png") no-repeat; } .social-icon.picasa { background: url("./media/picasa-FEBSPOZ6.png") no-repeat; } .social-icon.pintrest { background: url("./media/pintrest-4WRVU4PO.png") no-repeat; } .social-icon.rss { background: url("./media/rss-T6ZZM5IT.png") no-repeat; } .social-icon.skype { background: url("./media/skype-5FZG3P4E.png") no-repeat; } .social-icon.spotify { background: url("./media/spotify-HJBSOR2W.png") no-repeat; } .social-icon.stumbleupon { background: url("./media/stumbleupon-IP76ZGR6.png") no-repeat; } .social-icon.tumblr { background: url("./media/tumblr-R4GWKK7X.png") no-repeat; } .social-icon.twitter { background: url("./media/twitter-W3IJUFWN.png") no-repeat; } .social-icon.vimeo { background: url("./media/vimeo-SUODJOYP.png") no-repeat; } .social-icon.wordpress { background: url("./media/wordpress-YGM35CEG.png") no-repeat; } .social-icon.xing { background: url("./media/xing-KYZHRFQN.png") no-repeat; } .social-icon.yahoo { background: url("./media/yahoo-DRAVRMGT.png") no-repeat; } .social-icon.youtube { background: url("./media/youtube-3BLGAUFZ.png") no-repeat; } .social-icon.vk { background: url("./media/vk-JBGYVLBJ.png") no-repeat; } .social-icon.instagram { background: url("./media/instagram-ODJAG2X5.png") no-repeat; } .social-icon.reddit { background: url("./media/reddit-2UDK7OZB.png") no-repeat; } .social-icon.aboutme { background: url("./media/aboutme-6R2APRWM.png") no-repeat; } .social-icon.flickr { background: url("./media/flickr-P7UXJH7H.png") no-repeat; } .social-icon.foursquare { background: url("./media/foursquare-N76XNQKC.png") no-repeat; } .social-icon.gravatar { background: url("./media/gravatar-NAKHLCDN.png") no-repeat; } .social-icon.klout { background: url("./media/klout-H77V7EJF.png") no-repeat; } .social-icon.myspace { background: url("./media/myspace-6DLOYZWH.png") no-repeat; } .social-icon.quora { background: url("./media/quora-47CTSUED.png") no-repeat; } .social-icon:hover { background-position: 0 -38px; } .social-icon-color { opacity: .7; background-position: 0 -38px !important; } .social-icon-color:hover { opacity: 1; } .table-scrollable { width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px solid #e7ecf1; margin: 10px 0 !important; } .DTS .table-scrollable, .table-scrollable.table-scrollable-borderless, .table-scrollable > .table-bordered { border: 0; } .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > thead > tr:last-child > th, .table.table-bordered thead > tr > th { border-bottom: 0; } .table-scrollable > .table { width: 100% !important; margin: 0 !important; background-color: #fff; } .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > td, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > thead > tr > th { white-space: nowrap; } .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table td, .table th { font-size: 14px; } .flip-scroll table, .table td .img-responsive { width: 100%; } @media only screen and (max-width:768px) { .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .flip-scroll * html .flip-content { zoom: 1; } .flip-scroll td, .flip-scroll th { margin: 0; vertical-align: top; } .flip-scroll th { border: 0 !important; border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; font-size: 13px !important; padding: 5px; width: auto !important; display: block; text-align: right; } .flip-scroll table { border-collapse: collapse; border-spacing: 0; display: block; position: relative; width: 100%; } .flip-scroll thead { display: block; float: left; } .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .flip-scroll .flip-content tbody tr td { font-size: 13px; line-height: 1.483; } .flip-scroll .table-bordered.flip-content tbody tr td { font-size: 13px; line-height: 1.43; } .flip-scroll thead tr { display: block; } .flip-scroll tbody tr { display: inline-block; vertical-align: top; margin-left: -5px; } .flip-scroll td { display: block; min-height: 1.25em; text-align: left; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 0; } .flip-scroll th { border-left: 0; } .flip-scroll tbody tr { border-left: 1px solid #ddd; } .flip-scroll td:last-child, .flip-scroll th:last-child { border-bottom: 1px solid #ddd; } } .table-toolbar { margin-bottom: 20px; } .table-toolbar:after, .table-toolbar:before { content: " "; display: table; } .table-toolbar:after { clear: both; } .table.table-full-width { width: 100% !important; } .table .btn { margin-top: 0; margin-left: 0; margin-right: 5px; } .table thead tr th { font-size: 14px; font-weight: 600; } .table-advance { margin-bottom: 10px !important; } .table-advance thead { color: #3f444a; } .table-advance thead tr th { background-color: #f1f4f7; font-size: 14px; font-weight: 400; color: #3f444a; } .table-advance div.danger, .table-advance div.important, .table-advance div.info, .table-advance div.success, .table-advance div.warning { position: absolute; margin-top: -5px; float: left; width: 2px; height: 30px; margin-right: 20px !important; } .table-advance tr td { border-left-width: 0; } .table-advance tr td:first-child { border-left-width: 2px !important; } .table-advance tr td.highlight:first-child a { margin-left: 15px; } .table-advance td.highlight div.primary { border-left: 2px solid #337ab7; } .table-advance td.highlight div.success { border-left: 2px solid #36c6d3; } .table-advance td.highlight div.info { border-left: 2px solid #659be0; } .table-advance td.highlight div.warning { border-left: 2px solid #F1C40F; } .table-advance td.highlight div.danger { border-left: 2px solid #ed6b75; } @media (max-width:767px) { .table-advance tr > td.highlight:first-child a { margin-left: 8px; } } .table.table-light { border: 0 !important; } .table.table-light > thead > tr:hover > th { background: 0 0; } .table.table-light > thead > tr.uppercase { text-transform: uppercase; } .table.table-light > thead > tr > th { font-weight: 600; font-size: 13px; color: #93a2a9; border: 0; border-bottom: 1px solid #F2F5F8; } .table.table-light > tbody > tr:last-child > td { border: 0; } .table.table-light > tbody > tr > td { border: 0; border-bottom: 1px solid #F2F5F8; color: #8896a0; vertical-align: middle; } .table.table-light > tbody > tr > td.fit { width: 1px; padding-right: 3px; } .table.table-light > tbody > tr > td .user-pic { display: inline-block; vertical-align: middle; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr > td:hover, .table.table-light.table-hover > tbody > tr > th:hover { background: #f9fafb !important; } .table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td { background: #f3f4f6 !important; } .nav-pills, .nav-tabs { margin-bottom: 10px; } .nav-pills > li > a, .nav-tabs > li > a { font-size: 14px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav-pills > li > a > .badge, .nav-tabs > li > a > .badge { margin-top: -6px; } .nav-pills > li .dropdown-menu:after, .nav-pills > li .dropdown-menu:before, .nav-tabs > li .dropdown-menu:after, .nav-tabs > li .dropdown-menu:before { display: none; } .nav-pills.nav-pills-sm > li > a, .nav-pills.nav-tabs-sm > li > a, .nav-tabs.nav-pills-sm > li > a, .nav-tabs.nav-tabs-sm > li > a { font-size: 13px; } .nav-pills .dropdown.open > .dropdown-toggle, .nav-tabs .dropdown.open > .dropdown-toggle { background: #eee; color: #0d638f; border-color: transparent; } .tabs-left.nav-tabs, .tabs-right.nav-tabs { border-bottom: 0; } .tabs-left.nav-tabs > li, .tabs-right.nav-tabs > li { float: none; } .tabs-left.nav-tabs > li > a, .tabs-right.nav-tabs > li > a { margin-right: 0; margin-bottom: 3px; } .tabs-left.nav-tabs { border-right: 1px solid #ddd; } .tabs-left.nav-tabs > li > a { display: block; margin-right: -1px; } .tabs-left.nav-tabs > li > a:focus, .tabs-left.nav-tabs > li > a:hover { border-radius: 4px 0 0 4px; border-color: #eee #ddd #eee #eee; } .tabs-left.nav-tabs > li.active > a, .tabs-left.nav-tabs > li.active > a:hover > li.active > a:focus { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-color: #ddd transparent #ddd #ddd; } .tabs-right.nav-tabs { border-left: 1px solid #ddd; } .tabs-right.nav-tabs > li > a { display: block; margin-left: -1px; } .tabbable:after, .tabbable:before, .tiles:after, .tiles:before { display: table; content: " "; } .tabs-right.nav-tabs > li > a:focus, .tabs-right.nav-tabs > li > a:hover { border-radius: 0 4px 4px 0; border-color: #eee #eee #eee #ddd; } .tabs-right.nav-tabs > li.active > a, .tabs-right.nav-tabs > li.active > a:hover > li.active > a:focus { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-color: #ddd #ddd #ddd transparent; } .tabs-below > .nav-pills, .tabs-below > .nav-tabs { border-bottom: 0; margin-bottom: 0; margin-top: 10px; } .tabs-below > .nav-tabs { border-top: 1px solid #ddd; margin-bottom: 0; margin-top: 10px; } .tabs-below > .nav-tabs > li > a { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a:focus, .tabs-below > .nav-tabs > li > a:hover { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > li > a .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .tabs-below > .nav-tabs .active a, .tabs-below > .nav-tabs .active a:hover .active a:focus { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-color: transparent #ddd #ddd !important; } .tabbable:after { clear: both; } .tabbable-custom { margin-bottom: 15px; padding: 0; overflow: hidden; } .tabbable-custom > .nav-tabs { border: none; margin: 0; } .tabbable-custom > .nav-tabs > li.active > a, .tabbable-custom > .nav-tabs > li > a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .tabbable-custom > .nav-tabs > li { margin-right: 2px; border-top: 2px solid transparent; } .tabbable-custom > .nav-tabs > li > a { margin-right: 0; border-radius: 0; } .tabbable-custom > .nav-tabs > li > a:hover { background: 0 0; border-color: transparent; } .tabbable-custom > .nav-tabs > li.active { border-top: 3px solid #ed6b75; margin-top: 0; position: relative; } .tabbable-custom > .nav-tabs > li.active > a { border-top: none !important; font-weight: 400; border-radius: 0; } .tabbable-custom > .nav-tabs > li.active > a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border-top: none; background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom > .tab-content { background-color: #fff; border: 1px solid #ddd; padding: 10px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabbable-custom.nav-justified > .tab-content { margin-top: -1px; } .tabbable-custom.boxless > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom.tabs-below.nav-justified .tab-content { margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .tabbable-custom.tabbable-full-width > .nav-tabs > li > a { color: #424242; font-size: 15px; padding: 9px 15px; } .tabbable-custom.tabbable-full-width > .tab-content { padding: 15px 0; border-left: none; border-right: none; border-bottom: none; } .tabbable-custom.tabs-below .nav-tabs > li > a { border-top: none; border-bottom: 2px solid transparent; margin-top: -1px; } .tabbable-line.tabs-below > .nav-tabs > li > a, .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0; } .tabbable-custom.tabs-below .nav-tabs > li.active { border-top: none; border-bottom: 3px solid #d12610; margin-bottom: 0; position: relative; } .tabbable-custom.tabs-below .nav-tabs > li.active > a { border-bottom: none; } .tabbable-custom.tabs-below .nav-tabs > li.active > a:hover { background: #fff; border-color: #d4d4d4 #d4d4d4 transparent; } .tabbable-custom.tabbable-noborder .tab-content, .tabbable-custom.tabbable-noborder > .nav-tabs > li > a { border: 0; } .portlet:not(.light) .tabbable-line { padding-top: 15px; } .tabbable-line > .nav-tabs { border: none; margin: 0; } .tabbable-line > .nav-tabs > li { margin: 0; border-bottom: 4px solid transparent; } .tabbable-line > .nav-tabs > li > a { background: 0 0 !important; border: 0; margin: 0; padding-left: 15px; padding-right: 15px; color: #737373; } .tabbable-line > .nav-tabs > li > a > i { color: #a6a6a6; } .tabbable-line > .nav-tabs > li.active { background: 0 0; border-bottom: 4px solid #36c6d3; position: relative; } .tabbable-line > .nav-tabs > li.active > a { border: 0; color: #333; } .tabbable-line > .nav-tabs > li.active > a > i { color: #404040; } .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover { background: 0 0; border-bottom: 4px solid #9fe4ea; } .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a { border: 0; background: 0 0 !important; color: #333; } .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i { color: #a6a6a6; } .tabbable-line > .tab-content { margin-top: 0; border: 0; border-top: 1px solid #eef1f5; padding: 30px 0; } .page-container-bg-solid .tabbable-line > .tab-content { border-top: 1px solid #dae2ea; } .portlet .tabbable-line > .tab-content { padding-bottom: 0; } .tabbable-line.tabs-below > .nav-tabs > li { border-top: 4px solid transparent; } .tabbable-line.tabs-below > .nav-tabs > li:hover { border-bottom: 0; border-top: 4px solid #fbdcde; } .tabbable-line.tabs-below > .nav-tabs > li.active { margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #ed6b75; } .tabbable-line.tabs-below > .tab-content { margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; } .portlet .tabbable-bordered { margin-top: 20px; } .tabbable-bordered .nav-tabs { margin-bottom: 0; border-bottom: 0; } .tabbable-bordered .tab-content { padding: 30px 20px 20px; border: 1px solid #ddd; background: #fff; } .tiles { margin-right: -10px; } .tiles:after { clear: both; } .tiles .tile { display: block; float: left; height: 135px; width: 135px !important; cursor: pointer; text-decoration: none; color: #fff; position: relative; font-weight: 300; font-size: 12px; letter-spacing: .02em; line-height: 20px; overflow: hidden; border: 4px solid transparent; margin: 0 10px 10px 0; } .tiles .tile .tile-body > .content, .tiles .tile.image .tile-body h3, .tiles .tile.selected .check:after { display: inline-block; } .tiles .tile:after, .tiles .tile:before { content: ""; float: left; } .tiles .tile.double { width: 280px !important; } .tiles .tile.double-down { height: 280px !important; } .tiles .tile.double-down i { margin-top: 95px; } .tiles .tile:hover { border-color: #aaa !important; } .tiles .tile.selected, .tiles .tile:active { border-color: #ccc !important; } .tiles .tile.selected .corner:after { content: ""; display: inline-block; border-left: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid #ccc; position: absolute; top: -3px; right: -3px; } .tiles .tile.selected .check:after { font-family: FontAwesome; font-size: 13px; content: "\f00c"; position: absolute; top: 2px; right: 2px; } .tiles .tile.icon { padding: 0; } .tiles .tile.image .tile-body { padding: 0 !important; } .tiles .tile.image .tile-body > img { width: 100%; height: auto; min-height: 100%; max-width: 100%; } .tiles .tile .tile-body { height: 100%; vertical-align: top; padding: 10px; overflow: hidden; position: relative; font-weight: 400; font-size: 12px; color: #fff; margin-bottom: 10px; } .tiles .tile .tile-body p { font-weight: 400; font-size: 13px; color: #fff; overflow: hidden; } .tiles .tile .tile-body p:active { color: rgba(0, 0, 0, .4); } .tiles .tile .tile-body p:hover { color: #fff; } .tiles .tile .tile-body img { float: left; margin-right: 10px; } .tiles .tile .tile-body img.pull-right { float: right !important; margin-left: 10px; margin-right: 0; } .tiles .tile .tile-body > i { margin-top: 17px; display: block; font-size: 56px; line-height: 56px; text-align: center; } .tiles .tile .tile-body h1, .tiles .tile .tile-body h2, .tiles .tile .tile-body h3, .tiles .tile .tile-body h4, .tiles .tile .tile-body h5, .tiles .tile .tile-body h6, .tiles .tile .tile-body p { padding: 0; margin: 0; line-height: 14px; } .tiles .tile .tile-body h1:hover, .tiles .tile .tile-body h2:hover, .tiles .tile .tile-body h3:hover, .tiles .tile .tile-body h4:hover, .tiles .tile .tile-body h5:hover, .tiles .tile .tile-body h6:hover, .tiles .tile .tile-body p:hover { color: #fff; } .tiles .tile .tile-body h3, .tiles .tile .tile-body h4 { margin-bottom: 5px; } .tiles .tile .tile-object { position: absolute; bottom: 0; left: 0; right: 0; min-height: 30px; } .widget-gradient, .widget-wrap-img { min-height: 350px; border-radius: 4px; } .tiles .tile .tile-object:after, .tiles .tile .tile-object:before { display: table; content: ""; } .tiles .tile .tile-object:after { clear: both; } .tiles .tile .tile-object > .name { position: absolute; bottom: 0; left: 0; margin-bottom: 5px; margin-left: 10px; margin-right: 15px; font-weight: 400; font-size: 13px; color: #fff; } .tiles .tile .tile-object > .name > i { vertical-align: middle; display: block; font-size: 24px; height: 18px; width: 24px; } .tiles .tile .tile-object > .number { position: absolute; bottom: 0; right: 0; color: #fff; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: .01em; line-height: 14px; margin-bottom: 8px; margin-right: 10px; } .well { border: 0; padding: 20px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .well-lg { padding: 40px; } .well-sm { padding: 10px; } .widget-bg-color-purple { background: #9a7caf; } .widget-bg-color-purple-dark { background: #4b365a; } .widget-bg-color-purple-light { background: #674d79; } .widget-bg-color-green { background: #4db3a4; } .widget-bg-color-red { background: #f36a5a; } .widget-bg-color-blue { background: #5b9bd1; } .widget-bg-color-gray { background: #323c45; } .widget-bg-color-gray-dark { background: #144f57; } .widget-bg-color-white { background: #fff; } .widget-bg-color-dark { background: #3e4f5e; } .widget-bg-color-dark-light { background: #8e9daa; } .widget-bg-color-fb { background: #475e98; } .widget-bg-color-tw { background: #55acee; } .widget-title-color-purple { color: #9a7caf; } .widget-title-color-purple-dark { color: #4b365a; } .widget-title-color-purple-light { color: #674d79; } .widget-title-color-green { color: #4db3a4; } .widget-title-color-red { color: #f36a5a; } .widget-title-color-blue { color: #5b9bd1; } .widget-title-color-gray { color: #323c45; } .widget-title-color-gray-dark { color: #144f57; } .widget-title-color-white { color: #fff; } .widget-title-color-dark { color: #3e4f5e; } .widget-title-color-dark-light { color: #8e9daa; } .widget-title-color-fb { color: #475e98; } .widget-title-color-tw { color: #55acee; } .overflow-h { overflow: hidden; } .widget-carousel .carousel-indicators { left: -18%; bottom: 10px; margin-left: 0; } .widget-carousel .carousel-indicators-red > li { border-color: #f36a5a; } .widget-carousel .carousel-indicators-red > li.active { background: #f36a5a; } .widget-gradient { position: relative; overflow: hidden; background-size: cover; background-position: 50% 50%; } .widget-gradient .widget-gradient-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; padding: 20px; } .widget-gradient .widget-gradient-body .widget-gradient-title { font-size: 21px; font-weight: 600; color: #fff; margin: 0; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions { position: absolute; right: 20px; bottom: 20px; padding: 0; margin: 0; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions li { font-size: 14px; padding: 0 0 0 8px; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions li:first-child { padding-left: 0; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions li a { color: #fff; } .widget-gradient .widget-gradient-body .widget-gradient-body-actions li a:hover { color: #a1afbb; text-decoration: none; } .widget-wrap-img { position: relative; padding: 20px; } .widget-wrap-img .widget-wrap-img-title { font-size: 21px; font-weight: 600; color: #3e4f5e; margin: 0 0 20px; } .widget-wrap-img .widget-wrap-img-element { position: absolute; bottom: 0; right: 0; } .widget-tab { min-height: 420px; border-radius: 4px; } .widget-tab .nav-tabs { margin: 0; border-color: #eff1f3; } .widget-tab .nav-tabs > li { margin: 0 10px; } .widget-tab .nav-tabs > li:first-child { margin-left: 20px; } .widget-tab .nav-tabs > li > a { border: 0; font-weight: 700; color: #8e9daa; text-transform: uppercase; padding: 20px 0; } .widget-tab .nav-tabs > li > a > i { color: #8e9daa; } .widget-tab .nav-tabs > li.open, .widget-tab .nav-tabs > li:hover { border-bottom: 1px solid #f36a5a; } .widget-tab .nav-tabs > li.open > a, .widget-tab .nav-tabs > li:hover > a { border: 0; background: inherit; color: #f36a5a; } .widget-tab .nav-tabs > li.open > a > i, .widget-tab .nav-tabs > li:hover > a > i { color: #f36a5a; } .widget-tab .nav-tabs > li.active { border-bottom: 1px solid #f36a5a; position: relative; } .widget-tab .nav-tabs > li.active > a { border: 0; color: #f36a5a; } .widget-tab .nav-tabs > li.active > a > i { color: #f36a5a; } .widget-tab .tab-content { padding: 20px; color: #8e9daa; } .widget-tab .slimScrollBar { right: 10px !important; margin-top: 17px !important; margin-bottom: 17px !important; } .widget-news { overflow: hidden; margin-right: 10px; border-radius: 4px; } .widget-news .widget-news-left-elem { float: left; width: 100px; height: auto; margin-right: 15px; } .widget-news .widget-news-right-body { overflow: hidden; } .widget-news .widget-news-right-body .widget-news-right-body-title { font-size: 16px; font-weight: 600; color: #3e4f5e; margin: 0 0 5px; clear: both; } .widget-news .widget-news-right-body .widget-news-right-body-title .label { float: right; font-weight: 600; background: #a1afbb; border-radius: 3px !important; } .widget-news .widget-news-right-body p { font-size: 13px; } .widget-thumb { padding: 20px; border-radius: 4px; } .widget-thumb.bordered { border: 1px solid #e7ecf1; } .widget-thumb .widget-thumb-heading { font-size: 14px; font-weight: 700; color: #8e9daa; margin: 0 0 20px; } .widget-thumb .widget-thumb-wrap { overflow: hidden; } .widget-thumb .widget-thumb-wrap .widget-thumb-icon { float: left; width: 60px; height: 60px; display: inline-block; font-size: 20px; line-height: 41px; color: #fff; text-align: center; padding: 10px; margin-right: 15px; } .widget-thumb .widget-thumb-body { overflow: hidden; } .widget-thumb .widget-thumb-body .widget-thumb-subtitle { padding-top: 2px; display: block; font-size: 14px; font-weight: 600; color: #8e9daa; } .widget-thumb .widget-thumb-body .widget-thumb-body-stat { display: block; font-size: 30px; font-weight: 600; color: #3e4f5e; } .widget-socials { border-radius: 4px; min-height: 250px; padding: 20px; } .widget-comments, .widget-progress { min-height: 420px; } .widget-socials .widget-socials-title { font-size: 25px; font-weight: 700; line-height: 1.4; color: #fff; margin: 0 0 20px; } .widget-socials .widget-social-subtitle { color: #fff; font-weight: 200; line-height: 1.4; } .widget-media .widget-btn-blue .widget-btn-icon, .widget-media .widget-btn-default .widget-btn-icon, .widget-media .widget-btn-red .widget-btn-icon { line-height: 1.5; } .widget-socials .widget-social-subtitle a { color: #fff; } .widget-socials .widget-socials-paragraph { display: block; color: #65727d; } .widget-socials .widget-social-icon-fb, .widget-socials .widget-social-icon-tw { font-size: 30px; margin: 30px 0; } .widget-socials .widget-social-icon-fb { color: #2b3f72; } .widget-socials .widget-social-icon-tw { color: #3686c3; } .widget-media { border-radius: 4px; border-bottom: 1px solid #f6f9fc; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; } .widget-media .widget-media-elements { float: left; margin-right: 20px; } .widget-media .widget-media-avatar { width: 55px; height: 55px; display: block; } .widget-media .widget-btn-blue, .widget-media .widget-btn-default, .widget-media .widget-btn-red { display: inline-block; font-size: 12px; border: 1px solid #ebf0f6; padding: 3px 10px; } .widget-media .widget-btn-default { color: #96a2b1; } .widget-media .widget-btn-default:hover { background: #ebf0f6; text-decoration: none; } .widget-media .widget-btn-red { color: #f36a5a; } .widget-media .widget-btn-red:hover { color: #fff; background: #f36a5a; text-decoration: none; } .widget-media .widget-btn-blue { color: #fff; background: #337ab7; } .widget-media .widget-btn-blue:hover { color: #337ab7; background: #fff; text-decoration: none; } .widget-media .widget-media-body { overflow: hidden; } .widget-media .widget-media-body .widget-media-body-title { font-size: 15px; font-weight: 600; color: #5b9bd1; margin: 0 0 7px; } .widget-media .widget-media-body .widget-media-body-subtitle { font-size: 13px; color: #7e8c9e; } .widget-blog { border-radius: 4px; background: center center #fff; padding: 30px 20px 20px; background-size: cover; } .widget-blog .widget-blog-heading { position: relative; margin-bottom: 30px; } .widget-blog .widget-blog-heading:before { position: absolute; bottom: -15px; left: 50%; width: 50px; height: 1px; border-width: 1px; background: #8e9daa; margin-left: -25px; content: " "; } .widget-blog .widget-blog-title { font-size: 20px; font-weight: 400; color: #3e4f5e; margin: 0 0 15px; } .widget-blog .widget-blog-title a { color: #3e4f5e; } .widget-blog .widget-blog-subtitle { display: block; font-size: 13px; color: #8e9daa; letter-spacing: 3px; } .widget-blog .btn-widget-purple { display: inline-block; font-size: 13px; color: #8e9daa; border: 1px solid #8e9daa; padding: 7px 17px; } .widget-blog .btn-widget-purple:hover { color: #fff; background: #8e9daa; text-decoration: none; } .widget-progress .widget-progress-element { border-radius: 4px; overflow: hidden; padding: 30px 10px; } .widget-progress .widget-progress-title { display: block; color: #fff; margin-bottom: 5px; } .widget-progress .progress { height: 3px; background: rgba(255, 255, 255, .2); margin-bottom: 0; } .widget-map { min-height: 350px; border-radius: 3px; } .widget-map .widget-map-mapplic { border-top-right-radius: 3px; border-top-left-radius: 3px; } .widget-map .widget-map-mapplic .mapplic-container { background: #5b9bd1; } .widget-map .widget-map-mapplic .mapplic-layer.world > img { opacity: .3; } .widget-map .widget-map-body { background: #fff; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 20px; overflow: hidden; } .widget-map .widget-sparkline-chart { width: 25%; float: left; border-left: 1px solid #e7eff7; padding: 0 15px; } .widget-map .widget-sparkline-chart:first-child { border-left: none; } .widget-map .widget-sparkline-chart .widget-sparkline-title { display: block; font-size: 12px; font-weight: 600; color: #a1afbb; } @media (max-width:480px) { .widget-map .widget-sparkline-chart { width: 50%; border-left: none; margin-top: 10px; margin-bottom: 10px; } } .widget-subscribe { border-radius: 4px; min-height: 250px; overflow: hidden; padding: 30px; } .widget-subscribe .widget-subscribe-no { float: left; font-size: 67px; font-weight: 600; line-height: 1; color: #9a7caf; } .widget-subscribe .widget-subscribe-title { font-size: 25px; font-weight: 700; line-height: 1.4; margin: 0 0 15px 45px; } .widget-subscribe .widget-subscribe-subtitle { font-size: 15px; font-weight: 600; } .widget-subscribe .widget-subscribe-subtitle-link { color: #cab0dd; } .widget-subscribe.widget-subscribe-quote { position: relative; } .widget-subscribe.widget-subscribe-quote:before { position: absolute; top: 2px; font-size: 70px; color: #fff; content: "\201c"; } @media (max-width:767px) { .widget-subscribe.widget-subscribe-border { border-top: 1px solid #f5f8fb; border-bottom: 1px solid #f5f8fb; border-right: none; } } @media (min-width:768px) { .widget-subscribe.widget-subscribe-border { border-left: 1px solid #f5f8fb; border-right: 1px solid #f5f8fb; } } @media (min-width:767px) and (max-width:991px) { .widget-subscribe.widget-subscribe-border { border-left: none; } .widget-subscribe.widget-subscribe-border-top { border-top: 1px solid #f5f8fb; } } .page-md .widget-bg-color-white, .page-md .widget-blog, .page-md .widget-carousel, .page-md .widget-map, .page-md .widget-progress-element, .page-md .widget-socials { box-shadow: 0 2px 3px 2px rgba(0, 0, 0, .03); } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(15px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(15px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(15px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0); } } .fade-in-up { -webkit-animation: fadeInUp .5s; animation: fadeInUp .5s; } @-webkit-keyframes bounceDelay { 0%, 100%, 80% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bounceDelay { 0%, 100%, 80% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes input-focus { 0% { left: 20%; width: 20%; } 99% { width: 0; left: 0; opacity: 1; } 100% { opacity: 0; } } .m-heading-1 { margin: 0 0 20px; background: #fff; padding-left: 15px; border-left: 8px solid #88909a; } .m-heading-1 > h3 { font-size: 20px; color: #3f444a; font-weight: 500; margin: 0 0 15px; } .m-heading-1 > h3 > i { font-size: 18px; color: #88909a; } .m-heading-1 > p { color: #5c6873; margin: 10px 0 0; } .m-heading-1 > p:first-child { margin-top: 0; } .m-heading-1.m-bordered { border-right: 1px solid #10161c; border-top: 1px solid #10161c; border-bottom: 1px solid #10161c; padding: 15px; } .page-container-bg-solid .m-heading-1.m-bordered { border-right: 0; border-top: 0; border-bottom: 0; } .m-heading-1.m-title-md > h3 { font-size: 18px; margin-bottom: 10px; } .m-heading-1.m-title-md > h3 > i { font-size: 16px; color: #88909a; } .m-heading-1.m-title-md > p { margin: 15px 0; } .m-heading-1.m-title-sm > h3 { font-size: 16px; margin-bottom: 10px; } .m-heading-1.m-title-sm > h3 > i { font-size: 14px; color: #88909a; } .m-heading-1.m-title-sm > p { margin: 10px 0; } @media (max-width:991px) { .m-heading-1 { margin: 0; } } .timeline { margin: 0 0 30px; padding: 0; position: relative; } .timeline:before { content: ""; position: absolute; display: block; width: 4px; background: #f5f6fa; top: 0; bottom: 0; margin-left: 38px; } .timeline .timeline-item { margin: 0; padding: 0; } .timeline .timeline-badge { float: left; position: relative; padding-right: 30px; height: 80px; width: 80px; } .timeline .timeline-badge-userpic { width: 80px; border: 4px solid #f5f6fa; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .timeline .timeline-badge-userpic img { border-radius: 50% !important; vertical-align: middle !important; } .timeline .timeline-icon { width: 80px; height: 80px; background-color: #f5f6fa; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; padding-top: 30px; padding-left: 22px; } .timeline .timeline-icon i { font-size: 34px; } .timeline .timeline-body { position: relative; padding: 20px; margin-top: 20px; margin-left: 110px; background-color: #f5f6fa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .timeline .timeline-body:after, .timeline .timeline-body:before { content: " "; display: table; } .timeline .timeline-body:after { clear: both; } .timeline .timeline-body-arrow { position: absolute; top: 30px; left: -14px; width: 0; height: 0; border-style: solid; border-width: 14px 14px 14px 0; border-color: transparent #f5f6fa transparent transparent; } .timeline .timeline-body-head { margin-bottom: 10px; } .timeline .timeline-body-head-caption { float: left; } .timeline .timeline-body-alerttitle, .timeline .timeline-body-title { font-size: 16px; font-weight: 600; } .timeline .timeline-body-time { font-size: 14px; margin-left: 10px; } .timeline .timeline-body-head-actions { float: right; } .timeline .timeline-body-head-actions .btn-group { margin-top: -2px; } .timeline .timeline-body-content { font-size: 14px; margin-top: 35px; } .timeline .timeline-body-img { width: 100px; height: 100px; margin: 5px 20px 0 0; } .timeline.white-bg:before { background: #fff; } .timeline.white-bg .timeline-badge-userpic { border-color: #fff; } .timeline.white-bg .timeline-body, .timeline.white-bg .timeline-icon { background-color: #fff; } .timeline.white-bg .timeline-body-arrow { border-color: transparent #fff transparent transparent; } @media (max-width:768px) { .timeline .timeline-body-head-caption { width: 100%; } .timeline .timeline-body-head-actions { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; } } @media (max-width:480px) { .timeline:before { margin-left: 28px; } .timeline .timeline-badge { padding-right: 40px; width: 60px; height: 60px; } .timeline .timeline-badge-userpic { width: 60px; } .timeline .timeline-icon { width: 60px; height: 60px; padding-top: 23px; padding-left: 18px; } .timeline .timeline-icon i { font-size: 25px; } .timeline .timeline-body { margin-left: 80px; } .timeline .timeline-body-arrow { top: 17px; } } .mt-timeline-2 { position: relative; } .mt-timeline-2 > .mt-timeline-line { position: absolute; z-index: 1; height: 100%; width: 1px; top: 0; left: 50%; border-left: 4px solid; transform: translateX(-2px); } .mt-timeline-2 > .mt-container { position: relative; padding: 0; } .mt-timeline-2 > .mt-container > .mt-item { list-style: none; padding-bottom: 60px; clear: both; } .mt-timeline-2 > .mt-container > .mt-item .timeline-body-img.pull-left { margin-right: 15px; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon { width: 70px; height: 70px; background-color: #ccc; border-radius: 50% !important; position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; border: 0; overflow: hidden; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > i { top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); font-size: 24px; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > img { width: 100%; height: auto; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content { width: 50%; display: inline-block; position: relative; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container { text-align: left; background-color: #f5f6fa; padding: 30px; border: 2px solid #d3d7e9; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:after, .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:before { content: " "; display: table; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:after { clear: both; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author, .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-title { width: 50%; margin-bottom: 15px; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content-title { opacity: .8; filter: alpha(opacity=80); margin-top: 10px; font-size: 18px; font-weight: 600; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-avatar { width: 40px; height: 40px; border-radius: 50% !important; overflow: hidden; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-avatar > img { width: 100%; height: auto; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-name, .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-name a { opacity: .9; filter: alpha(opacity=90); font-size: 15px; font-weight: 600; text-decoration: none; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-notes { font-size: 12px; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content { padding-top: 15px; border-top: 1px solid; clear: both; line-height: 1.7em; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content > p { opacity: .7; filter: alpha(opacity=70); } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content a, .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-content button { font-size: 14px; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .btn { display: inline-block; margin: 0 5px 10px 0; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .btn.pull-right { margin: 0 0 10px 5px; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container:before { content: ""; position: absolute; top: 28px; height: 0; width: 0; border: 10px solid transparent; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) { text-align: left; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even), .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-name, .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-notes { text-align: right; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container { margin-right: 60px; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-title { float: left; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author { float: right; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-avatar { float: right; margin-left: 15px; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container:before { right: 40px; border-left: 10px solid #d3d7e9; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-icon > i { transform: translateY(-50%) translateX(50%); left: -50%; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container { margin-left: 60px; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-avatar { float: left; margin-right: 15px; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-title { float: right; text-align: right; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author { float: left; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author-name, .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author-notes { text-align: left; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container:before { left: 40px; border-right: 10px solid #E9EDEF; } @media (max-width:991px) { .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content, .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author, .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-title { width: 100%; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon, .mt-timeline-2 > .mt-timeline-line { left: 25px; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-icon > i { left: 0; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container:before, .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container:before { left: 70px; border-right: 10px solid #E9EDEF; border-left: none; } .mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-title { float: none; text-align: left !important; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) { text-align: right; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container { margin-left: 80px; margin-right: 0; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-avatar { float: left; margin-right: 15px; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-title { float: right; text-align: right; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author { float: left; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-name, .mt-timeline-2 > .mt-container > .mt-item:nth-child(odd) > .mt-timeline-content > .mt-content-container .mt-author-notes { text-align: left; } .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container { margin-left: 80px; margin-right: 0; } } @media (max-width:480px) { .mt-timeline-2 .btn-group.pull-right, .mt-timeline-2 .btn.pull-right { float: none !important; margin: 0 5px 10px 0 !important; } } @media (max-width:400px) { .mt-timeline-2 > .mt-container > .mt-item:nth-child(even) > .mt-timeline-content > .mt-content-container .mt-author-notes { clear: both; padding-top: 10px; } } .cd-horizontal-timeline { opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s; } .cd-horizontal-timeline::before { content: "mobile"; display: none; } .cd-horizontal-timeline.loaded { opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { content: ""; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient( to right, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events-wrapper::after { right: 0; background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient( to left, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events { position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; background: #dfdfdf; -webkit-transition: -webkit-transform .4s; -moz-transition: -moz-transform .4s; transition: transform .4s; } .cd-horizontal-timeline .filling-line { position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #7b9d6f; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 15px; color: #383838; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { content: ""; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; -webkit-transition: background-color .3s, border-color .3s; -moz-transition: background-color .3s, border-color .3s; transition: background-color .3s, border-color .3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } @media only screen and (min-width:1100px) { .cd-horizontal-timeline::before { content: "desktop"; } } .cd-timeline-navigation a { position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; transition: border-color .3s; } .cd-timeline-navigation a.prev { left: 0; } .cd-timeline-navigation a.next { right: 0; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .mt-sweetalert:hover, .tasks-widget .task-list > li > .task-checkbox input[type=checkbox] { cursor: pointer; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 10px 0 0; overflow: hidden; -webkit-transition: height .4s; -moz-transition: height .4s; transition: height .4s; } .cd-horizontal-timeline .events-content > ol > li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0; opacity: 0; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; animation-duration: .4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; margin: 0 auto; } .cd-horizontal-timeline .events-content > ol > li.selected { position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content > ol > li.enter-right, .cd-horizontal-timeline .events-content > ol > li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content > ol > li.enter-left, .cd-horizontal-timeline .events-content > ol > li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content > ol > li.leave-left, .cd-horizontal-timeline .events-content > ol > li.leave-right { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: "- "; } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .mt-timeline-horizontal { font-size: 14px; } .mt-timeline-horizontal ol, .mt-timeline-horizontal ul { list-style: none; } .mt-timeline-horizontal blockquote, .mt-timeline-horizontal q { quotes: none; } .mt-timeline-horizontal blockquote:after, .mt-timeline-horizontal blockquote:before, .mt-timeline-horizontal q:after, .mt-timeline-horizontal q:before { content: ""; content: none; } .mt-timeline-horizontal table { border-collapse: collapse; border-spacing: 0; } .mt-timeline-horizontal .timeline { width: 100%; max-width: 100%; } .mt-timeline-horizontal .timeline:before { background: 0 0; } .mt-timeline-horizontal .timeline .events-wrapper .events a:after { background-color: transparent; border: 2px solid; } .mt-timeline-horizontal .timeline .events-wrapper .events a.selected:after { background-color: #fff !important; } .mt-timeline-horizontal .timeline .events-wrapper .events a:focus, .mt-timeline-horizontal .timeline .events-wrapper .events a:hover { text-decoration: none; } .mt-timeline-horizontal .timeline .events-wrapper:after, .mt-timeline-horizontal .timeline .events-wrapper:before { background-image: none; } .mt-timeline-horizontal .timeline .mt-ht-nav-icon li a { border-radius: 50% !important; } .mt-timeline-horizontal .timeline .mt-ht-nav-icon li a i { position: absolute; top: 50%; left: 0; transform: translateX(50%) translateY(-50%); width: 10px; } .mt-timeline-horizontal .timeline .mt-ht-nav-icon li:first-child a i { left: -2px; } .mt-timeline-horizontal .timeline.mt-timeline-square .events a:after, .mt-timeline-horizontal .timeline.mt-timeline-square .mt-ht-nav-icon li a { border-radius: 0 !important; } .mt-timeline-horizontal .events-content ol { padding: 0; } .mt-timeline-horizontal .events-content ol li .mt-title { margin-top: 15px; float: left; width: 60%; } .mt-timeline-horizontal .events-content ol li .mt-title h2 { margin: 0; opacity: .8; filter: alpha(opacity=80); font-size: 18px; font-weight: 600; } .mt-timeline-horizontal .events-content ol li .mt-author { float: right; position: relative; text-align: right; width: 40%; } .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar { float: right; margin-left: 15px; width: 50px; height: 50px; border-radius: 50% !important; overflow: hidden; } .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name { margin-top: 5px; } .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a { opacity: .9; filter: alpha(opacity=90); font-size: 15px; font-weight: 600; } .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:focus, .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:hover { text-decoration: none; } .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-datetime { font-size: 13px; } .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar > img { width: 100%; height: auto; } .mt-timeline-horizontal .events-content ol li .mt-content { margin-top: 20px; padding-top: 20px; border-top: 1px solid; clear: both; line-height: 1.7em; } .mt-timeline-horizontal .events-content ol li .mt-content > p { opacity: .7; filter: alpha(opacity=70); } .mt-timeline-horizontal .events-content ol li .mt-content img.pull-left { margin: 0 15px 15px 0; } .mt-timeline-horizontal .events-content ol li .mt-content img.pull-right { margin: 0 0 15px 15px; } .mt-timeline-horizontal .events-content ol li .mt-content .btn-group .dropdown-menu { margin-right: 5px; } @media (max-width:480px) { .mt-timeline-horizontal .events-content ol li .mt-title { width: 100%; } .mt-timeline-horizontal .events-content ol li .mt-author { width: 100%; margin-top: 15px; text-align: left; } .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar { float: left; margin-right: 15px; margin-left: 0; } .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name { margin-top: 10px; } .mt-timeline-horizontal .btn.pull-right { float: none !important; margin: 0 !important; } } .tasks-widget:after { clear: both; } .tasks-widget .task-list { list-style: none; padding: 0; margin: 0; } .tasks-widget .task-list > li { position: relative; padding: 10px; border-bottom: 1px solid #F4F6F9; } .tasks-widget .task-list > li:hover { background: #F4F6F9; } .tasks-widget .task-list > li.last-line { border-bottom: none; } .tasks-widget .task-list > li.task-done { background: #f6f6f6; } .tasks-widget .task-list > li.task-done:hover { background: #f4f4f4; } .tasks-widget .task-list > li.task-done .task-title-sp { text-decoration: line-through; } .tasks-widget .task-list > li > .task-bell { margin-left: 10px; } .tasks-widget .task-list > li > .task-checkbox { float: left; width: 30px; } .tasks-widget .task-list > li > .task-title { color: #838FA1; margin-right: 10px; } .tasks-widget .task-list > li > .task-title .task-title-sp { margin-right: 5px; } .tasks-widget .task-list > li .task-config-btn { margin-top: -1px; } .tasks-widget .task-list > li > .task-config { display: none; position: absolute; top: 7px; right: 10px; } .tasks-widget .task-list > li:hover > .task-config { display: block; margin-bottom: 0 !important; } .tasks-widget .task-footer { margin-top: 5px; } .tasks-widget .task-footer:after, .tasks-widget .task-footer:before { content: " "; display: table; } .tasks-widget .task-footer:after { clear: both; } @media only screen and (max-width:480px) { .tasks-widget .task-config-btn { float: inherit; display: block; } .tasks-widget .task-list-projects li > .label { margin-bottom: 5px; } } .mt-comments .mt-comment { padding: 10px; margin: 0 0 10px; } .mt-comments .mt-comment .mt-comment-img { width: 40px; float: left; } .mt-comments .mt-comment .mt-comment-img > img { border-radius: 50% !important; } .mt-comments .mt-comment .mt-comment-body { padding-left: 20px; position: relative; overflow: hidden; } .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after, .mt-comments .mt-comment .mt-comment-body .mt-comment-info:before { content: " "; display: table; } .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after { clear: both; } .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author { display: inline-block; float: left; margin: 0 0 10px; color: #060606; font-weight: 600; } .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date { display: inline-block; float: right; margin: 0; color: #BABABA; } .mt-comments .mt-comment .mt-comment-body .mt-comment-text { color: #999; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details { margin: 10px 0 0; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status { text-transform: uppercase; float: left; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-pending { color: #B8C0F5; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-approved { color: #6BD873; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-rejected { color: red; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions { display: none; list-style: none; margin: 0; padding: 0; float: right; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li { float: left; padding: 0 5px; margin: 0; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a { text-transform: uppercase; color: #999; } .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a:hover { color: #666; text-decoration: none; } .mt-comments .mt-comment:hover { background: #f9f9f9; } .mt-comments .mt-comment:hover .mt-comment-body .mt-comment-details .mt-comment-actions { display: inline-block; } .mt-actions .mt-action { margin: 0; padding: 15px 0; border-bottom: 1px solid #f7f8f9; } .mt-actions .mt-action:last-child { border-bottom: 0; } .mt-actions .mt-action .mt-action-img { width: 40px; float: left; } .mt-actions .mt-action .mt-action-img > img { border-radius: 50% !important; margin-bottom: 2px; } .mt-actions .mt-action .mt-action-body { padding-left: 15px; position: relative; overflow: hidden; } .mt-actions .mt-action .mt-action-body .mt-action-row { display: table; width: 100%; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info { display: table-cell; vertical-align: top; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon { display: table-cell; padding: 6px 20px 6px 6px; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon > i { display: inline-block; position: relative; top: 10px; font-size: 25px; color: #78E0E8; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details { display: table-cell; vertical-align: top; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author { color: #060606; font-weight: 600; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc { margin-bottom: 0; color: #999b9b; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime { vertical-align: top; display: table-cell; text-align: center; width: 150px; white-space: nowrap; padding-top: 15px; color: #A6A8A8; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime .mt-action-dot { display: inline-block; width: 10px; height: 10px; background-color: red; border-radius: 50% !important; margin-left: 5px; margin-right: 5px; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons { vertical-align: top; display: table-cell; text-align: center; width: 160px; white-space: nowrap; padding-top: 10px; } @media (max-width:767px) { .mt-actions .mt-action .mt-action-body .mt-action-row, .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info { display: block; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime { display: inline-block; margin-left: 40px; } .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons { display: inline-block; float: right; } } .mt-widget-1 { border: 1px solid #e7ecf1; text-align: center; position: relative; } .mt-widget-1 .mt-icon { position: absolute; right: 10px; top: 10px; margin: 7px; font-size: 20px; } .mt-widget-1 .mt-icon > a > i { color: #a1e5e1; } .mt-widget-1 .mt-icon > a:hover > i { color: #79dad5; } .mt-widget-1 .mt-img { display: inline-block; border-radius: 50% !important; border: 4px solid #e7ecf1; margin: 40px 0 30px; } .mt-widget-1 .mt-img > img { border: 1px solid trnsparent; border-radius: 50% !important; } .mt-widget-1 .mt-body .mt-username { text-align: center; margin: 5px 10px; font-weight: 600; font-size: 16px; } .mt-widget-1 .mt-body .mt-user-title { text-align: center; margin: 10px; color: #666; font-size: 13px; } .mt-widget-1 .mt-body .mt-stats { margin: 30px 0 0; } .mt-widget-1 .mt-body .mt-stats .btn-group { border-top: 1px solid #e7ecf1; } .mt-widget-1 .mt-body .mt-stats .btn-group .btn { padding: 10px; font-size: 14px; border-right: 1px solid #e7ecf1; } .mt-widget-1 .mt-body .mt-stats .btn-group .btn:hover { background-color: #e7ecf1; } .mt-widget-1 .mt-body .mt-stats .btn-group .btn:last-child { border: 0; border-bottom-right-radius: 4px !important; } .mt-widget-1 .mt-body .mt-stats .btn-group .btn > i { position: relative; top: 3px; right: 2px; font-size: 16px; } .mt-widget-1 .mt-body .mt-stats .btn-group .btn:first-child { border-bottom-left-radius: 4px !important; } .mt-widget-2 { border: 1px solid #e7ecf1; position: relative; } .mt-widget-2 .mt-head { position: absolute; width: 100%; background-size: 100% 100%; } .mt-widget-2 .mt-head .mt-head-label { position: absolute; top: 8px; right: 8px; cursor: pointer; } .mt-widget-2 .mt-head .mt-head-label > button { font-size: 13px; border-radius: 2px !important; } .mt-widget-2 .mt-head .mt-head-user .mt-head-user-img { position: relative; float: left; margin: 165px 32px 18px 35px; } .mt-widget-2 .mt-head .mt-head-user .mt-head-user-img::after { content: ""; position: absolute; top: 90%; left: 50%; margin-left: -15px; border-width: 13px; border-style: solid; border-color: transparent transparent #fff; } .mt-widget-2 .mt-head .mt-head-user .mt-head-user-img > img { width: 65px; border-radius: 50% !important; } .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info { margin: 175px 0 0 -9px; color: #fff; display: inline-block; } .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-name { display: block; font-size: 15px; } .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-time { font-size: 13px; display: block; } .mt-widget-2 .mt-head .mt-head-user .mt-head-user-info .mt-user-time > i { position: relative; top: 1px; font-size: 13px; } .mt-widget-2 .mt-body { padding-top: 160px; text-align: center; } .mt-widget-2 .mt-body .mt-body-title { margin-top: 130px; font-weight: 600; font-size: 16px; } .mt-widget-2 .mt-body .mt-body-description { margin-top: 10px; display: inline-block; color: #666; font-size: 13px; padding: 0 10px; } .mt-widget-2 .mt-body .mt-body-stats { padding: 0; } .mt-widget-2 .mt-body .mt-body-stats:after, .mt-widget-2 .mt-body .mt-body-stats:before { content: " "; display: table; } .mt-widget-2 .mt-body .mt-body-stats:after { clear: both; } .mt-widget-2 .mt-body .mt-body-stats > li { margin: 15px; list-style: none; display: inline-block; } .mt-widget-2 .mt-body .mt-body-actions { border-top: 1px solid #e7ecf1; } .mt-widget-2 .mt-body .mt-body-actions > i { font-size: 18px; } .mt-widget-2 .mt-body .mt-body-actions .btn { font-size: 14px; border-right: 1px solid #e7ecf1; padding: 12px 0; text-align: center; } .mt-widget-2 .mt-body .mt-body-actions .btn:last-child { border: 0; } .mt-widget-3 { border: 1px solid #e7ecf1; } .mt-widget-3 .mt-head { background-color: #5DC9E6; margin-bottom: 20px; color: #fff; padding: 15px 0; } .mt-widget-4, .mt-widget-4 .mt-container { background-color: #26C0B8; min-height: 250px; } .mt-widget-3 .mt-head .mt-head-icon { font-size: 35px; text-align: center; padding-top: 20px; margin-bottom: 10px; } .mt-widget-3 .mt-head .mt-head-desc { margin-left: 10px; margin-right: 10px; text-align: center; color: #fff; opacity: .8; filter: alpha(opacity=80); } .mt-widget-3 .mt-head .mt-head-date { text-align: center; margin-top: 20px; display: block; color: #f2f2f2; } .mt-widget-3 .mt-head .mt-head-button { margin: 10px 0; text-align: center; padding: 20px; } .mt-widget-3 .mt-head .mt-head-button > button { width: 90px; } .mt-widget-3 .mt-body-actions-icons .btn-group { margin-bottom: 20px; } .mt-widget-3 .mt-body-actions-icons .btn-group .mt-icon { display: block; position: relative; padding: 5px; font-size: 15px; } .mt-widget-3 .mt-body-actions-icons .btn { border-right: 1px solid #e7ecf1; font-size: 11px; text-align: center; padding: 0; } .mt-widget-3 .mt-body-actions-icons .btn:last-child { border-right: 0; } .mt-widget-4 { color: #fff; } .mt-widget-4 .mt-img-container { position: relative; } .mt-widget-4 .mt-img-container > img { height: 250px; width: 100%; } .mt-widget-4 .mt-container { width: 150px; position: absolute; right: 15px; top: 0; } .mt-widget-4 .mt-container .mt-head-title { text-align: center; margin-top: 20px; padding: 10px; } .mt-widget-4 .mt-container .mt-body-icons { margin-top: 30px; text-align: center; } .mt-widget-4 .mt-container .mt-body-icons > a { color: #e6e6e6; display: inline-block; padding: 10px; font-size: 17px; } .mt-widget-4 .mt-container .mt-body-icons > a:hover { color: #fff; } .mt-widget-4 .mt-container .mt-footer-button { margin-top: 30px; position: absolute; right: 0; } .mt-widget-4 .mt-container .mt-footer-button > .btn { width: 90px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border: none !important; } body.stop-scrolling { height: auto !important; overflow: visible !important; } .sweet-alert .sa-icon, .sweet-alert .sa-icon.sa-success .sa-placeholder { border-radius: 50% !important; } .sweet-alert h2 { font-size: 20px; padding-top: 5px; } .sweet-alert p { font-size: 14px; } .sweet-alert .btn { font-size: 14px; padding: 8px 14px; } .sweet-alert .btn:focus { border-color: transparent; } .mt-sweetalert { margin: 0 5px 5px 0; } .mt-sweetalert.mt-italic { font-style: italic; } .mt-sweetalert:focus { outline: 0 !important; border: 1px solid transparent; } .mt-sweetalert-title { margin: 30px 0 15px; } .mt-clipboard-container { padding: 20px; } .mt-clipboard-container .mt-clipboard { margin: 10px 10px 10px 0; } .mt-multiselect { text-align: left; position: relative; } .mt-multiselect .caret { position: absolute; top: 50%; margin-top: -2px; right: 15px; } .mt-multiselect.mt-noicon .caret { display: none; } .mt-code { padding: 3px; color: #E43A45; border-radius: 4px !important; display: inline; word-wrap: normal; } .caption-desc { font-size: 13px; margin-top: .5em; line-height: 2.3em; } .mt-element-step .row { margin: 0; } .mt-element-step .step-default .mt-step-col { padding-top: 30px; padding-bottom: 30px; text-align: center; } .mt-element-step .step-default .mt-step-number { font-size: 26px; border-radius: 50% !important; display: inline-block; margin: auto auto 20px; padding: 3px 14px; } .mt-element-step .step-default .mt-step-title { font-size: 30px; font-weight: 100; } .mt-element-step .step-default .active { background-color: #32c5d2 !important; } .mt-element-step .step-default .active .mt-step-number { color: #32c5d2 !important; } .mt-element-step .step-default .active .mt-step-content, .mt-element-step .step-default .active .mt-step-title { color: #fff !important; } .mt-element-step .step-default .done { background-color: #26C281 !important; } .mt-element-step .step-default .done .mt-step-number { color: #26C281 !important; } .mt-element-step .step-default .done .mt-step-content, .mt-element-step .step-default .done .mt-step-title { color: #fff !important; } .mt-element-step .step-default .error { background-color: #E7505A !important; } .mt-element-step .step-default .error .mt-step-number { color: #E7505A !important; } .mt-element-step .step-default .error .mt-step-content, .mt-element-step .step-default .error .mt-step-title { color: #fff !important; } .mt-element-step .step-thin .mt-step-col { padding-top: 10px; padding-bottom: 10px; } .mt-element-step .step-thin .mt-step-number { font-size: 26px; border-radius: 50% !important; float: left; margin: auto; padding: 3px 14px; } .mt-element-step .step-thin .mt-step-title { font-size: 24px; font-weight: 100; padding-left: 60px; margin-top: -4px; } .mt-element-step .step-thin .mt-step-content { padding-left: 60px; margin-top: -5px; } .mt-element-step .step-thin .active { background-color: #32c5d2 !important; } .mt-element-step .step-thin .active .mt-step-number { color: #32c5d2 !important; } .mt-element-step .step-thin .active .mt-step-content, .mt-element-step .step-thin .active .mt-step-title { color: #fff !important; } .mt-element-step .step-thin .done { background-color: #26C281 !important; } .mt-element-step .step-thin .done .mt-step-number { color: #26C281 !important; } .mt-element-step .step-thin .done .mt-step-content, .mt-element-step .step-thin .done .mt-step-title { color: #fff !important; } .mt-element-step .step-thin .error { background-color: #E7505A !important; } .mt-element-step .step-thin .error .mt-step-number { color: #E7505A !important; } .mt-element-step .step-thin .error .mt-step-content, .mt-element-step .step-thin .error .mt-step-title { color: #fff !important; } .mt-element-step .step-background .mt-step-col { padding-top: 30px; padding-bottom: 30px; text-align: center; height: 160px; } .mt-element-step .step-background .mt-step-number { font-size: 200px; position: absolute; bottom: 0; right: 0; line-height: .79em; color: #dae1e4; z-index: 4; } .mt-element-step .step-background .mt-step-content, .mt-element-step .step-background .mt-step-title { text-align: right; z-index: 5; position: relative; padding-right: 25%; } .mt-element-step .step-background .mt-step-title { font-size: 30px; font-weight: 100; } .mt-element-step .step-background .active { background-color: #32c5d2 !important; } .mt-element-step .step-background .active .mt-step-number { color: #2ab4c0 !important; } .mt-element-step .step-background .active .mt-step-content, .mt-element-step .step-background .active .mt-step-title { color: #fff !important; } .mt-element-step .step-background .done { background-color: #26C281 !important; } .mt-element-step .step-background .done .mt-step-number { color: #22ad73 !important; } .mt-element-step .step-background .done .mt-step-content, .mt-element-step .step-background .done .mt-step-title { color: #fff !important; } .mt-element-step .step-background .error { background-color: #E7505A !important; } .mt-element-step .step-background .error .mt-step-number { color: #e43a45 !important; } .mt-element-step .step-background .error .mt-step-content, .mt-element-step .step-background .error .mt-step-title { color: #fff !important; } .mt-element-step .step-background-thin .mt-step-col { padding-top: 15px; padding-bottom: 15px; text-align: center; } .mt-element-step .step-background-thin .mt-step-number { font-size: 120px; position: absolute; bottom: 0; right: 0; line-height: .79em; color: #dae1e4; z-index: 4; } .mt-element-step .step-background-thin .mt-step-title { font-size: 30px; font-weight: 100; text-align: right; padding-right: 25%; z-index: 5; position: relative; } .mt-element-step .step-background-thin .mt-step-content { text-align: right; position: relative; padding-right: 25%; z-index: 5; } .mt-element-step .step-background-thin .active { background-color: #32c5d2 !important; } .mt-element-step .step-background-thin .active .mt-step-number { color: #2ab4c0 !important; } .mt-element-step .step-background-thin .active .mt-step-content, .mt-element-step .step-background-thin .active .mt-step-title { color: #fff !important; } .mt-element-step .step-background-thin .done { background-color: #26C281 !important; } .mt-element-step .step-background-thin .done .mt-step-number { color: #22ad73 !important; } .mt-element-step .step-background-thin .done .mt-step-content, .mt-element-step .step-background-thin .done .mt-step-title { color: #fff !important; } .mt-element-step .step-background-thin .error { background-color: #E7505A !important; } .mt-element-step .step-background-thin .error .mt-step-number { color: #e43a45 !important; } .mt-element-step .step-background-thin .error .mt-step-content, .mt-element-step .step-background-thin .error .mt-step-title { color: #fff !important; } .mt-element-step .step-no-background .mt-step-col { padding-top: 30px; padding-bottom: 30px; text-align: center; } .mt-element-step .step-no-background .mt-step-number { font-size: 26px; border-radius: 50% !important; display: inline-block; margin: auto auto 20px; padding: 3px 14px; border: 1px solid #e5e5e5; } .mt-element-step .step-no-background .mt-step-title { font-size: 30px; font-weight: 100; } .mt-element-step .step-no-background .active .mt-step-number { color: #32c5d2 !important; border-color: #32c5d2 !important; font-weight: 700; } .mt-element-step .step-no-background .active .mt-step-content, .mt-element-step .step-no-background .active .mt-step-title { color: #32c5d2 !important; font-weight: 700; } .mt-element-step .step-no-background .done .mt-step-number { color: #26C281 !important; border-color: #26C281 !important; font-weight: 700; } .mt-element-step .step-no-background .done .mt-step-content, .mt-element-step .step-no-background .done .mt-step-title { color: #26C281 !important; font-weight: 700; } .mt-element-step .step-no-background .error .mt-step-number { color: #E7505A !important; border-color: #E7505A !important; font-weight: 700; } .mt-element-step .step-no-background .error .mt-step-content, .mt-element-step .step-no-background .error .mt-step-title { color: #E7505A !important; font-weight: 700; } .mt-element-step .step-no-background-thin .mt-step-col { padding-top: 10px; padding-bottom: 10px; } .mt-element-step .step-no-background-thin .mt-step-number { font-size: 26px; border-radius: 50% !important; float: left; margin: auto; padding: 3px 14px; border: 1px solid #e5e5e5; } .mt-element-step .step-no-background-thin .mt-step-title { font-size: 24px; font-weight: 100; padding-left: 60px; margin-top: -4px; } .mt-element-step .step-no-background-thin .mt-step-content { padding-left: 60px; margin-top: -5px; } .mt-element-step .step-no-background-thin .active .mt-step-number { color: #32c5d2 !important; border-color: #32c5d2 !important; font-weight: 700; } .mt-element-step .step-no-background-thin .active .mt-step-content, .mt-element-step .step-no-background-thin .active .mt-step-title { color: #32c5d2 !important; font-weight: 700; } .mt-element-step .step-no-background-thin .done .mt-step-number { color: #26C281 !important; border-color: #26C281 !important; font-weight: 700; } .mt-element-step .step-no-background-thin .done .mt-step-content, .mt-element-step .step-no-background-thin .done .mt-step-title { color: #26C281 !important; font-weight: 700; } .mt-element-step .step-no-background-thin .error .mt-step-number { color: #E7505A !important; border-color: #E7505A !important; font-weight: 700; } .mt-element-step .step-no-background-thin .error .mt-step-content, .mt-element-step .step-no-background-thin .error .mt-step-title { color: #E7505A !important; font-weight: 700; } .mt-element-step .step-line .mt-step-col { padding: 30px 0; text-align: center; } .mt-element-step .step-line .mt-step-number { font-size: 26px; border-radius: 50% !important; display: inline-block; margin: auto auto 5px; padding: 9px; border: 3px solid #e5e5e5; position: relative; z-index: 5; height: 60px; width: 60px; text-align: center; } .mt-element-step .step-line .mt-step-number > i { position: relative; top: 50%; transform: translateY(-120%); } .mt-element-step .step-line .mt-step-title { font-size: 20px; font-weight: 400; position: relative; } .mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before { content: ""; height: 3px; width: 50%; position: absolute; background-color: #e5e5e5; top: -32px; z-index: 4; transform: translateY(-100%); } .mt-element-step .step-line .mt-step-title:after { left: 50%; } .mt-element-step .step-line .mt-step-title:before { right: 50%; } .mt-element-step .step-line .first .mt-step-title:before, .mt-element-step .step-line .last .mt-step-title:after { content: none; } .mt-element-step .step-line .active .mt-step-number { color: #32c5d2 !important; border-color: #32c5d2 !important; } .mt-element-step .step-line .active .mt-step-content, .mt-element-step .step-line .active .mt-step-title { color: #32c5d2 !important; } .mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before { background-color: #32c5d2; } .mt-element-step .step-line .done .mt-step-number { color: #26C281 !important; border-color: #26C281 !important; } .mt-element-step .step-line .done .mt-step-content, .mt-element-step .step-line .done .mt-step-title { color: #26C281 !important; } .mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before { background-color: #26C281; } .mt-element-step .step-line .error .mt-step-number { color: #E7505A !important; border-color: #E7505A !important; } .mt-element-step .step-line .error .mt-step-content, .mt-element-step .step-line .error .mt-step-title { color: #E7505A !important; } .mt-element-step .step-line .error .mt-step-title:after, .mt-element-step .step-line .error .mt-step-title:before { background-color: #E7505A; } @media (max-width:991px) { .mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before { content: none; } } .mt-element-list .list-default.mt-list-head { background-position: center; background-size: cover; background-repeat: no-repeat; padding: 15px; } .mt-element-list .list-default.mt-list-head .list-title { margin: 0 0 .7em; font-size: 18px; } .mt-element-list .list-default.mt-list-head .list-date { font-size: 12px; } .mt-element-list .list-default.mt-list-head .list-pending { margin-bottom: 10px; } .mt-element-list .list-default.mt-list-head .list-count { display: inline-block; padding: 3px 7px; } .mt-element-list .list-default.mt-list-head .list-count.last { margin-bottom: 0; } .mt-element-list .list-default.mt-list-head .list-label { display: inline-block; font-size: 12px; } .mt-element-list .list-default.mt-list-container { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #e7ecf1; padding: 15px; } .mt-element-list .list-default.mt-list-container .mt-list-title { padding-bottom: 15px; font-size: 14px; font-weight: 700; } .mt-element-list .list-default.mt-list-container ul { margin-bottom: 0; padding: 0; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item { list-style: none; border-bottom: 1px solid; border-color: #e7ecf1; padding: 25px 0; min-height: 45px; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item:first-child { padding-top: 0; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item:last-child { padding-bottom: 0; border: none; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container { border: 1px solid #e7ecf1; border-radius: 50% !important; padding: .9em; float: left; width: 45px; height: 45px; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a { color: #34495e; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover { color: #26C281; text-decoration: none; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done { border-color: #26C281; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a { color: #26C281; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover { color: #26C281; text-decoration: none; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content { padding: 0 75px 0 60px; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 { margin-top: 0; margin-bottom: 5px; font-size: 16px; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a { color: #34495e; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover { color: #26C281; text-decoration: none; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > p { margin: 0; } .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime { text-align: right; float: right; width: 60px; } .mt-element-list .list-default.ext-1.mt-list-container { padding: 15px 0 0; } .mt-element-list .list-default.ext-1.mt-list-container .mt-list-title { padding: 0 15px 15px; } .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item { padding: 15px; border-left: 3px solid; border-color: #2F353B #2F353B #e7ecf1; } .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item:hover { background-color: #e5e5e5; } .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done { border-color: #26C281 #26C281 #e7ecf1; } .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done:hover { background-color: #96ebc8; } .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item > .list-icon-container { border: none; } .mt-element-list .list-default.group .list-toggle-container:active, .mt-element-list .list-default.group .list-toggle-container:focus, .mt-element-list .list-default.group .list-toggle-container:hover { text-decoration: none; } .mt-element-list .list-default.group .list-toggle-container .list-toggle { padding: 15px; background-color: #2F353B; font-weight: 700; color: #fff; text-decoration: none; } .mt-element-list .list-default.group .list-toggle-container .list-toggle.done { background-color: #26C281; } .mt-element-list .list-simple.mt-list-container { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #e7ecf1; padding: 15px; } .mt-element-list .list-simple.mt-list-container ul { margin-bottom: 0; padding: 0; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item { list-style: none; border-bottom: 1px solid; border-color: #e7ecf1; padding: 15px 0; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:first-child { padding-top: 0; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:last-child { padding-bottom: 0; border: none; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container { font-size: 14px; float: left; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a { color: #34495e; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover { color: #26C281; text-decoration: none; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done, .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a { color: #26C281; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover { color: #26C281; text-decoration: none; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content { padding: 0 75px 0 60px; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 { margin: 0; font-size: 18px; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a { color: #34495e; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover { color: #26C281; text-decoration: none; } .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-datetime { text-align: right; float: right; width: 60px; } .mt-element-list .list-simple.mt-list-head { padding: 15px; } .mt-element-list .list-simple.mt-list-head .list-title { margin: 0; padding-right: 85px; } .mt-element-list .list-simple.mt-list-head .list-date { font-size: 12px; opacity: .8; float: right; width: 75px; } .mt-element-list .list-simple.ext-1.mt-list-container { padding: 0; } .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item { padding: 15px; border-left: 3px solid; border-color: #34495e #34495e #e7ecf1; } .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item:hover { background-color: #e5e5e5; } .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done { border-color: #26C281 #26C281 #e7ecf1; } .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done:hover { background-color: #96ebc8; } .mt-element-list .list-simple.group .list-toggle-container:active, .mt-element-list .list-simple.group .list-toggle-container:focus, .mt-element-list .list-simple.group .list-toggle-container:hover { text-decoration: none; } .mt-element-list .list-simple.group .list-toggle-container .list-toggle { padding: 15px; background-color: #34495e; font-weight: 700; color: #fff; text-decoration: none; } .mt-element-list .list-simple.group .list-toggle-container .list-toggle.done { background-color: #26C281; } .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:hover, .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:hover { background-color: #e5e5e5; } .mt-element-list .list-news.mt-list-head { padding: 15px; text-align: center; } .mt-element-list .list-news.mt-list-head .list-title { margin: 0; } .mt-element-list .list-news.mt-list-head .badge { margin-top: 5px; } .mt-element-list .list-news.mt-list-container { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #e7ecf1; padding: 15px 0; } .mt-element-list .list-news.mt-list-container ul { margin-bottom: 0; padding: 0; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item { list-style: none; border-bottom: 1px solid; border-color: #e7ecf1; padding: 15px; position: relative; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item:first-child { padding-top: 0; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item:last-child { padding-bottom: 0; border: none; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container { font-size: 20px; position: absolute; right: 5px; top: 50%; margin-top: -10px; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a { color: #2f353b; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a:hover { color: #32c5d2; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content { padding: 0 25px 0 0; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 { margin: 0 0 10px; font-size: 18px; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a { color: #34495e; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover { color: #32c5d2; text-decoration: none; } .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-datetime { margin-bottom: 10px; } .mt-element-list .list-news.ext-1.mt-list-head { position: relative; text-align: left; } .mt-element-list .list-news.ext-1.mt-list-head .list-count { position: absolute; right: 0; top: 0; height: 100%; padding: 19px; } .mt-element-list .list-news.ext-1 .list-thumb { width: 80px; height: 80px; overflow: hidden; float: left; } .mt-element-list .list-news.ext-1 .list-thumb img { width: 100%; } .mt-element-list .list-news.ext-1.mt-list-container { padding: 0; } .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item { padding: 15px; } .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-datetime, .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-item-content { padding-left: 90px; } .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:last-child { padding-bottom: 15px; } .mt-element-list .list-news.ext-2.mt-list-head { position: relative; text-align: left; } .mt-element-list .list-news.ext-2.mt-list-head .list-count { position: absolute; right: 0; top: 0; height: 100%; padding: 19px; } .mt-element-list .list-news.ext-2 .list-thumb { width: 80px; height: 80px; overflow: hidden; float: left; } .mt-element-list .list-news.ext-2 .list-thumb img { width: 100%; } .mt-element-list .list-news.ext-2.mt-list-container { padding: 0; } .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item { padding: 15px; } .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-datetime, .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content { padding-left: 90px; } .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 { font-size: 16px; } .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover { color: #F2784B; } .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:last-child { padding-bottom: 15px; } .mt-element-list .list-todo.mt-list-head { padding: 15px; position: relative; } .mt-element-list .list-todo.mt-list-head .list-title { margin: 0; } .mt-element-list .list-todo.mt-list-head .list-head-count { margin-top: 5px; } .mt-element-list .list-todo.mt-list-head .list-head-count > .list-head-count-item { display: inline-block; margin-right: 15px; } .mt-element-list .list-todo.mt-list-head .list-count { position: absolute; top: 0; right: 0; padding: 29px; font-size: 16px; } .mt-element-list .list-todo.mt-list-head a { color: #fff; } .mt-element-list .list-todo.mt-list-head a:hover { text-decoration: none; } .mt-element-list .list-todo.mt-list-container { border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #e7ecf1; position: relative; } .mt-element-list .list-todo.mt-list-container .list-todo-line { position: absolute; z-index: 1; height: 100%; width: 1px; top: 0; left: 25px; border-left: 1px solid; border-color: #e7ecf1; } .mt-element-list .list-todo.mt-list-container ul { margin-bottom: 0; padding: 0; position: relative; z-index: 5; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item { list-style: none; border-bottom: 1px solid; border-bottom-style: dashed; border-color: #e7ecf1; padding: 15px; position: relative; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item:last-child { border: none; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-icon { display: inline-block; margin-top: .7em; padding: .7em 0; vertical-align: top; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item { margin-left: 15px; display: inline-block; vertical-align: top; width: 90%; position: relative; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(47, 53, 59, 0); border-right-color: #2f353b; border-width: 8px; top: 18px; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:active, .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:focus, .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:hover { text-decoration: none; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle { padding: 15px; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle > .list-toggle-title { display: inline-block; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list { border: 1px solid #e7ecf1; padding: 0; margin: 0; position: relative; border-top: none; border-bottom: none; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item { list-style: none; padding: 15px; border-bottom: 1px solid; border-color: #e7ecf1; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a { color: #2f353b; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a:hover { text-decoration: none; color: #e43a45; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item:last-child { border-bottom: none; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-icon { float: left; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content { padding: 0 45px 0 35px; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > h4 { margin-top: 0; font-size: 14px; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > p { font-size: 13px; margin: 0; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status { float: right; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status a { color: #e5e5e5; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .done:hover { color: #26C281; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .pending:hover { color: #e43a45; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item.done > .task-status .done { color: #26C281; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer { padding: 15px; text-align: center; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a { color: #2f353b; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a:hover { text-decoration: none; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-trash:hover { color: #e43a45; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-add:hover { color: #26C281; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container { font-size: 20px; position: absolute; right: 5px; top: 50%; margin-top: -10px; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a { color: #2f353b; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a:hover { color: #32c5d2; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content { padding: 0 25px 0 0; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 { margin: 0 0 10px; font-size: 18px; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a { color: #34495e; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover { color: #32c5d2; text-decoration: none; } .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-datetime { margin-bottom: 10px; } .mt-element-list .list-default.mt-list-head.white, .mt-element-list .list-default.mt-list-head.white .badge { background-color: #fff; color: #666; } .mt-element-list .list-default.mt-list-head.white.ext-1 .badge { background-color: #e6e6e6; } .mt-element-list .list-default.mt-list-head.white .list-date, .mt-element-list .list-default.mt-list-head.white .list-label { color: #fff; } .mt-element-list .list-todo .list-count.white, .mt-element-list .list-todo.mt-list-head.white { background-color: #fff; color: #666; } .mt-element-list .list-todo .list-count.white:hover { background-color: #f2f2f2; } .mt-element-list .list-todo .list-todo-line.white { border-color: #fff; } .mt-element-list .list-todo .list-todo-item.white:after { border-right-color: #fff !important; } .mt-element-list .list-todo .list-todo-item.white .list-toggle { background: #fff; color: #666 !important; } .mt-element-list .list-todo .list-todo-item.white .list-toggle > .badge { color: #fff; background: #666; } .mt-element-list .list-default.mt-list-head.default { background-color: #e1e5ec; color: #666; } .mt-element-list .list-default.mt-list-head.default .badge { background-color: #fff; color: #666; } .mt-element-list .list-default.mt-list-head.default.ext-1 .badge { background-color: #c2cad8; } .mt-element-list .list-default.mt-list-head.default .list-date, .mt-element-list .list-default.mt-list-head.default .list-label { color: #fff; } .mt-element-list .list-todo .list-count.default, .mt-element-list .list-todo.mt-list-head.default { background-color: #e1e5ec; color: #666; } .mt-element-list .list-todo .list-count.default:hover { background-color: #d1d7e2; } .mt-element-list .list-todo .list-todo-line.default { border-color: #e1e5ec; } .mt-element-list .list-todo .list-todo-item.default:after { border-right-color: #e1e5ec !important; } .mt-element-list .list-todo .list-todo-item.default .list-toggle { background: #e1e5ec; color: #666 !important; } .mt-element-list .list-todo .list-todo-item.default .list-toggle > .badge { color: #e1e5ec; background: #666; } .mt-element-list .list-default.mt-list-head.dark { background-color: #2f353b; color: #FFF; } .mt-element-list .list-default.mt-list-head.dark .badge { background-color: #464f57; color: #FFF; } .mt-element-list .list-default.mt-list-head.dark.ext-1 .badge { background-color: #181c1f; } .mt-element-list .list-default.mt-list-head.dark .list-date, .mt-element-list .list-default.mt-list-head.dark .list-label { color: #acb5bd; } .mt-element-list .list-todo .list-count.dark, .mt-element-list .list-todo.mt-list-head.dark { background-color: #2f353b; color: #FFF; } .mt-element-list .list-todo .list-count.dark:hover { background-color: #24282d; } .mt-element-list .list-todo .list-todo-line.dark { border-color: #2f353b; } .mt-element-list .list-todo .list-todo-item.dark:after { border-right-color: #2f353b !important; } .mt-element-list .list-todo .list-todo-item.dark .list-toggle { background: #2f353b; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.dark .list-toggle > .badge { color: #2f353b; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue { background-color: #3598dc; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue .badge { background-color: #60aee4; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue.ext-1 .badge { background-color: #217ebd; } .mt-element-list .list-default.mt-list-head.blue .list-date, .mt-element-list .list-default.mt-list-head.blue .list-label { color: #fff; } .mt-element-list .list-todo .list-count.blue, .mt-element-list .list-todo.mt-list-head.blue { background-color: #3598dc; color: #FFF; } .mt-element-list .list-todo .list-count.blue:hover { background-color: #258cd3; } .mt-element-list .list-todo .list-todo-line.blue { border-color: #3598dc; } .mt-element-list .list-todo .list-todo-item.blue:after { border-right-color: #3598dc !important; } .mt-element-list .list-todo .list-todo-item.blue .list-toggle { background: #3598dc; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue .list-toggle > .badge { color: #3598dc; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue-madison { background-color: #578ebe; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-madison .badge { background-color: #7ca7cc; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-madison.ext-1 .badge { background-color: #3f74a3; } .mt-element-list .list-default.mt-list-head.blue-madison .list-date, .mt-element-list .list-default.mt-list-head.blue-madison .list-label { color: #fff; } .mt-element-list .list-todo .list-count.blue-madison, .mt-element-list .list-todo.mt-list-head.blue-madison { background-color: #578ebe; color: #FFF; } .mt-element-list .list-todo .list-count.blue-madison:hover { background-color: #4682b5; } .mt-element-list .list-todo .list-todo-line.blue-madison { border-color: #578ebe; } .mt-element-list .list-todo .list-todo-item.blue-madison:after { border-right-color: #578ebe !important; } .mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle { background: #578ebe; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle > .badge { color: #578ebe; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue-chambray { background-color: #2C3E50; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-chambray .badge { background-color: #3e5871; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge { background-color: #1a252f; } .mt-element-list .list-default.mt-list-head.blue-chambray .list-date, .mt-element-list .list-default.mt-list-head.blue-chambray .list-label { color: #aabed1; } .mt-element-list .list-todo .list-count.blue-chambray, .mt-element-list .list-todo.mt-list-head.blue-chambray { background-color: #2C3E50; color: #FFF; } .mt-element-list .list-todo .list-count.blue-chambray:hover { background-color: #233140; } .mt-element-list .list-todo .list-todo-line.blue-chambray { border-color: #2C3E50; } .mt-element-list .list-todo .list-todo-item.blue-chambray:after { border-right-color: #2C3E50 !important; } .mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle { background: #2C3E50; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle > .badge { color: #2C3E50; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue-ebonyclay { background-color: #22313F; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-ebonyclay .badge { background-color: #344b60; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-ebonyclay.ext-1 .badge { background-color: #10171e; } .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-date, .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-label { color: #98b1c8; } .mt-element-list .list-todo .list-count.blue-ebonyclay, .mt-element-list .list-todo.mt-list-head.blue-ebonyclay { background-color: #22313F; color: #FFF; } .mt-element-list .list-todo .list-count.blue-ebonyclay:hover { background-color: #19242e; } .mt-element-list .list-todo .list-todo-line.blue-ebonyclay { border-color: #22313F; } .mt-element-list .list-todo .list-todo-item.blue-ebonyclay:after { border-right-color: #22313F !important; } .mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle { background: #22313F; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle > .badge { color: #22313F; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue-hoki { background-color: #67809F; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-hoki .badge { background-color: #869ab3; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-hoki.ext-1 .badge { background-color: #526781; } .mt-element-list .list-default.mt-list-head.blue-hoki .list-date, .mt-element-list .list-default.mt-list-head.blue-hoki .list-label { color: #fff; } .mt-element-list .list-todo .list-count.blue-hoki, .mt-element-list .list-todo.mt-list-head.blue-hoki { background-color: #67809F; color: #FFF; } .mt-element-list .list-todo .list-count.blue-hoki:hover { background-color: #5c7391; } .mt-element-list .list-todo .list-todo-line.blue-hoki { border-color: #67809F; } .mt-element-list .list-todo .list-todo-item.blue-hoki:after { border-right-color: #67809F !important; } .mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle { background: #67809F; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle > .badge { color: #67809F; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue-steel { background-color: #4B77BE; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-steel .badge { background-color: #7093cc; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-steel.ext-1 .badge { background-color: #395f9d; } .mt-element-list .list-default.mt-list-head.blue-steel .list-date, .mt-element-list .list-default.mt-list-head.blue-steel .list-label { color: #fff; } .mt-element-list .list-todo .list-count.blue-steel, .mt-element-list .list-todo.mt-list-head.blue-steel { background-color: #4B77BE; color: #FFF; } .mt-element-list .list-todo .list-count.blue-steel:hover { background-color: #406bb0; } .mt-element-list .list-todo .list-todo-line.blue-steel { border-color: #4B77BE; } .mt-element-list .list-todo .list-todo-item.blue-steel:after { border-right-color: #4B77BE !important; } .mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle { background: #4B77BE; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle > .badge { color: #4B77BE; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue-soft { background-color: #4c87b9; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-soft .badge { background-color: #71a0c7; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-soft.ext-1 .badge { background-color: #3b6d97; } .mt-element-list .list-default.mt-list-head.blue-soft .list-date, .mt-element-list .list-default.mt-list-head.blue-soft .list-label { color: #fff; } .mt-element-list .list-todo .list-count.blue-soft, .mt-element-list .list-todo.mt-list-head.blue-soft { background-color: #4c87b9; color: #FFF; } .mt-element-list .list-todo .list-count.blue-soft:hover { background-color: #427aa9; } .mt-element-list .list-todo .list-todo-line.blue-soft { border-color: #4c87b9; } .mt-element-list .list-todo .list-todo-item.blue-soft:after { border-right-color: #4c87b9 !important; } .mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle { background: #4c87b9; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle > .badge { color: #4c87b9; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue-dark { background-color: #5e738b; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-dark .badge { background-color: #788da4; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-dark.ext-1 .badge { background-color: #495a6d; } .mt-element-list .list-default.mt-list-head.blue-dark .list-date, .mt-element-list .list-default.mt-list-head.blue-dark .list-label { color: #f2f4f6; } .mt-element-list .list-todo .list-count.blue-dark, .mt-element-list .list-todo.mt-list-head.blue-dark { background-color: #5e738b; color: #FFF; } .mt-element-list .list-todo .list-count.blue-dark:hover { background-color: #54667c; } .mt-element-list .list-todo .list-todo-line.blue-dark { border-color: #5e738b; } .mt-element-list .list-todo .list-todo-item.blue-dark:after { border-right-color: #5e738b !important; } .mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle { background: #5e738b; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle > .badge { color: #5e738b; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue-sharp { background-color: #5C9BD1; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-sharp .badge { background-color: #84b3dc; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-sharp.ext-1 .badge { background-color: #3782c3; } .mt-element-list .list-default.mt-list-head.blue-sharp .list-date, .mt-element-list .list-default.mt-list-head.blue-sharp .list-label { color: #fff; } .mt-element-list .list-todo .list-count.blue-sharp, .mt-element-list .list-todo.mt-list-head.blue-sharp { background-color: #5C9BD1; color: #FFF; } .mt-element-list .list-todo .list-count.blue-sharp:hover { background-color: #488fcb; } .mt-element-list .list-todo .list-todo-line.blue-sharp { border-color: #5C9BD1; } .mt-element-list .list-todo .list-todo-item.blue-sharp:after { border-right-color: #5C9BD1 !important; } .mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle { background: #5C9BD1; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle > .badge { color: #5C9BD1; background: #FFF; } .mt-element-list .list-default.mt-list-head.blue-oleo { background-color: #94A0B2; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-oleo .badge { background-color: #b2bac7; color: #FFF; } .mt-element-list .list-default.mt-list-head.blue-oleo.ext-1 .badge { background-color: #76869d; } .mt-element-list .list-default.mt-list-head.blue-oleo .list-date, .mt-element-list .list-default.mt-list-head.blue-oleo .list-label { color: #fff; } .mt-element-list .list-todo .list-count.blue-oleo, .mt-element-list .list-todo.mt-list-head.blue-oleo { background-color: #94A0B2; color: #FFF; } .mt-element-list .list-todo .list-count.blue-oleo:hover { background-color: #8593a7; } .mt-element-list .list-todo .list-todo-line.blue-oleo { border-color: #94A0B2; } .mt-element-list .list-todo .list-todo-item.blue-oleo:after { border-right-color: #94A0B2 !important; } .mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle { background: #94A0B2; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle > .badge { color: #94A0B2; background: #FFF; } .mt-element-list .list-default.mt-list-head.green { background-color: #32c5d2; color: #FFF; } .mt-element-list .list-default.mt-list-head.green .badge { background-color: #5cd1db; color: #FFF; } .mt-element-list .list-default.mt-list-head.green.ext-1 .badge { background-color: #26a1ab; } .mt-element-list .list-default.mt-list-head.green .list-date, .mt-element-list .list-default.mt-list-head.green .list-label { color: #fff; } .mt-element-list .list-todo .list-count.green, .mt-element-list .list-todo.mt-list-head.green { background-color: #32c5d2; color: #FFF; } .mt-element-list .list-todo .list-count.green:hover { background-color: #2ab4c0; } .mt-element-list .list-todo .list-todo-line.green { border-color: #32c5d2; } .mt-element-list .list-todo .list-todo-item.green:after { border-right-color: #32c5d2 !important; } .mt-element-list .list-todo .list-todo-item.green .list-toggle { background: #32c5d2; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green .list-toggle > .badge { color: #32c5d2; background: #FFF; } .mt-element-list .list-default.mt-list-head.green-meadow { background-color: #1BBC9B; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-meadow .badge { background-color: #2ae0bb; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-meadow.ext-1 .badge { background-color: #158f76; } .mt-element-list .list-default.mt-list-head.green-meadow .list-date, .mt-element-list .list-default.mt-list-head.green-meadow .list-label { color: #dcfaf4; } .mt-element-list .list-todo .list-count.green-meadow, .mt-element-list .list-todo.mt-list-head.green-meadow { background-color: #1BBC9B; color: #FFF; } .mt-element-list .list-todo .list-count.green-meadow:hover { background-color: #18a689; } .mt-element-list .list-todo .list-todo-line.green-meadow { border-color: #1BBC9B; } .mt-element-list .list-todo .list-todo-item.green-meadow:after { border-right-color: #1BBC9B !important; } .mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle { background: #1BBC9B; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle > .badge { color: #1BBC9B; background: #FFF; } .mt-element-list .list-default.mt-list-head.green-seagreen { background-color: #1BA39C; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-seagreen .badge { background-color: #22cfc6; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-seagreen.ext-1 .badge { background-color: #147772; } .mt-element-list .list-default.mt-list-head.green-seagreen .list-date, .mt-element-list .list-default.mt-list-head.green-seagreen .list-label { color: #c7f6f3; } .mt-element-list .list-todo .list-count.green-seagreen, .mt-element-list .list-todo.mt-list-head.green-seagreen { background-color: #1BA39C; color: #FFF; } .mt-element-list .list-todo .list-count.green-seagreen:hover { background-color: #178d87; } .mt-element-list .list-todo .list-todo-line.green-seagreen { border-color: #1BA39C; } .mt-element-list .list-todo .list-todo-item.green-seagreen:after { border-right-color: #1BA39C !important; } .mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle { background: #1BA39C; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle > .badge { color: #1BA39C; background: #FFF; } .mt-element-list .list-default.mt-list-head.green-turquoise { background-color: #36D7B7; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-turquoise .badge { background-color: #61dfc6; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-turquoise.ext-1 .badge { background-color: #24b699; } .mt-element-list .list-default.mt-list-head.green-turquoise .list-date, .mt-element-list .list-default.mt-list-head.green-turquoise .list-label { color: #fff; } .mt-element-list .list-todo .list-count.green-turquoise, .mt-element-list .list-todo.mt-list-head.green-turquoise { background-color: #36D7B7; color: #FFF; } .mt-element-list .list-todo .list-count.green-turquoise:hover { background-color: #28cbab; } .mt-element-list .list-todo .list-todo-line.green-turquoise { border-color: #36D7B7; } .mt-element-list .list-todo .list-todo-item.green-turquoise:after { border-right-color: #36D7B7 !important; } .mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle { background: #36D7B7; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle > .badge { color: #36D7B7; background: #FFF; } .mt-element-list .list-default.mt-list-head.green-haze { background-color: #44b6ae; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-haze .badge { background-color: #67c6bf; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-haze.ext-1 .badge { background-color: #36918b; } .mt-element-list .list-default.mt-list-head.green-haze .list-date, .mt-element-list .list-default.mt-list-head.green-haze .list-label { color: #fbfefd; } .mt-element-list .list-todo .list-count.green-haze, .mt-element-list .list-todo.mt-list-head.green-haze { background-color: #44b6ae; color: #FFF; } .mt-element-list .list-todo .list-count.green-haze:hover { background-color: #3da39c; } .mt-element-list .list-todo .list-todo-line.green-haze { border-color: #44b6ae; } .mt-element-list .list-todo .list-todo-item.green-haze:after { border-right-color: #44b6ae !important; } .mt-element-list .list-todo .list-todo-item.green-haze .list-toggle { background: #44b6ae; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green-haze .list-toggle > .badge { color: #44b6ae; background: #FFF; } .mt-element-list .list-default.mt-list-head.green-jungle { background-color: #26C281; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-jungle .badge { background-color: #41da9a; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-jungle.ext-1 .badge { background-color: #1e9765; } .mt-element-list .list-default.mt-list-head.green-jungle .list-date, .mt-element-list .list-default.mt-list-head.green-jungle .list-label { color: #ecfbf5; } .mt-element-list .list-todo .list-count.green-jungle, .mt-element-list .list-todo.mt-list-head.green-jungle { background-color: #26C281; color: #FFF; } .mt-element-list .list-todo .list-count.green-jungle:hover { background-color: #22ad73; } .mt-element-list .list-todo .list-todo-line.green-jungle { border-color: #26C281; } .mt-element-list .list-todo .list-todo-item.green-jungle:after { border-right-color: #26C281 !important; } .mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle { background: #26C281; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle > .badge { color: #26C281; background: #FFF; } .mt-element-list .list-default.mt-list-head.green-soft { background-color: #3faba4; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-soft .badge { background-color: #5bc2bc; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-soft.ext-1 .badge { background-color: #318680; } .mt-element-list .list-default.mt-list-head.green-soft .list-date, .mt-element-list .list-default.mt-list-head.green-soft .list-label { color: #f0f9f9; } .mt-element-list .list-todo .list-count.green-soft, .mt-element-list .list-todo.mt-list-head.green-soft { background-color: #3faba4; color: #FFF; } .mt-element-list .list-todo .list-count.green-soft:hover { background-color: #389892; } .mt-element-list .list-todo .list-todo-line.green-soft { border-color: #3faba4; } .mt-element-list .list-todo .list-todo-item.green-soft:after { border-right-color: #3faba4 !important; } .mt-element-list .list-todo .list-todo-item.green-soft .list-toggle { background: #3faba4; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green-soft .list-toggle > .badge { color: #3faba4; background: #FFF; } .mt-element-list .list-default.mt-list-head.green-dark { background-color: #4DB3A2; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-dark .badge { background-color: #71c2b5; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-dark.ext-1 .badge { background-color: #3d9082; } .mt-element-list .list-default.mt-list-head.green-dark .list-date, .mt-element-list .list-default.mt-list-head.green-dark .list-label { color: #fff; } .mt-element-list .list-todo .list-count.green-dark, .mt-element-list .list-todo.mt-list-head.green-dark { background-color: #4DB3A2; color: #FFF; } .mt-element-list .list-todo .list-count.green-dark:hover { background-color: #45a292; } .mt-element-list .list-todo .list-todo-line.green-dark { border-color: #4DB3A2; } .mt-element-list .list-todo .list-todo-item.green-dark:after { border-right-color: #4DB3A2 !important; } .mt-element-list .list-todo .list-todo-item.green-dark .list-toggle { background: #4DB3A2; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green-dark .list-toggle > .badge { color: #4DB3A2; background: #FFF; } .mt-element-list .list-default.mt-list-head.green-sharp { background-color: #2ab4c0; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-sharp .badge { background-color: #46cbd7; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-sharp.ext-1 .badge { background-color: #218d96; } .mt-element-list .list-default.mt-list-head.green-sharp .list-date, .mt-element-list .list-default.mt-list-head.green-sharp .list-label { color: #eefafb; } .mt-element-list .list-todo .list-count.green-sharp, .mt-element-list .list-todo.mt-list-head.green-sharp { background-color: #2ab4c0; color: #FFF; } .mt-element-list .list-todo .list-count.green-sharp:hover { background-color: #25a0ab; } .mt-element-list .list-todo .list-todo-line.green-sharp { border-color: #2ab4c0; } .mt-element-list .list-todo .list-todo-item.green-sharp:after { border-right-color: #2ab4c0 !important; } .mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle { background: #2ab4c0; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle > .badge { color: #2ab4c0; background: #FFF; } .mt-element-list .list-default.mt-list-head.green-steel { background-color: #29b4b6; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-steel .badge { background-color: #3ed1d4; color: #FFF; } .mt-element-list .list-default.mt-list-head.green-steel.ext-1 .badge { background-color: #208b8c; } .mt-element-list .list-default.mt-list-head.green-steel .list-date, .mt-element-list .list-default.mt-list-head.green-steel .list-label { color: #e5f9f9; } .mt-element-list .list-todo .list-count.green-steel, .mt-element-list .list-todo.mt-list-head.green-steel { background-color: #29b4b6; color: #FFF; } .mt-element-list .list-todo .list-count.green-steel:hover { background-color: #249fa1; } .mt-element-list .list-todo .list-todo-line.green-steel { border-color: #29b4b6; } .mt-element-list .list-todo .list-todo-item.green-steel:after { border-right-color: #29b4b6 !important; } .mt-element-list .list-todo .list-todo-item.green-steel .list-toggle { background: #29b4b6; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.green-steel .list-toggle > .badge { color: #29b4b6; background: #FFF; } .mt-element-list .list-default.mt-list-head.grey { background-color: #E5E5E5; color: #333; } .mt-element-list .list-default.mt-list-head.grey .badge { background-color: #fff; color: #333; } .mt-element-list .list-default.mt-list-head.grey.ext-1 .badge { background-color: #ccc; } .mt-element-list .list-default.mt-list-head.grey .list-date, .mt-element-list .list-default.mt-list-head.grey .list-label { color: #fff; } .mt-element-list .list-todo .list-count.grey, .mt-element-list .list-todo.mt-list-head.grey { background-color: #E5E5E5; color: #333; } .mt-element-list .list-todo .list-count.grey:hover { background-color: #d8d8d8; } .mt-element-list .list-todo .list-todo-line.grey { border-color: #E5E5E5; } .mt-element-list .list-todo .list-todo-item.grey:after { border-right-color: #E5E5E5 !important; } .mt-element-list .list-todo .list-todo-item.grey .list-toggle { background: #E5E5E5; color: #333 !important; } .mt-element-list .list-todo .list-todo-item.grey .list-toggle > .badge { color: #E5E5E5; background: #333; } .mt-element-list .list-default.mt-list-head.grey-steel { background-color: #e9edef; color: #80898e; } .mt-element-list .list-default.mt-list-head.grey-steel .badge { background-color: #fff; color: #80898e; } .mt-element-list .list-default.mt-list-head.grey-steel.ext-1 .badge { background-color: #cbd5da; } .mt-element-list .list-default.mt-list-head.grey-steel .list-date, .mt-element-list .list-default.mt-list-head.grey-steel .list-label { color: #fff; } .mt-element-list .list-todo .list-count.grey-steel, .mt-element-list .list-todo.mt-list-head.grey-steel { background-color: #e9edef; color: #80898e; } .mt-element-list .list-todo .list-count.grey-steel:hover { background-color: #dae1e4; } .mt-element-list .list-todo .list-todo-line.grey-steel { border-color: #e9edef; } .mt-element-list .list-todo .list-todo-item.grey-steel:after { border-right-color: #e9edef !important; } .mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle { background: #e9edef; color: #80898e !important; } .mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle > .badge { color: #e9edef; background: #80898e; } .mt-element-list .list-default.mt-list-head.grey-cararra { background-color: #fafafa; color: #333; } .mt-element-list .list-default.mt-list-head.grey-cararra .badge { background-color: #fff; color: #333; } .mt-element-list .list-default.mt-list-head.grey-cararra.ext-1 .badge { background-color: #e1e1e1; } .mt-element-list .list-default.mt-list-head.grey-cararra .list-date, .mt-element-list .list-default.mt-list-head.grey-cararra .list-label { color: #fff; } .mt-element-list .list-todo .list-count.grey-cararra, .mt-element-list .list-todo.mt-list-head.grey-cararra { background-color: #fafafa; color: #333; } .mt-element-list .list-todo .list-count.grey-cararra:hover { background-color: #ededed; } .mt-element-list .list-todo .list-todo-line.grey-cararra { border-color: #fafafa; } .mt-element-list .list-todo .list-todo-item.grey-cararra:after { border-right-color: #fafafa !important; } .mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle { background: #fafafa; color: #333 !important; } .mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle > .badge { color: #fafafa; background: #333; } .mt-element-list .list-default.mt-list-head.grey-gallery { background-color: #555; color: #fff; } .mt-element-list .list-default.mt-list-head.grey-gallery .badge { background-color: #6f6f6f; color: #fff; } .mt-element-list .list-default.mt-list-head.grey-gallery.ext-1 .badge { background-color: #3c3c3c; } .mt-element-list .list-default.mt-list-head.grey-gallery .list-date, .mt-element-list .list-default.mt-list-head.grey-gallery .list-label { color: #d5d5d5; } .mt-element-list .list-todo .list-count.grey-gallery, .mt-element-list .list-todo.mt-list-head.grey-gallery { background-color: #555; color: #fff; } .mt-element-list .list-todo .list-count.grey-gallery:hover { background-color: #484848; } .mt-element-list .list-todo .list-todo-line.grey-gallery { border-color: #555; } .mt-element-list .list-todo .list-todo-item.grey-gallery:after { border-right-color: #555 !important; } .mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle { background: #555; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle > .badge { color: #555; background: #fff; } .mt-element-list .list-default.mt-list-head.grey-cascade { background-color: #95A5A6; color: #FFF; } .mt-element-list .list-default.mt-list-head.grey-cascade .badge { background-color: #b1bdbd; color: #FFF; } .mt-element-list .list-default.mt-list-head.grey-cascade.ext-1 .badge { background-color: #798d8f; } .mt-element-list .list-default.mt-list-head.grey-cascade .list-date, .mt-element-list .list-default.mt-list-head.grey-cascade .list-label { color: #fff; } .mt-element-list .list-todo .list-count.grey-cascade, .mt-element-list .list-todo.mt-list-head.grey-cascade { background-color: #95A5A6; color: #FFF; } .mt-element-list .list-todo .list-count.grey-cascade:hover { background-color: #87999a; } .mt-element-list .list-todo .list-todo-line.grey-cascade { border-color: #95A5A6; } .mt-element-list .list-todo .list-todo-item.grey-cascade:after { border-right-color: #95A5A6 !important; } .mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle { background: #95A5A6; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle > .badge { color: #95A5A6; background: #FFF; } .mt-element-list .list-default.mt-list-head.grey-silver { background-color: #BFBFBF; color: #FAFCFB; } .mt-element-list .list-default.mt-list-head.grey-silver .badge { background-color: #d9d9d9; color: #FAFCFB; } .mt-element-list .list-default.mt-list-head.grey-silver.ext-1 .badge { background-color: #a6a6a6; } .mt-element-list .list-default.mt-list-head.grey-silver .list-date, .mt-element-list .list-default.mt-list-head.grey-silver .list-label { color: #fff; } .mt-element-list .list-todo .list-count.grey-silver, .mt-element-list .list-todo.mt-list-head.grey-silver { background-color: #BFBFBF; color: #FAFCFB; } .mt-element-list .list-todo .list-count.grey-silver:hover { background-color: #b2b2b2; } .mt-element-list .list-todo .list-todo-line.grey-silver { border-color: #BFBFBF; } .mt-element-list .list-todo .list-todo-item.grey-silver:after { border-right-color: #BFBFBF !important; } .mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle { background: #BFBFBF; color: #FAFCFB !important; } .mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle > .badge { color: #BFBFBF; background: #FAFCFB; } .mt-element-list .list-default.mt-list-head.grey-salsa { background-color: #ACB5C3; color: #FAFCFB; } .mt-element-list .list-default.mt-list-head.grey-salsa .badge { background-color: #cacfd8; color: #FAFCFB; } .mt-element-list .list-default.mt-list-head.grey-salsa.ext-1 .badge { background-color: #8e9bae; } .mt-element-list .list-default.mt-list-head.grey-salsa .list-date, .mt-element-list .list-default.mt-list-head.grey-salsa .list-label { color: #fff; } .mt-element-list .list-todo .list-count.grey-salsa, .mt-element-list .list-todo.mt-list-head.grey-salsa { background-color: #ACB5C3; color: #FAFCFB; } .mt-element-list .list-todo .list-count.grey-salsa:hover { background-color: #9da8b8; } .mt-element-list .list-todo .list-todo-line.grey-salsa { border-color: #ACB5C3; } .mt-element-list .list-todo .list-todo-item.grey-salsa:after { border-right-color: #ACB5C3 !important; } .mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle { background: #ACB5C3; color: #FAFCFB !important; } .mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle > .badge { color: #ACB5C3; background: #FAFCFB; } .mt-element-list .list-default.mt-list-head.grey-salt { background-color: #bfcad1; color: #FAFCFB; } .mt-element-list .list-default.mt-list-head.grey-salt .badge { background-color: #dde3e6; color: #FAFCFB; } .mt-element-list .list-default.mt-list-head.grey-salt.ext-1 .badge { background-color: #a1b1bc; } .mt-element-list .list-default.mt-list-head.grey-salt .list-date, .mt-element-list .list-default.mt-list-head.grey-salt .list-label { color: #fff; } .mt-element-list .list-todo .list-count.grey-salt, .mt-element-list .list-todo.mt-list-head.grey-salt { background-color: #bfcad1; color: #FAFCFB; } .mt-element-list .list-todo .list-count.grey-salt:hover { background-color: #b0bec6; } .mt-element-list .list-todo .list-todo-line.grey-salt { border-color: #bfcad1; } .mt-element-list .list-todo .list-todo-item.grey-salt:after { border-right-color: #bfcad1 !important; } .mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle { background: #bfcad1; color: #FAFCFB !important; } .mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle > .badge { color: #bfcad1; background: #FAFCFB; } .mt-element-list .list-default.mt-list-head.grey-mint { background-color: #525e64; color: #FFF; } .mt-element-list .list-default.mt-list-head.grey-mint .badge { background-color: #697880; color: #FFF; } .mt-element-list .list-default.mt-list-head.grey-mint.ext-1 .badge { background-color: #3b4448; } .mt-element-list .list-default.mt-list-head.grey-mint .list-date, .mt-element-list .list-default.mt-list-head.grey-mint .list-label { color: #d7dcde; } .mt-element-list .list-todo .list-count.grey-mint, .mt-element-list .list-todo.mt-list-head.grey-mint { background-color: #525e64; color: #FFF; } .mt-element-list .list-todo .list-count.grey-mint:hover { background-color: #475156; } .mt-element-list .list-todo .list-todo-line.grey-mint { border-color: #525e64; } .mt-element-list .list-todo .list-todo-item.grey-mint:after { border-right-color: #525e64 !important; } .mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle { background: #525e64; color: #FFF !important; } .mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle > .badge { color: #525e64; background: #FFF; } .mt-element-list .list-default.mt-list-head.red { background-color: #e7505a; color: #fff; } .mt-element-list .list-default.mt-list-head.red .badge { background-color: #ed7d84; color: #fff; } .mt-element-list .list-default.mt-list-head.red.ext-1 .badge { background-color: #e12330; } .mt-element-list .list-default.mt-list-head.red .list-date, .mt-element-list .list-default.mt-list-head.red .list-label { color: #fff; } .mt-element-list .list-todo .list-count.red, .mt-element-list .list-todo.mt-list-head.red { background-color: #e7505a; color: #fff; } .mt-element-list .list-todo .list-count.red:hover { background-color: #e43a45; } .mt-element-list .list-todo .list-todo-line.red { border-color: #e7505a; } .mt-element-list .list-todo .list-todo-item.red:after { border-right-color: #e7505a !important; } .mt-element-list .list-todo .list-todo-item.red .list-toggle { background: #e7505a; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.red .list-toggle > .badge { color: #e7505a; background: #fff; } .mt-element-list .list-default.mt-list-head.red-pink { background-color: #E08283; color: #fff; } .mt-element-list .list-default.mt-list-head.red-pink .badge { background-color: #eaabac; color: #fff; } .mt-element-list .list-default.mt-list-head.red-pink.ext-1 .badge { background-color: #d6595a; } .mt-element-list .list-default.mt-list-head.red-pink .list-date, .mt-element-list .list-default.mt-list-head.red-pink .list-label { color: #fff; } .mt-element-list .list-todo .list-count.red-pink, .mt-element-list .list-todo.mt-list-head.red-pink { background-color: #E08283; color: #fff; } .mt-element-list .list-todo .list-count.red-pink:hover { background-color: #db6e6f; } .mt-element-list .list-todo .list-todo-line.red-pink { border-color: #E08283; } .mt-element-list .list-todo .list-todo-item.red-pink:after { border-right-color: #E08283 !important; } .mt-element-list .list-todo .list-todo-item.red-pink .list-toggle { background: #E08283; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.red-pink .list-toggle > .badge { color: #E08283; background: #fff; } .mt-element-list .list-default.mt-list-head.red-sunglo { background-color: #E26A6A; color: #fff; } .mt-element-list .list-default.mt-list-head.red-sunglo .badge { background-color: #ea9595; color: #fff; } .mt-element-list .list-default.mt-list-head.red-sunglo.ext-1 .badge { background-color: #da3f3f; } .mt-element-list .list-default.mt-list-head.red-sunglo .list-date, .mt-element-list .list-default.mt-list-head.red-sunglo .list-label { color: #fff; } .mt-element-list .list-todo .list-count.red-sunglo, .mt-element-list .list-todo.mt-list-head.red-sunglo { background-color: #E26A6A; color: #fff; } .mt-element-list .list-todo .list-count.red-sunglo:hover { background-color: #de5555; } .mt-element-list .list-todo .list-todo-line.red-sunglo { border-color: #E26A6A; } .mt-element-list .list-todo .list-todo-item.red-sunglo:after { border-right-color: #E26A6A !important; } .mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle { background: #E26A6A; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle > .badge { color: #E26A6A; background: #fff; } .mt-element-list .list-default.mt-list-head.red-intense { background-color: #e35b5a; color: #fff; } .mt-element-list .list-default.mt-list-head.red-intense .badge { background-color: #ea8686; color: #fff; } .mt-element-list .list-default.mt-list-head.red-intense.ext-1 .badge { background-color: #dc302e; } .mt-element-list .list-default.mt-list-head.red-intense .list-date, .mt-element-list .list-default.mt-list-head.red-intense .list-label { color: #fff; } .mt-element-list .list-todo .list-count.red-intense, .mt-element-list .list-todo.mt-list-head.red-intense { background-color: #e35b5a; color: #fff; } .mt-element-list .list-todo .list-count.red-intense:hover { background-color: #df4544; } .mt-element-list .list-todo .list-todo-line.red-intense { border-color: #e35b5a; } .mt-element-list .list-todo .list-todo-item.red-intense:after { border-right-color: #e35b5a !important; } .mt-element-list .list-todo .list-todo-item.red-intense .list-toggle { background: #e35b5a; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.red-intense .list-toggle > .badge { color: #e35b5a; background: #fff; } .mt-element-list .list-default.mt-list-head.red-thunderbird { background-color: #D91E18; color: #fff; } .mt-element-list .list-default.mt-list-head.red-thunderbird .badge { background-color: #e9403b; color: #fff; } .mt-element-list .list-default.mt-list-head.red-thunderbird.ext-1 .badge { background-color: #ab1813; } .mt-element-list .list-default.mt-list-head.red-thunderbird .list-date, .mt-element-list .list-default.mt-list-head.red-thunderbird .list-label { color: #fef3f2; } .mt-element-list .list-todo .list-count.red-thunderbird, .mt-element-list .list-todo.mt-list-head.red-thunderbird { background-color: #D91E18; color: #fff; } .mt-element-list .list-todo .list-count.red-thunderbird:hover { background-color: #c21b15; } .mt-element-list .list-todo .list-todo-line.red-thunderbird { border-color: #D91E18; } .mt-element-list .list-todo .list-todo-item.red-thunderbird:after { border-right-color: #D91E18 !important; } .mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle { background: #D91E18; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle > .badge { color: #D91E18; background: #fff; } .mt-element-list .list-default.mt-list-head.red-flamingo { background-color: #EF4836; color: #fff; } .mt-element-list .list-default.mt-list-head.red-flamingo .badge { background-color: #f37365; color: #fff; } .mt-element-list .list-default.mt-list-head.red-flamingo.ext-1 .badge { background-color: #e02612; } .mt-element-list .list-default.mt-list-head.red-flamingo .list-date, .mt-element-list .list-default.mt-list-head.red-flamingo .list-label { color: #fff; } .mt-element-list .list-todo .list-count.red-flamingo, .mt-element-list .list-todo.mt-list-head.red-flamingo { background-color: #EF4836; color: #fff; } .mt-element-list .list-todo .list-count.red-flamingo:hover { background-color: #ed321e; } .mt-element-list .list-todo .list-todo-line.red-flamingo { border-color: #EF4836; } .mt-element-list .list-todo .list-todo-item.red-flamingo:after { border-right-color: #EF4836 !important; } .mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle { background: #EF4836; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle > .badge { color: #EF4836; background: #fff; } .mt-element-list .list-default.mt-list-head.red-soft { background-color: #d05454; color: #fff; } .mt-element-list .list-default.mt-list-head.red-soft .badge { background-color: #db7c7c; color: #fff; } .mt-element-list .list-default.mt-list-head.red-soft.ext-1 .badge { background-color: #bd3434; } .mt-element-list .list-default.mt-list-head.red-soft .list-date, .mt-element-list .list-default.mt-list-head.red-soft .list-label { color: #fff; } .mt-element-list .list-todo .list-count.red-soft, .mt-element-list .list-todo.mt-list-head.red-soft { background-color: #d05454; color: #fff; } .mt-element-list .list-todo .list-count.red-soft:hover { background-color: #cb4040; } .mt-element-list .list-todo .list-todo-line.red-soft { border-color: #d05454; } .mt-element-list .list-todo .list-todo-item.red-soft:after { border-right-color: #d05454 !important; } .mt-element-list .list-todo .list-todo-item.red-soft .list-toggle { background: #d05454; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.red-soft .list-toggle > .badge { color: #d05454; background: #fff; } .mt-element-list .list-default.mt-list-head.red-haze { background-color: #f36a5a; color: #fff; } .mt-element-list .list-default.mt-list-head.red-haze .badge { background-color: #f6958a; color: #fff; } .mt-element-list .list-default.mt-list-head.red-haze.ext-1 .badge { background-color: #f03f2a; } .mt-element-list .list-default.mt-list-head.red-haze .list-date, .mt-element-list .list-default.mt-list-head.red-haze .list-label { color: #fff; } .mt-element-list .list-todo .list-count.red-haze, .mt-element-list .list-todo.mt-list-head.red-haze { background-color: #f36a5a; color: #fff; } .mt-element-list .list-todo .list-count.red-haze:hover { background-color: #f15542; } .mt-element-list .list-todo .list-todo-line.red-haze { border-color: #f36a5a; } .mt-element-list .list-todo .list-todo-item.red-haze:after { border-right-color: #f36a5a !important; } .mt-element-list .list-todo .list-todo-item.red-haze .list-toggle { background: #f36a5a; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.red-haze .list-toggle > .badge { color: #f36a5a; background: #fff; } .mt-element-list .list-default.mt-list-head.red-mint { background-color: #e43a45; color: #fff; } .mt-element-list .list-default.mt-list-head.red-mint .badge { background-color: #ea676f; color: #fff; } .mt-element-list .list-default.mt-list-head.red-mint.ext-1 .badge { background-color: #cf1c28; } .mt-element-list .list-default.mt-list-head.red-mint .list-date, .mt-element-list .list-default.mt-list-head.red-mint .list-label { color: #fff; } .mt-element-list .list-todo .list-count.red-mint, .mt-element-list .list-todo.mt-list-head.red-mint { background-color: #e43a45; color: #fff; } .mt-element-list .list-todo .list-count.red-mint:hover { background-color: #e12430; } .mt-element-list .list-todo .list-todo-line.red-mint { border-color: #e43a45; } .mt-element-list .list-todo .list-todo-item.red-mint:after { border-right-color: #e43a45 !important; } .mt-element-list .list-todo .list-todo-item.red-mint .list-toggle { background: #e43a45; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.red-mint .list-toggle > .badge { color: #e43a45; background: #fff; } .mt-element-list .list-default.mt-list-head.yellow { background-color: #c49f47; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow .badge { background-color: #d0b36e; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow.ext-1 .badge { background-color: #a48334; } .mt-element-list .list-default.mt-list-head.yellow .list-date, .mt-element-list .list-default.mt-list-head.yellow .list-label { color: #fff; } .mt-element-list .list-todo .list-count.yellow, .mt-element-list .list-todo.mt-list-head.yellow { background-color: #c49f47; color: #fff; } .mt-element-list .list-todo .list-count.yellow:hover { background-color: #b7923b; } .mt-element-list .list-todo .list-todo-line.yellow { border-color: #c49f47; } .mt-element-list .list-todo .list-todo-item.yellow:after { border-right-color: #c49f47 !important; } .mt-element-list .list-todo .list-todo-item.yellow .list-toggle { background: #c49f47; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.yellow .list-toggle > .badge { color: #c49f47; background: #fff; } .mt-element-list .list-default.mt-list-head.yellow-gold { background-color: #E87E04; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-gold .badge { background-color: #fb9724; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-gold.ext-1 .badge { background-color: #b66303; } .mt-element-list .list-default.mt-list-head.yellow-gold .list-date, .mt-element-list .list-default.mt-list-head.yellow-gold .list-label { color: #fff6ec; } .mt-element-list .list-todo .list-count.yellow-gold, .mt-element-list .list-todo.mt-list-head.yellow-gold { background-color: #E87E04; color: #fff; } .mt-element-list .list-todo .list-count.yellow-gold:hover { background-color: #cf7004; } .mt-element-list .list-todo .list-todo-line.yellow-gold { border-color: #E87E04; } .mt-element-list .list-todo .list-todo-item.yellow-gold:after { border-right-color: #E87E04 !important; } .mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle { background: #E87E04; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle > .badge { color: #E87E04; background: #fff; } .mt-element-list .list-default.mt-list-head.yellow-casablanca { background-color: #f2784b; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-casablanca .badge { background-color: #f59c7b; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-casablanca.ext-1 .badge { background-color: #ef541b; } .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-date, .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-label { color: #fff; } .mt-element-list .list-todo .list-count.yellow-casablanca, .mt-element-list .list-todo.mt-list-head.yellow-casablanca { background-color: #f2784b; color: #fff; } .mt-element-list .list-todo .list-count.yellow-casablanca:hover { background-color: #f06633; } .mt-element-list .list-todo .list-todo-line.yellow-casablanca { border-color: #f2784b; } .mt-element-list .list-todo .list-todo-item.yellow-casablanca:after { border-right-color: #f2784b !important; } .mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle { background: #f2784b; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle > .badge { color: #f2784b; background: #fff; } .mt-element-list .list-default.mt-list-head.yellow-crusta { background-color: #f3c200; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-crusta .badge { background-color: #ffd327; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-crusta.ext-1 .badge { background-color: #c09900; } .mt-element-list .list-default.mt-list-head.yellow-crusta .list-date, .mt-element-list .list-default.mt-list-head.yellow-crusta .list-label { color: #fffdf3; } .mt-element-list .list-todo .list-count.yellow-crusta, .mt-element-list .list-todo.mt-list-head.yellow-crusta { background-color: #f3c200; color: #fff; } .mt-element-list .list-todo .list-count.yellow-crusta:hover { background-color: #daae00; } .mt-element-list .list-todo .list-todo-line.yellow-crusta { border-color: #f3c200; } .mt-element-list .list-todo .list-todo-item.yellow-crusta:after { border-right-color: #f3c200 !important; } .mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle { background: #f3c200; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle > .badge { color: #f3c200; background: #fff; } .mt-element-list .list-default.mt-list-head.yellow-lemon { background-color: #F7CA18; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-lemon .badge { background-color: #f9d549; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-lemon.ext-1 .badge { background-color: #d5ab07; } .mt-element-list .list-default.mt-list-head.yellow-lemon .list-date, .mt-element-list .list-default.mt-list-head.yellow-lemon .list-label { color: #fff; } .mt-element-list .list-todo .list-count.yellow-lemon, .mt-element-list .list-todo.mt-list-head.yellow-lemon { background-color: #F7CA18; color: #fff; } .mt-element-list .list-todo .list-count.yellow-lemon:hover { background-color: #edbf08; } .mt-element-list .list-todo .list-todo-line.yellow-lemon { border-color: #F7CA18; } .mt-element-list .list-todo .list-todo-item.yellow-lemon:after { border-right-color: #F7CA18 !important; } .mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle { background: #F7CA18; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle > .badge { color: #F7CA18; background: #fff; } .mt-element-list .list-default.mt-list-head.yellow-saffron { background-color: #F4D03F; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-saffron .badge { background-color: #f7dc6f; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-saffron.ext-1 .badge { background-color: #f1c40f; } .mt-element-list .list-default.mt-list-head.yellow-saffron .list-date, .mt-element-list .list-default.mt-list-head.yellow-saffron .list-label { color: #fff; } .mt-element-list .list-todo .list-count.yellow-saffron, .mt-element-list .list-todo.mt-list-head.yellow-saffron { background-color: #F4D03F; color: #fff; } .mt-element-list .list-todo .list-count.yellow-saffron:hover { background-color: #f3ca27; } .mt-element-list .list-todo .list-todo-line.yellow-saffron { border-color: #F4D03F; } .mt-element-list .list-todo .list-todo-item.yellow-saffron:after { border-right-color: #F4D03F !important; } .mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle { background: #F4D03F; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle > .badge { color: #F4D03F; background: #fff; } .mt-element-list .list-default.mt-list-head.yellow-soft { background-color: #c8d046; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-soft .badge { background-color: #d4da6f; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-soft.ext-1 .badge { background-color: #adb52e; } .mt-element-list .list-default.mt-list-head.yellow-soft .list-date, .mt-element-list .list-default.mt-list-head.yellow-soft .list-label { color: #fff; } .mt-element-list .list-todo .list-count.yellow-soft, .mt-element-list .list-todo.mt-list-head.yellow-soft { background-color: #c8d046; color: #fff; } .mt-element-list .list-todo .list-count.yellow-soft:hover { background-color: #c1c933; } .mt-element-list .list-todo .list-todo-line.yellow-soft { border-color: #c8d046; } .mt-element-list .list-todo .list-todo-item.yellow-soft:after { border-right-color: #c8d046 !important; } .mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle { background: #c8d046; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle > .badge { color: #c8d046; background: #fff; } .mt-element-list .list-default.mt-list-head.yellow-haze { background-color: #c5bf66; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-haze .badge { background-color: #d3ce8b; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-haze.ext-1 .badge { background-color: #b4ad44; } .mt-element-list .list-default.mt-list-head.yellow-haze .list-date, .mt-element-list .list-default.mt-list-head.yellow-haze .list-label { color: #fff; } .mt-element-list .list-todo .list-count.yellow-haze, .mt-element-list .list-todo.mt-list-head.yellow-haze { background-color: #c5bf66; color: #fff; } .mt-element-list .list-todo .list-count.yellow-haze:hover { background-color: #beb754; } .mt-element-list .list-todo .list-todo-line.yellow-haze { border-color: #c5bf66; } .mt-element-list .list-todo .list-todo-item.yellow-haze:after { border-right-color: #c5bf66 !important; } .mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle { background: #c5bf66; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle > .badge { color: #c5bf66; background: #fff; } .mt-element-list .list-default.mt-list-head.yellow-mint { background-color: #c5b96b; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-mint .badge { background-color: #d3ca90; color: #fff; } .mt-element-list .list-default.mt-list-head.yellow-mint.ext-1 .badge { background-color: #b6a747; } .mt-element-list .list-default.mt-list-head.yellow-mint .list-date, .mt-element-list .list-default.mt-list-head.yellow-mint .list-label { color: #fff; } .mt-element-list .list-todo .list-count.yellow-mint, .mt-element-list .list-todo.mt-list-head.yellow-mint { background-color: #c5b96b; color: #fff; } .mt-element-list .list-todo .list-count.yellow-mint:hover { background-color: #beb059; } .mt-element-list .list-todo .list-todo-line.yellow-mint { border-color: #c5b96b; } .mt-element-list .list-todo .list-todo-item.yellow-mint:after { border-right-color: #c5b96b !important; } .mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle { background: #c5b96b; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle > .badge { color: #c5b96b; background: #fff; } .mt-element-list .list-default.mt-list-head.purple { background-color: #8E44AD; color: #fff; } .mt-element-list .list-default.mt-list-head.purple .badge { background-color: #a563c1; color: #fff; } .mt-element-list .list-default.mt-list-head.purple.ext-1 .badge { background-color: #703688; } .mt-element-list .list-default.mt-list-head.purple .list-date, .mt-element-list .list-default.mt-list-head.purple .list-label { color: #f9f5fb; } .mt-element-list .list-todo .list-count.purple, .mt-element-list .list-todo.mt-list-head.purple { background-color: #8E44AD; color: #fff; } .mt-element-list .list-todo .list-count.purple:hover { background-color: #7f3d9b; } .mt-element-list .list-todo .list-todo-line.purple { border-color: #8E44AD; } .mt-element-list .list-todo .list-todo-item.purple:after { border-right-color: #8E44AD !important; } .mt-element-list .list-todo .list-todo-item.purple .list-toggle { background: #8E44AD; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.purple .list-toggle > .badge { color: #8E44AD; background: #fff; } .mt-element-list .list-default.mt-list-head.purple-plum { background-color: #8775a7; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-plum .badge { background-color: #a294bb; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-plum.ext-1 .badge { background-color: #6d5b8e; } .mt-element-list .list-default.mt-list-head.purple-plum .list-date, .mt-element-list .list-default.mt-list-head.purple-plum .list-label { color: #fff; } .mt-element-list .list-todo .list-count.purple-plum, .mt-element-list .list-todo.mt-list-head.purple-plum { background-color: #8775a7; color: #fff; } .mt-element-list .list-todo .list-count.purple-plum:hover { background-color: #79659d; } .mt-element-list .list-todo .list-todo-line.purple-plum { border-color: #8775a7; } .mt-element-list .list-todo .list-todo-item.purple-plum:after { border-right-color: #8775a7 !important; } .mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle { background: #8775a7; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle > .badge { color: #8775a7; background: #fff; } .mt-element-list .list-default.mt-list-head.purple-medium { background-color: #BF55EC; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-medium .badge { background-color: #d083f1; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-medium.ext-1 .badge { background-color: #ae27e7; } .mt-element-list .list-default.mt-list-head.purple-medium .list-date, .mt-element-list .list-default.mt-list-head.purple-medium .list-label { color: #fff; } .mt-element-list .list-todo .list-count.purple-medium, .mt-element-list .list-todo.mt-list-head.purple-medium { background-color: #BF55EC; color: #fff; } .mt-element-list .list-todo .list-count.purple-medium:hover { background-color: #b63ee9; } .mt-element-list .list-todo .list-todo-line.purple-medium { border-color: #BF55EC; } .mt-element-list .list-todo .list-todo-item.purple-medium:after { border-right-color: #BF55EC !important; } .mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle { background: #BF55EC; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle > .badge { color: #BF55EC; background: #fff; } .mt-element-list .list-default.mt-list-head.purple-studio { background-color: #8E44AD; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-studio .badge { background-color: #a563c1; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-studio.ext-1 .badge { background-color: #703688; } .mt-element-list .list-default.mt-list-head.purple-studio .list-date, .mt-element-list .list-default.mt-list-head.purple-studio .list-label { color: #f9f5fb; } .mt-element-list .list-todo .list-count.purple-studio, .mt-element-list .list-todo.mt-list-head.purple-studio { background-color: #8E44AD; color: #fff; } .mt-element-list .list-todo .list-count.purple-studio:hover { background-color: #7f3d9b; } .mt-element-list .list-todo .list-todo-line.purple-studio { border-color: #8E44AD; } .mt-element-list .list-todo .list-todo-item.purple-studio:after { border-right-color: #8E44AD !important; } .mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle { background: #8E44AD; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle > .badge { color: #8E44AD; background: #fff; } .mt-element-list .list-default.mt-list-head.purple-wisteria { background-color: #9B59B6; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-wisteria .badge { background-color: #b07cc6; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-wisteria.ext-1 .badge { background-color: #804399; } .mt-element-list .list-default.mt-list-head.purple-wisteria .list-date, .mt-element-list .list-default.mt-list-head.purple-wisteria .list-label { color: #fff; } .mt-element-list .list-todo .list-count.purple-wisteria, .mt-element-list .list-todo.mt-list-head.purple-wisteria { background-color: #9B59B6; color: #fff; } .mt-element-list .list-todo .list-count.purple-wisteria:hover { background-color: #8f4bab; } .mt-element-list .list-todo .list-todo-line.purple-wisteria { border-color: #9B59B6; } .mt-element-list .list-todo .list-todo-item.purple-wisteria:after { border-right-color: #9B59B6 !important; } .mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle { background: #9B59B6; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle > .badge { color: #9B59B6; background: #fff; } .mt-element-list .list-default.mt-list-head.purple-seance { background-color: #9A12B3; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-seance .badge { background-color: #c217e1; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-seance.ext-1 .badge { background-color: #720d85; } .mt-element-list .list-default.mt-list-head.purple-seance .list-date, .mt-element-list .list-default.mt-list-head.purple-seance .list-label { color: #f2cafa; } .mt-element-list .list-todo .list-count.purple-seance, .mt-element-list .list-todo.mt-list-head.purple-seance { background-color: #9A12B3; color: #fff; } .mt-element-list .list-todo .list-count.purple-seance:hover { background-color: #86109c; } .mt-element-list .list-todo .list-todo-line.purple-seance { border-color: #9A12B3; } .mt-element-list .list-todo .list-todo-item.purple-seance:after { border-right-color: #9A12B3 !important; } .mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle { background: #9A12B3; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle > .badge { color: #9A12B3; background: #fff; } .mt-element-list .list-default.mt-list-head.purple-intense { background-color: #8775a7; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-intense .badge { background-color: #a294bb; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-intense.ext-1 .badge { background-color: #6d5b8e; } .mt-element-list .list-default.mt-list-head.purple-intense .list-date, .mt-element-list .list-default.mt-list-head.purple-intense .list-label { color: #fff; } .mt-element-list .list-todo .list-count.purple-intense, .mt-element-list .list-todo.mt-list-head.purple-intense { background-color: #8775a7; color: #fff; } .mt-element-list .list-todo .list-count.purple-intense:hover { background-color: #79659d; } .mt-element-list .list-todo .list-todo-line.purple-intense { border-color: #8775a7; } .mt-element-list .list-todo .list-todo-item.purple-intense:after { border-right-color: #8775a7 !important; } .mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle { background: #8775a7; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle > .badge { color: #8775a7; background: #fff; } .mt-element-list .list-default.mt-list-head.purple-sharp { background-color: #796799; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-sharp .badge { background-color: #9486ad; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-sharp.ext-1 .badge { background-color: #61527b; } .mt-element-list .list-default.mt-list-head.purple-sharp .list-date, .mt-element-list .list-default.mt-list-head.purple-sharp .list-label { color: #fff; } .mt-element-list .list-todo .list-count.purple-sharp, .mt-element-list .list-todo.mt-list-head.purple-sharp { background-color: #796799; color: #fff; } .mt-element-list .list-todo .list-count.purple-sharp:hover { background-color: #6d5d8a; } .mt-element-list .list-todo .list-todo-line.purple-sharp { border-color: #796799; } .mt-element-list .list-todo .list-todo-item.purple-sharp:after { border-right-color: #796799 !important; } .mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle { background: #796799; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle > .badge { color: #796799; background: #fff; } .mt-element-list .list-default.mt-list-head.purple-soft { background-color: #8877a9; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-soft .badge { background-color: #a396bd; color: #fff; } .mt-element-list .list-default.mt-list-head.purple-soft.ext-1 .badge { background-color: #6e5c91; } .mt-element-list .list-default.mt-list-head.purple-soft .list-date, .mt-element-list .list-default.mt-list-head.purple-soft .list-label { color: #fff; } .mt-element-list .list-todo .list-count.purple-soft, .mt-element-list .list-todo.mt-list-head.purple-soft { background-color: #8877a9; color: #fff; } .mt-element-list .list-todo .list-count.purple-soft:hover { background-color: #7a679f; } .mt-element-list .list-todo .list-todo-line.purple-soft { border-color: #8877a9; } .mt-element-list .list-todo .list-todo-item.purple-soft:after { border-right-color: #8877a9 !important; } .mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle { background: #8877a9; color: #fff !important; } .mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle > .badge { color: #8877a9; background: #fff; } .mt-element-list .list-todo-item.white:after { border-right-color: #fff; } .mt-element-list .list-todo-item.white .list-toggle { background: #fff; } .mt-element-list .list-todo-item.default:after { border-right-color: #e1e5ec; } .mt-element-list .list-todo-item.default .list-toggle { background: #e1e5ec; } .mt-element-list .list-todo-item.dark:after { border-right-color: #2f353b; } .mt-element-list .list-todo-item.dark .list-toggle { background: #2f353b; } .mt-element-list .list-todo-item.blue:after { border-right-color: #3598dc; } .mt-element-list .list-todo-item.blue .list-toggle { background: #3598dc; } .mt-element-list .list-todo-item.blue-madison:after { border-right-color: #578ebe; } .mt-element-list .list-todo-item.blue-madison .list-toggle { background: #578ebe; } .mt-element-list .list-todo-item.blue-chambray:after { border-right-color: #2C3E50; } .mt-element-list .list-todo-item.blue-chambray .list-toggle { background: #2C3E50; } .mt-element-list .list-todo-item.blue-ebonyclay:after { border-right-color: #22313F; } .mt-element-list .list-todo-item.blue-ebonyclay .list-toggle { background: #22313F; } .mt-element-list .list-todo-item.blue-hoki:after { border-right-color: #67809F; } .mt-element-list .list-todo-item.blue-hoki .list-toggle { background: #67809F; } .mt-element-list .list-todo-item.blue-steel:after { border-right-color: #4B77BE; } .mt-element-list .list-todo-item.blue-steel .list-toggle { background: #4B77BE; } .mt-element-list .list-todo-item.blue-soft:after { border-right-color: #4c87b9; } .mt-element-list .list-todo-item.blue-soft .list-toggle { background: #4c87b9; } .mt-element-list .list-todo-item.blue-dark:after { border-right-color: #5e738b; } .mt-element-list .list-todo-item.blue-dark .list-toggle { background: #5e738b; } .mt-element-list .list-todo-item.blue-sharp:after { border-right-color: #5C9BD1; } .mt-element-list .list-todo-item.blue-sharp .list-toggle { background: #5C9BD1; } .mt-element-list .list-todo-item.blue-oleo:after { border-right-color: #94A0B2; } .mt-element-list .list-todo-item.blue-oleo .list-toggle { background: #94A0B2; } .mt-element-list .list-todo-item.green:after { border-right-color: #32c5d2; } .mt-element-list .list-todo-item.green .list-toggle { background: #32c5d2; } .mt-element-list .list-todo-item.green-meadow:after { border-right-color: #1BBC9B; } .mt-element-list .list-todo-item.green-meadow .list-toggle { background: #1BBC9B; } .mt-element-list .list-todo-item.green-seagreen:after { border-right-color: #1BA39C; } .mt-element-list .list-todo-item.green-seagreen .list-toggle { background: #1BA39C; } .mt-element-list .list-todo-item.green-turquoise:after { border-right-color: #36D7B7; } .mt-element-list .list-todo-item.green-turquoise .list-toggle { background: #36D7B7; } .mt-element-list .list-todo-item.green-haze:after { border-right-color: #44b6ae; } .mt-element-list .list-todo-item.green-haze .list-toggle { background: #44b6ae; } .mt-element-list .list-todo-item.green-jungle:after { border-right-color: #26C281; } .mt-element-list .list-todo-item.green-jungle .list-toggle { background: #26C281; } .mt-element-list .list-todo-item.green-soft:after { border-right-color: #3faba4; } .mt-element-list .list-todo-item.green-soft .list-toggle { background: #3faba4; } .mt-element-list .list-todo-item.green-dark:after { border-right-color: #4DB3A2; } .mt-element-list .list-todo-item.green-dark .list-toggle { background: #4DB3A2; } .mt-element-list .list-todo-item.green-sharp:after { border-right-color: #2ab4c0; } .mt-element-list .list-todo-item.green-sharp .list-toggle { background: #2ab4c0; } .mt-element-list .list-todo-item.green-steel:after { border-right-color: #29b4b6; } .mt-element-list .list-todo-item.green-steel .list-toggle { background: #29b4b6; } .mt-element-list .list-todo-item.grey:after { border-right-color: #E5E5E5; } .mt-element-list .list-todo-item.grey .list-toggle { background: #E5E5E5; } .mt-element-list .list-todo-item.grey-steel:after { border-right-color: #e9edef; } .mt-element-list .list-todo-item.grey-steel .list-toggle { background: #e9edef; } .mt-element-list .list-todo-item.grey-cararra:after { border-right-color: #fafafa; } .mt-element-list .list-todo-item.grey-cararra .list-toggle { background: #fafafa; } .mt-element-list .list-todo-item.grey-gallery:after { border-right-color: #555; } .mt-element-list .list-todo-item.grey-gallery .list-toggle { background: #555; } .mt-element-list .list-todo-item.grey-cascade:after { border-right-color: #95A5A6; } .mt-element-list .list-todo-item.grey-cascade .list-toggle { background: #95A5A6; } .mt-element-list .list-todo-item.grey-silver:after { border-right-color: #BFBFBF; } .mt-element-list .list-todo-item.grey-silver .list-toggle { background: #BFBFBF; } .mt-element-list .list-todo-item.grey-salsa:after { border-right-color: #ACB5C3; } .mt-element-list .list-todo-item.grey-salsa .list-toggle { background: #ACB5C3; } .mt-element-list .list-todo-item.grey-salt:after { border-right-color: #bfcad1; } .mt-element-list .list-todo-item.grey-salt .list-toggle { background: #bfcad1; } .mt-element-list .list-todo-item.grey-mint:after { border-right-color: #525e64; } .mt-element-list .list-todo-item.grey-mint .list-toggle { background: #525e64; } .mt-element-list .list-todo-item.red:after { border-right-color: #e7505a; } .mt-element-list .list-todo-item.red .list-toggle { background: #e7505a; } .mt-element-list .list-todo-item.red-pink:after { border-right-color: #E08283; } .mt-element-list .list-todo-item.red-pink .list-toggle { background: #E08283; } .mt-element-list .list-todo-item.red-sunglo:after { border-right-color: #E26A6A; } .mt-element-list .list-todo-item.red-sunglo .list-toggle { background: #E26A6A; } .mt-element-list .list-todo-item.red-intense:after { border-right-color: #e35b5a; } .mt-element-list .list-todo-item.red-intense .list-toggle { background: #e35b5a; } .mt-element-list .list-todo-item.red-thunderbird:after { border-right-color: #D91E18; } .mt-element-list .list-todo-item.red-thunderbird .list-toggle { background: #D91E18; } .mt-element-list .list-todo-item.red-flamingo:after { border-right-color: #EF4836; } .mt-element-list .list-todo-item.red-flamingo .list-toggle { background: #EF4836; } .mt-element-list .list-todo-item.red-soft:after { border-right-color: #d05454; } .mt-element-list .list-todo-item.red-soft .list-toggle { background: #d05454; } .mt-element-list .list-todo-item.red-haze:after { border-right-color: #f36a5a; } .mt-element-list .list-todo-item.red-haze .list-toggle { background: #f36a5a; } .mt-element-list .list-todo-item.red-mint:after { border-right-color: #e43a45; } .mt-element-list .list-todo-item.red-mint .list-toggle { background: #e43a45; } .mt-element-list .list-todo-item.yellow:after { border-right-color: #c49f47; } .mt-element-list .list-todo-item.yellow .list-toggle { background: #c49f47; } .mt-element-list .list-todo-item.yellow-gold:after { border-right-color: #E87E04; } .mt-element-list .list-todo-item.yellow-gold .list-toggle { background: #E87E04; } .mt-element-list .list-todo-item.yellow-casablanca:after { border-right-color: #f2784b; } .mt-element-list .list-todo-item.yellow-casablanca .list-toggle { background: #f2784b; } .mt-element-list .list-todo-item.yellow-crusta:after { border-right-color: #f3c200; } .mt-element-list .list-todo-item.yellow-crusta .list-toggle { background: #f3c200; } .mt-element-list .list-todo-item.yellow-lemon:after { border-right-color: #F7CA18; } .mt-element-list .list-todo-item.yellow-lemon .list-toggle { background: #F7CA18; } .mt-element-list .list-todo-item.yellow-saffron:after { border-right-color: #F4D03F; } .mt-element-list .list-todo-item.yellow-saffron .list-toggle { background: #F4D03F; } .mt-element-list .list-todo-item.yellow-soft:after { border-right-color: #c8d046; } .mt-element-list .list-todo-item.yellow-soft .list-toggle { background: #c8d046; } .mt-element-list .list-todo-item.yellow-haze:after { border-right-color: #c5bf66; } .mt-element-list .list-todo-item.yellow-haze .list-toggle { background: #c5bf66; } .mt-element-list .list-todo-item.yellow-mint:after { border-right-color: #c5b96b; } .mt-element-list .list-todo-item.yellow-mint .list-toggle { background: #c5b96b; } .mt-element-list .list-todo-item.purple:after { border-right-color: #8E44AD; } .mt-element-list .list-todo-item.purple .list-toggle { background: #8E44AD; } .mt-element-list .list-todo-item.purple-plum:after { border-right-color: #8775a7; } .mt-element-list .list-todo-item.purple-plum .list-toggle { background: #8775a7; } .mt-element-list .list-todo-item.purple-medium:after { border-right-color: #BF55EC; } .mt-element-list .list-todo-item.purple-medium .list-toggle { background: #BF55EC; } .mt-element-list .list-todo-item.purple-studio:after { border-right-color: #8E44AD; } .mt-element-list .list-todo-item.purple-studio .list-toggle { background: #8E44AD; } .mt-element-list .list-todo-item.purple-wisteria:after { border-right-color: #9B59B6; } .mt-element-list .list-todo-item.purple-wisteria .list-toggle { background: #9B59B6; } .mt-element-list .list-todo-item.purple-seance:after { border-right-color: #9A12B3; } .mt-element-list .list-todo-item.purple-seance .list-toggle { background: #9A12B3; } .mt-element-list .list-todo-item.purple-intense:after { border-right-color: #8775a7; } .mt-element-list .list-todo-item.purple-intense .list-toggle { background: #8775a7; } .mt-element-list .list-todo-item.purple-sharp:after { border-right-color: #796799; } .mt-element-list .list-todo-item.purple-sharp .list-toggle { background: #796799; } .mt-element-list .list-todo-item.purple-soft:after { border-right-color: #8877a9; } .mt-element-list .list-todo-item.purple-soft .list-toggle { background: #8877a9; } .mt-element-ribbon .ribbon, .mt-element-ribbon .ribbon.ribbon-color-default, .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub, .mt-element-ribbon .ribbon > .ribbon-sub { background-color: #bac3d0; color: #384353; } .mt-element-ribbon { position: relative; margin-bottom: 30px; } .mt-element-ribbon .ribbon-content { margin: 0; padding: 25px; clear: both; } .mt-element-ribbon .ribbon-content.no-padding { padding-top: 0; } .mt-element-ribbon .ribbon { padding: .5em 1em; z-index: 5; float: left; margin: 10px 0 0 -2px; clear: left; position: relative; } .mt-element-ribbon .ribbon.ribbon-right { float: right; clear: right; margin: 10px -2px 0 0; } .mt-element-ribbon .ribbon.ribbon-vertical-left { clear: none; margin: -2px 0 0 10px; padding-top: 1em; padding-bottom: 1em; width: 41px; text-align: center; } .mt-element-ribbon .ribbon.ribbon-vertical-right { clear: none; float: right; margin: -2px 10px 0 0; padding-top: 1em; padding-bottom: 1em; width: 41px; text-align: center; } .mt-element-ribbon .ribbon.ribbon-shadow { box-shadow: 2px 2px 7px rgba(0, 0, 0, .4); } .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right, .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right { box-shadow: -2px 2px 7px rgba(0, 0, 0, .4); } .mt-element-ribbon .ribbon.ribbon-round { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .mt-element-ribbon .ribbon.ribbon-round.ribbon-right { border-radius: 5px 0 0 5px !important; } .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-left, .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-right { border-radius: 0 0 5px 5px !important; } .mt-element-ribbon .ribbon.ribbon-border:after { border: 1px solid; content: ""; position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; } .mt-element-ribbon .ribbon.ribbon-border-vert:after { border-top: none; border-bottom: none; border-left: 1px solid; border-right: 1px solid; content: ""; position: absolute; top: 0; bottom: 0; left: 5px; right: 5px; } .mt-element-ribbon .ribbon.ribbon-border-hor:after { border-top: 1px solid; border-bottom: 1px solid; border-left: none; border-right: none; content: ""; position: absolute; top: 5px; bottom: 5px; left: 0; right: 0; } .mt-element-ribbon .ribbon.ribbon-border-dash:after { border: 1px dashed; content: ""; position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; } .mt-element-ribbon .ribbon.ribbon-border-dash-vert:after { border-top: none; border-bottom: none; border-left: 1px solid; border-right: 1px solid; border-left-style: dashed; border-right-style: dashed; content: ""; position: absolute; top: 0; bottom: 0; left: 5px; right: 5px; } .mt-element-ribbon .ribbon.ribbon-border-dash-hor:after { border-top: 1px solid; border-bottom: 1px solid; border-left: none; border-right: none; border-top-style: dashed; border-bottom-style: dashed; content: ""; position: absolute; top: 5px; bottom: 5px; left: 0; right: 0; } .mt-element-ribbon .ribbon.ribbon-clip { left: -10px; margin-left: 0; } .mt-element-ribbon .ribbon.ribbon-clip.ribbon-right { left: auto; right: -10px; margin-right: 0; } .mt-element-ribbon .ribbon > .ribbon-sub { z-index: -1; position: absolute; padding: 0; width: 100%; height: 100%; top: 0; left: 0; } .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:after, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before { content: ""; position: absolute; border-style: solid; border-color: transparent !important; bottom: -10px; } .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before { border-width: 0 10px 10px 0; border-right-color: #222 !important; left: 0; } .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after, .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before { content: ""; position: absolute; border-style: solid; border-color: transparent; bottom: -10px; } .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before { border-right-color: transparent !important; } .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after { border-width: 0 0 10px 10px; border-left-color: #222 !important; right: 0; } .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-bookmark:after { border-left: 21px solid; border-right: 20px solid; border-bottom: 1em solid transparent !important; bottom: -1em; content: ""; height: 0; left: 0; position: absolute; width: 0; } .mt-element-ribbon .ribbon:after { border-color: #62748f; } .mt-element-ribbon .ribbon > .ribbon-sub:after { border-color: #62748f #bac3d0; } .mt-element-ribbon .ribbon.ribbon-color-default:after { border-color: #9ca8bb; } .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub:after { border-color: #62748f #bac3d0; } .mt-element-ribbon .ribbon.ribbon-color-primary { background-color: #337ab7; color: #fff; } .mt-element-ribbon .ribbon.ribbon-color-primary:after { border-color: #286090; } .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub { background-color: #337ab7; color: #000; } .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub:after { border-color: #122b40 #337ab7; } .mt-element-ribbon .ribbon.ribbon-color-info { background-color: #659be0; color: #fff; } .mt-element-ribbon .ribbon.ribbon-color-info:after { border-color: #3a80d7; } .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub { background-color: #659be0; color: #0c203a; } .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub:after { border-color: #1d4f8e #659be0; } .mt-element-ribbon .ribbon.ribbon-color-success { background-color: #36c6d3; color: #fff; } .mt-element-ribbon .ribbon.ribbon-color-success:after { border-color: #27a4b0; } .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub { background-color: #36c6d3; color: #020808; } .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub:after { border-color: #14565c #36c6d3; } .mt-element-ribbon .ribbon.ribbon-color-danger { background-color: #ed6b75; color: #fff; } .mt-element-ribbon .ribbon.ribbon-color-danger:after { border-color: #e73d4a; } .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub { background-color: #ed6b75; color: #4f0a0f; } .mt-element-ribbon .ribbon.ribbon-color-warning, .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub { background-color: #F1C40F; color: #010100; } .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub:after { border-color: #a91520 #ed6b75; } .mt-element-ribbon .ribbon.ribbon-color-warning:after { border-color: #c29d0b; } .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub:after { border-color: #614f06 #F1C40F; } .mt-element-card .mt-card-item { border: 1px solid #e7ecf1; position: relative; margin-bottom: 30px; } .mt-element-card .mt-card-item .mt-card-avatar { margin-bottom: 15px; } .mt-element-card .mt-card-item .mt-card-content { text-align: center; } .mt-element-card .mt-card-item .mt-card-content .mt-card-name { font-size: 16px; font-weight: 600; margin-bottom: 10px; } .mt-element-card .mt-card-item .mt-card-content .mt-card-desc { font-size: 14px; margin: 0 0 10px; } .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul { padding: 0; margin-bottom: 10px; } .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li { list-style: none; display: inline-block; margin: 0 3px; } .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a { color: #000; font-size: 18px; } .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a.mt-card-btn { color: #fff; } .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a.mt-card-btn:hover { color: #36c6d3; } .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a:hover { color: #F1C40F; } .mt-element-card.mt-card-round .mt-card-item { padding: 40px 40px 10px; } .mt-element-card.mt-card-round .mt-card-item .mt-card-avatar { border-radius: 50% !important; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .mt-element-card.mt-card-round .mt-card-item .mt-card-avatar .mt-overlay { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .mt-element-overlay .mt-overlay-1 { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .mt-element-overlay .mt-overlay-1 img { display: block; position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; width: 100%; height: auto; } .mt-element-overlay .mt-overlay-1 h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; background: rgba(0, 0, 0, .6); -webkit-transform: translatey(-100px) translateZ(0); -ms-transform: translatey(-100px) translateZ(0); transform: translatey(-100px) translateZ(0); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 10px; } .mt-element-overlay .mt-overlay-1 .mt-info { text-decoration: none; display: inline-block; text-transform: uppercase; color: #fff; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 0; margin: auto; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); } .mt-element-overlay .mt-overlay-1 .mt-info > li { list-style: none; display: inline-block; margin: 0 3px; } .mt-element-overlay .mt-overlay-1 .mt-info > li:hover { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; } .mt-element-overlay .mt-overlay-1:hover .mt-overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .mt-element-overlay .mt-overlay-1:hover img { -ms-transform: scale(1.2) translateZ(0); -webkit-transform: scale(1.2) translateZ(0); transform: scale(1.2) translateZ(0); } .mt-element-overlay .mt-overlay-1:hover .mt-info { opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: .2s; transition-delay: .2s; } .mt-element-overlay .mt-overlay-1 .mt-overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; background-color: rgba(0, 0, 0, .7); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .mt-element-overlay .mt-overlay-1.mt-scroll-up:hover .mt-overlay { bottom: 0; } .mt-element-overlay .mt-overlay-1.mt-scroll-up .mt-overlay { bottom: -100%; top: auto; } .mt-element-overlay .mt-overlay-1.mt-scroll-down:hover .mt-overlay { top: 0; } .mt-element-overlay .mt-overlay-1.mt-scroll-down .mt-overlay { top: -100%; } .mt-element-overlay .mt-overlay-1.mt-scroll-left:hover .mt-overlay { right: 0; } .mt-element-overlay .mt-overlay-1.mt-scroll-left .mt-overlay { right: -100%; left: auto; } .mt-element-overlay .mt-overlay-1.mt-scroll-right:hover .mt-overlay { left: 0; } .mt-element-overlay .mt-overlay-1.mt-scroll-right .mt-overlay { left: -100%; } .mt-element-overlay .mt-overlay-2 { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .mt-element-overlay .mt-overlay-2 img { display: block; position: relative; -webkit-transition: all .4s ease-in; transition: all .4s ease-in; width: 100%; height: auto; } .mt-element-overlay .mt-overlay-2 h2 { text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, .6); } .mt-element-overlay .mt-overlay-2 .mt-info, .mt-element-overlay .mt-overlay-2 h2 { -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition: all .4s ease-in; transition: all .4s ease-in; opacity: 0; filter: alpha(opacity=0); color: #fff; text-transform: uppercase; } .mt-element-overlay .mt-overlay-2 .mt-info { display: inline-block; text-decoration: none; margin: auto; position: absolute; top: 50%; -webkit-transform: scale(.7) translateY(-50%) translateX(-50%); -ms-transform: scale(.7) translateY(-50%) translateX(-50%); transform: scale(.7) translateY(-50%) translateX(-50%); } .mt-element-overlay .mt-overlay-2 .mt-info:hover { box-shadow: 0 0 5px #fff; } .mt-element-overlay .mt-overlay-2:hover img { filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: blur(3px); -webkit-filter: blur(3px); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .mt-element-overlay .mt-overlay-2:hover .mt-overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .mt-element-overlay .mt-overlay-2:hover h2 { -webkit-transition-delay: .5s; transition-delay: .5s; } .mt-element-overlay .mt-overlay-2:hover .mt-info, .mt-element-overlay .mt-overlay-2:hover h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); } .mt-element-overlay .mt-overlay-2:hover .mt-info { -webkit-transform: scale(1) translateY(-50%) translateX(-50%); -ms-transform: scale(1) translateY(-50%) translateX(-50%); transform: scale(1) translateY(-50%) translateX(-50%); } .mt-element-overlay .mt-overlay-2 .mt-overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } .mt-element-overlay .mt-overlay-2.mt-overlay-2-grey:hover img { filter: url('data:image/svg+xml;charset=utf-8,#filter'); filter: grayscale(1) blur(3px); -webkit-filter: grayscale(1) blur(3px); } .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info { border: none; width: 100%; padding: 0; -webkit-transform: scale(.7) translateY(-50%) translateX(-50%); -ms-transform: scale(.7) translateY(-50%) translateX(-50%); transform: scale(.7) translateY(-50%) translateX(-50%); } .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info:hover { box-shadow: none; } .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info > li { list-style: none; display: inline-block; margin: 0 3px; } .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info > li:hover { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; } .mt-element-overlay .mt-overlay-3 .mt-info, .mt-element-overlay .mt-overlay-3 h2 { -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); color: #fff; text-transform: uppercase; } .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons:hover .mt-info { -webkit-transform: scale(1) translateY(-50%) translateX(-50%); -ms-transform: scale(1) translateY(-50%) translateX(-50%); transform: scale(1) translateY(-50%) translateX(-50%); } .mt-element-overlay .mt-overlay-3 { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .mt-element-overlay .mt-overlay-3 img { display: block; position: relative; width: 100%; height: auto; } .mt-element-overlay .mt-overlay-3 h2 { text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, .6); -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); } .mt-element-overlay .mt-overlay-3 .mt-info { display: inline-block; text-decoration: none; border: 1px solid #fff; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); font-weight: 400; position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px; margin: auto; padding: 45% 0 0; } .mt-element-overlay .mt-overlay-3 .mt-info:hover { box-shadow: 0 0 5px #fff; } .mt-element-overlay .mt-overlay-3:hover .mt-overlay { background-color: rgba(48, 152, 157, .7); } .mt-element-overlay .mt-overlay-3:hover h2 { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .mt-element-overlay .mt-overlay-3:hover .mt-info { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mt-element-overlay .mt-overlay-3 .mt-overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(75, 75, 75, .7); -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); } .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info { padding: 40% 0 0; } .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info > li { list-style: none; display: inline-block; margin: 0 3px; } .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info > li:hover { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; } .mt-element-overlay .mt-overlay-4 { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .mt-element-overlay .mt-overlay-4 img { display: block; position: relative; -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); width: 100%; height: auto; } .mt-element-overlay .mt-overlay-4 h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; background: rgba(0, 0, 0, .6); -webkit-transform: translatey(-100px); -ms-transform: translatey(-100px); transform: translatey(-100px); -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); padding: 10px; } .mt-element-overlay .mt-overlay-4 .mt-info { display: inline-block; text-transform: uppercase; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; margin: 50px 0 0; } .mt-element-overlay .mt-overlay-4:hover .mt-overlay { opacity: 1; filter: alpha(opacity=100); } .mt-element-overlay .mt-overlay-4:hover .mt-info, .mt-element-overlay .mt-overlay-4:hover h2 { opacity: 1; filter: alpha(opacity=100); -ms-transform: translatey(0); -webkit-transform: translatey(0); transform: translatey(0); } .mt-element-overlay .mt-overlay-4:hover .mt-info { -webkit-transition-delay: .2s; transition-delay: .2s; } .mt-element-overlay .mt-overlay-4 .mt-overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); background-color: rgba(0, 0, 0, .7); -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); transition: all .4s cubic-bezier(.88, -.99, 0, 1.81); } .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info { border: none; position: absolute; padding: 0; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; } .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info:hover { box-shadow: none; } .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info > li { list-style: none; display: inline-block; margin: 0 3px; } .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info > li:hover { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; } .mt-element-overlay .mt-overlay-5 { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: -webkit-linear-gradient(45deg, #ff89e9 0, #05abe0 100%); background: linear-gradient( 45deg, #ff89e9 0, #05abe0 100%); } .mt-element-overlay .mt-overlay-5 .mt-overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 3em; text-align: left; } .mt-element-overlay .mt-overlay-5 .mt-overlay:before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ""; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .35s, -webkit-transform .45s; transition: opacity .35s, transform .45s; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } .border-after-white:after, .border-before-white:before, .border-white { border-color: #fff !important; } .border-top-after-white:after, .border-top-before-white:before, .border-top-white { border-top-color: #fff !important; } .border-bottom-after-white:after, .border-bottom-before-white:before, .border-bottom-white { border-bottom-color: #fff !important; } .border-left-after-white:after, .border-left-before-white:before, .border-left-white { border-left-color: #fff !important; } .border-right-after-white:after, .border-right-before-white:before, .border-right-white { border-right-color: #fff !important; } .mt-element-overlay .mt-overlay-5 img { display: block; position: relative; max-width: none; width: calc(113% + 60px); -webkit-transition: opacity .35s, -webkit-transform .45s; transition: opacity .35s, transform .45s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } .mt-element-overlay .mt-overlay-5 h2 { text-transform: uppercase; color: #fff; position: relative; font-size: 17px; background-color: transparent; padding: 15% 0 10px; text-align: left; } .mt-element-overlay .mt-overlay-5 a, .mt-element-overlay .mt-overlay-5 p { color: #FFF; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .35s, -webkit-transform .45s; transition: opacity .35s, transform .45s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .mt-element-overlay .mt-overlay-5 a:hover { text-decoration: none; opacity: .6; filter: alpha(opacity=60); } .mt-element-overlay .mt-overlay-5:hover img { opacity: .6; filter: alpha(opacity=60); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mt-element-overlay .mt-overlay-5:hover .mt-overlay:before, .mt-element-overlay .mt-overlay-5:hover a, .mt-element-overlay .mt-overlay-5:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mt-element-overlay .mt-overlay-6 { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; background: #42b078; } .mt-element-overlay .mt-overlay-6 .mt-overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 50px 20px; } .mt-element-overlay .mt-overlay-6 img { display: block; position: relative; max-width: none; width: calc(100% + 20px); -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mt-element-overlay .mt-overlay-6 h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; overflow: hidden; padding: .5em 0; background-color: transparent; } .mt-element-overlay .mt-overlay-6 h2:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ""; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mt-element-overlay .mt-overlay-6 a, .mt-element-overlay .mt-overlay-6 p { color: #FFF; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mt-element-overlay .mt-overlay-6 p { margin-top: 20px; } .mt-element-overlay .mt-overlay-6 .mt-info:hover { text-decoration: none; opacity: .6; filter: alpha(opacity=60); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; cursor: pointer; } .mt-element-overlay .mt-overlay-6:hover img { opacity: .4; filter: alpha(opacity=40); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mt-element-overlay .mt-overlay-6:hover h2:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mt-element-overlay .mt-overlay-6:hover a, .mt-element-overlay .mt-overlay-6:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bg-white { background: #fff !important; } .bg-white-opacity { background: rgba(255, 255, 255, .8) !important; } .bg-after-white:after, .bg-before-white:before, .bg-hover-white:hover { background: #fff !important; } .font-white { color: #fff !important; } .bg-font-white { color: #666 !important; } .border-after-default:after, .border-before-default:before, .border-default { border-color: #e1e5ec !important; } .border-top-after-default:after, .border-top-before-default:before, .border-top-default { border-top-color: #e1e5ec !important; } .border-bottom-after-default:after, .border-bottom-before-default:before, .border-bottom-default { border-bottom-color: #e1e5ec !important; } .border-left-after-default:after, .border-left-before-default:before, .border-left-default { border-left-color: #e1e5ec !important; } .border-right-after-default:after, .border-right-before-default:before, .border-right-default { border-right-color: #e1e5ec !important; } .bg-default { background: #e1e5ec !important; } .bg-default-opacity { background: rgba(225, 229, 236, .8) !important; } .bg-after-default:after, .bg-before-default:before, .bg-hover-default:hover { background: #e1e5ec !important; } .font-default { color: #e1e5ec !important; } .bg-font-default { color: #666 !important; } .border-after-dark:after, .border-before-dark:before, .border-dark { border-color: #2f353b !important; } .border-top-after-dark:after, .border-top-before-dark:before, .border-top-dark { border-top-color: #2f353b !important; } .border-bottom-after-dark:after, .border-bottom-before-dark:before, .border-bottom-dark { border-bottom-color: #2f353b !important; } .border-left-after-dark:after, .border-left-before-dark:before, .border-left-dark { border-left-color: #2f353b !important; } .border-right-after-dark:after, .border-right-before-dark:before, .border-right-dark { border-right-color: #2f353b !important; } .bg-dark { background: #2f353b !important; } .bg-dark-opacity { background: rgba(47, 53, 59, .8) !important; } .bg-after-dark:after, .bg-before-dark:before, .bg-hover-dark:hover { background: #2f353b !important; } .font-dark { color: #2f353b !important; } .bg-font-dark { color: #FFF !important; } .border-after-blue:after, .border-before-blue:before, .border-blue { border-color: #3598dc !important; } .border-top-after-blue:after, .border-top-before-blue:before, .border-top-blue { border-top-color: #3598dc !important; } .border-bottom-after-blue:after, .border-bottom-before-blue:before, .border-bottom-blue { border-bottom-color: #3598dc !important; } .border-left-after-blue:after, .border-left-before-blue:before, .border-left-blue { border-left-color: #3598dc !important; } .border-right-after-blue:after, .border-right-before-blue:before, .border-right-blue { border-right-color: #3598dc !important; } .bg-blue { background: #3598dc !important; } .bg-blue-opacity { background: rgba(53, 152, 220, .8) !important; } .bg-after-blue:after, .bg-before-blue:before, .bg-hover-blue:hover { background: #3598dc !important; } .font-blue { color: #3598dc !important; } .bg-font-blue { color: #FFF !important; } .border-after-blue-madison:after, .border-before-blue-madison:before, .border-blue-madison { border-color: #578ebe !important; } .border-top-after-blue-madison:after, .border-top-before-blue-madison:before, .border-top-blue-madison { border-top-color: #578ebe !important; } .border-bottom-after-blue-madison:after, .border-bottom-before-blue-madison:before, .border-bottom-blue-madison { border-bottom-color: #578ebe !important; } .border-left-after-blue-madison:after, .border-left-before-blue-madison:before, .border-left-blue-madison { border-left-color: #578ebe !important; } .border-right-after-blue-madison:after, .border-right-before-blue-madison:before, .border-right-blue-madison { border-right-color: #578ebe !important; } .bg-blue-madison { background: #578ebe !important; } .bg-blue-madison-opacity { background: rgba(87, 142, 190, .8) !important; } .bg-after-blue-madison:after, .bg-before-blue-madison:before, .bg-hover-blue-madison:hover { background: #578ebe !important; } .font-blue-madison { color: #578ebe !important; } .bg-font-blue-madison { color: #FFF !important; } .border-after-blue-chambray:after, .border-before-blue-chambray:before, .border-blue-chambray { border-color: #2C3E50 !important; } .border-top-after-blue-chambray:after, .border-top-before-blue-chambray:before, .border-top-blue-chambray { border-top-color: #2C3E50 !important; } .border-bottom-after-blue-chambray:after, .border-bottom-before-blue-chambray:before, .border-bottom-blue-chambray { border-bottom-color: #2C3E50 !important; } .border-left-after-blue-chambray:after, .border-left-before-blue-chambray:before, .border-left-blue-chambray { border-left-color: #2C3E50 !important; } .border-right-after-blue-chambray:after, .border-right-before-blue-chambray:before, .border-right-blue-chambray { border-right-color: #2C3E50 !important; } .bg-blue-chambray { background: #2C3E50 !important; } .bg-blue-chambray-opacity { background: rgba(44, 62, 80, .8) !important; } .bg-after-blue-chambray:after, .bg-before-blue-chambray:before, .bg-hover-blue-chambray:hover { background: #2C3E50 !important; } .font-blue-chambray { color: #2C3E50 !important; } .bg-font-blue-chambray { color: #FFF !important; } .border-after-blue-ebonyclay:after, .border-before-blue-ebonyclay:before, .border-blue-ebonyclay { border-color: #22313F !important; } .border-top-after-blue-ebonyclay:after, .border-top-before-blue-ebonyclay:before, .border-top-blue-ebonyclay { border-top-color: #22313F !important; } .border-bottom-after-blue-ebonyclay:after, .border-bottom-before-blue-ebonyclay:before, .border-bottom-blue-ebonyclay { border-bottom-color: #22313F !important; } .border-left-after-blue-ebonyclay:after, .border-left-before-blue-ebonyclay:before, .border-left-blue-ebonyclay { border-left-color: #22313F !important; } .border-right-after-blue-ebonyclay:after, .border-right-before-blue-ebonyclay:before, .border-right-blue-ebonyclay { border-right-color: #22313F !important; } .bg-blue-ebonyclay { background: #22313F !important; } .bg-blue-ebonyclay-opacity { background: rgba(34, 49, 63, .8) !important; } .bg-after-blue-ebonyclay:after, .bg-before-blue-ebonyclay:before, .bg-hover-blue-ebonyclay:hover { background: #22313F !important; } .font-blue-ebonyclay { color: #22313F !important; } .bg-font-blue-ebonyclay { color: #FFF !important; } .border-after-blue-hoki:after, .border-before-blue-hoki:before, .border-blue-hoki { border-color: #67809F !important; } .border-top-after-blue-hoki:after, .border-top-before-blue-hoki:before, .border-top-blue-hoki { border-top-color: #67809F !important; } .border-bottom-after-blue-hoki:after, .border-bottom-before-blue-hoki:before, .border-bottom-blue-hoki { border-bottom-color: #67809F !important; } .border-left-after-blue-hoki:after, .border-left-before-blue-hoki:before, .border-left-blue-hoki { border-left-color: #67809F !important; } .border-right-after-blue-hoki:after, .border-right-before-blue-hoki:before, .border-right-blue-hoki { border-right-color: #67809F !important; } .bg-blue-hoki { background: #67809F !important; } .bg-blue-hoki-opacity { background: rgba(103, 128, 159, .8) !important; } .bg-after-blue-hoki:after, .bg-before-blue-hoki:before, .bg-hover-blue-hoki:hover { background: #67809F !important; } .font-blue-hoki { color: #67809F !important; } .bg-font-blue-hoki { color: #FFF !important; } .border-after-blue-steel:after, .border-before-blue-steel:before, .border-blue-steel { border-color: #4B77BE !important; } .border-top-after-blue-steel:after, .border-top-before-blue-steel:before, .border-top-blue-steel { border-top-color: #4B77BE !important; } .border-bottom-after-blue-steel:after, .border-bottom-before-blue-steel:before, .border-bottom-blue-steel { border-bottom-color: #4B77BE !important; } .border-left-after-blue-steel:after, .border-left-before-blue-steel:before, .border-left-blue-steel { border-left-color: #4B77BE !important; } .border-right-after-blue-steel:after, .border-right-before-blue-steel:before, .border-right-blue-steel { border-right-color: #4B77BE !important; } .bg-blue-steel { background: #4B77BE !important; } .bg-blue-steel-opacity { background: rgba(75, 119, 190, .8) !important; } .bg-after-blue-steel:after, .bg-before-blue-steel:before, .bg-hover-blue-steel:hover { background: #4B77BE !important; } .font-blue-steel { color: #4B77BE !important; } .bg-font-blue-steel { color: #FFF !important; } .border-after-blue-soft:after, .border-before-blue-soft:before, .border-blue-soft { border-color: #4c87b9 !important; } .border-top-after-blue-soft:after, .border-top-before-blue-soft:before, .border-top-blue-soft { border-top-color: #4c87b9 !important; } .border-bottom-after-blue-soft:after, .border-bottom-before-blue-soft:before, .border-bottom-blue-soft { border-bottom-color: #4c87b9 !important; } .border-left-after-blue-soft:after, .border-left-before-blue-soft:before, .border-left-blue-soft { border-left-color: #4c87b9 !important; } .border-right-after-blue-soft:after, .border-right-before-blue-soft:before, .border-right-blue-soft { border-right-color: #4c87b9 !important; } .bg-blue-soft { background: #4c87b9 !important; } .bg-blue-soft-opacity { background: rgba(76, 135, 185, .8) !important; } .bg-after-blue-soft:after, .bg-before-blue-soft:before, .bg-hover-blue-soft:hover { background: #4c87b9 !important; } .font-blue-soft { color: #4c87b9 !important; } .bg-font-blue-soft { color: #FFF !important; } .border-after-blue-dark:after, .border-before-blue-dark:before, .border-blue-dark { border-color: #5e738b !important; } .border-top-after-blue-dark:after, .border-top-before-blue-dark:before, .border-top-blue-dark { border-top-color: #5e738b !important; } .border-bottom-after-blue-dark:after, .border-bottom-before-blue-dark:before, .border-bottom-blue-dark { border-bottom-color: #5e738b !important; } .border-left-after-blue-dark:after, .border-left-before-blue-dark:before, .border-left-blue-dark { border-left-color: #5e738b !important; } .border-right-after-blue-dark:after, .border-right-before-blue-dark:before, .border-right-blue-dark { border-right-color: #5e738b !important; } .bg-blue-dark { background: #5e738b !important; } .bg-blue-dark-opacity { background: rgba(94, 115, 139, .8) !important; } .bg-after-blue-dark:after, .bg-before-blue-dark:before, .bg-hover-blue-dark:hover { background: #5e738b !important; } .font-blue-dark { color: #5e738b !important; } .bg-font-blue-dark { color: #FFF !important; } .border-after-blue-sharp:after, .border-before-blue-sharp:before, .border-blue-sharp { border-color: #5C9BD1 !important; } .border-top-after-blue-sharp:after, .border-top-before-blue-sharp:before, .border-top-blue-sharp { border-top-color: #5C9BD1 !important; } .border-bottom-after-blue-sharp:after, .border-bottom-before-blue-sharp:before, .border-bottom-blue-sharp { border-bottom-color: #5C9BD1 !important; } .border-left-after-blue-sharp:after, .border-left-before-blue-sharp:before, .border-left-blue-sharp { border-left-color: #5C9BD1 !important; } .border-right-after-blue-sharp:after, .border-right-before-blue-sharp:before, .border-right-blue-sharp { border-right-color: #5C9BD1 !important; } .bg-blue-sharp { background: #5C9BD1 !important; } .bg-blue-sharp-opacity { background: rgba(92, 155, 209, .8) !important; } .bg-after-blue-sharp:after, .bg-before-blue-sharp:before, .bg-hover-blue-sharp:hover { background: #5C9BD1 !important; } .font-blue-sharp { color: #5C9BD1 !important; } .bg-font-blue-sharp { color: #FFF !important; } .border-after-blue-oleo:after, .border-before-blue-oleo:before, .border-blue-oleo { border-color: #94A0B2 !important; } .border-top-after-blue-oleo:after, .border-top-before-blue-oleo:before, .border-top-blue-oleo { border-top-color: #94A0B2 !important; } .border-bottom-after-blue-oleo:after, .border-bottom-before-blue-oleo:before, .border-bottom-blue-oleo { border-bottom-color: #94A0B2 !important; } .border-left-after-blue-oleo:after, .border-left-before-blue-oleo:before, .border-left-blue-oleo { border-left-color: #94A0B2 !important; } .border-right-after-blue-oleo:after, .border-right-before-blue-oleo:before, .border-right-blue-oleo { border-right-color: #94A0B2 !important; } .bg-blue-oleo { background: #94A0B2 !important; } .bg-blue-oleo-opacity { background: rgba(148, 160, 178, .8) !important; } .bg-after-blue-oleo:after, .bg-before-blue-oleo:before, .bg-hover-blue-oleo:hover { background: #94A0B2 !important; } .font-blue-oleo { color: #94A0B2 !important; } .bg-font-blue-oleo { color: #FFF !important; } .border-after-green:after, .border-before-green:before, .border-green { border-color: #32c5d2 !important; } .border-top-after-green:after, .border-top-before-green:before, .border-top-green { border-top-color: #32c5d2 !important; } .border-bottom-after-green:after, .border-bottom-before-green:before, .border-bottom-green { border-bottom-color: #32c5d2 !important; } .border-left-after-green:after, .border-left-before-green:before, .border-left-green { border-left-color: #32c5d2 !important; } .border-right-after-green:after, .border-right-before-green:before, .border-right-green { border-right-color: #32c5d2 !important; } .bg-green { background: #32c5d2 !important; } .bg-green-opacity { background: rgba(50, 197, 210, .8) !important; } .bg-after-green:after, .bg-before-green:before, .bg-hover-green:hover { background: #32c5d2 !important; } .font-green { color: #32c5d2 !important; } .bg-font-green { color: #FFF !important; } .border-after-green-meadow:after, .border-before-green-meadow:before, .border-green-meadow { border-color: #1BBC9B !important; } .border-top-after-green-meadow:after, .border-top-before-green-meadow:before, .border-top-green-meadow { border-top-color: #1BBC9B !important; } .border-bottom-after-green-meadow:after, .border-bottom-before-green-meadow:before, .border-bottom-green-meadow { border-bottom-color: #1BBC9B !important; } .border-left-after-green-meadow:after, .border-left-before-green-meadow:before, .border-left-green-meadow { border-left-color: #1BBC9B !important; } .border-right-after-green-meadow:after, .border-right-before-green-meadow:before, .border-right-green-meadow { border-right-color: #1BBC9B !important; } .bg-green-meadow { background: #1BBC9B !important; } .bg-green-meadow-opacity { background: rgba(27, 188, 155, .8) !important; } .bg-after-green-meadow:after, .bg-before-green-meadow:before, .bg-hover-green-meadow:hover { background: #1BBC9B !important; } .font-green-meadow { color: #1BBC9B !important; } .bg-font-green-meadow { color: #FFF !important; } .border-after-green-seagreen:after, .border-before-green-seagreen:before, .border-green-seagreen { border-color: #1BA39C !important; } .border-top-after-green-seagreen:after, .border-top-before-green-seagreen:before, .border-top-green-seagreen { border-top-color: #1BA39C !important; } .border-bottom-after-green-seagreen:after, .border-bottom-before-green-seagreen:before, .border-bottom-green-seagreen { border-bottom-color: #1BA39C !important; } .border-left-after-green-seagreen:after, .border-left-before-green-seagreen:before, .border-left-green-seagreen { border-left-color: #1BA39C !important; } .border-right-after-green-seagreen:after, .border-right-before-green-seagreen:before, .border-right-green-seagreen { border-right-color: #1BA39C !important; } .bg-green-seagreen { background: #1BA39C !important; } .bg-green-seagreen-opacity { background: rgba(27, 163, 156, .8) !important; } .bg-after-green-seagreen:after, .bg-before-green-seagreen:before, .bg-hover-green-seagreen:hover { background: #1BA39C !important; } .font-green-seagreen { color: #1BA39C !important; } .bg-font-green-seagreen { color: #FFF !important; } .border-after-green-turquoise:after, .border-before-green-turquoise:before, .border-green-turquoise { border-color: #36D7B7 !important; } .border-top-after-green-turquoise:after, .border-top-before-green-turquoise:before, .border-top-green-turquoise { border-top-color: #36D7B7 !important; } .border-bottom-after-green-turquoise:after, .border-bottom-before-green-turquoise:before, .border-bottom-green-turquoise { border-bottom-color: #36D7B7 !important; } .border-left-after-green-turquoise:after, .border-left-before-green-turquoise:before, .border-left-green-turquoise { border-left-color: #36D7B7 !important; } .border-right-after-green-turquoise:after, .border-right-before-green-turquoise:before, .border-right-green-turquoise { border-right-color: #36D7B7 !important; } .bg-green-turquoise { background: #36D7B7 !important; } .bg-green-turquoise-opacity { background: rgba(54, 215, 183, .8) !important; } .bg-after-green-turquoise:after, .bg-before-green-turquoise:before, .bg-hover-green-turquoise:hover { background: #36D7B7 !important; } .font-green-turquoise { color: #36D7B7 !important; } .bg-font-green-turquoise { color: #FFF !important; } .border-after-green-haze:after, .border-before-green-haze:before, .border-green-haze { border-color: #44b6ae !important; } .border-top-after-green-haze:after, .border-top-before-green-haze:before, .border-top-green-haze { border-top-color: #44b6ae !important; } .border-bottom-after-green-haze:after, .border-bottom-before-green-haze:before, .border-bottom-green-haze { border-bottom-color: #44b6ae !important; } .border-left-after-green-haze:after, .border-left-before-green-haze:before, .border-left-green-haze { border-left-color: #44b6ae !important; } .border-right-after-green-haze:after, .border-right-before-green-haze:before, .border-right-green-haze { border-right-color: #44b6ae !important; } .bg-green-haze { background: #44b6ae !important; } .bg-green-haze-opacity { background: rgba(68, 182, 174, .8) !important; } .bg-after-green-haze:after, .bg-before-green-haze:before, .bg-hover-green-haze:hover { background: #44b6ae !important; } .font-green-haze { color: #44b6ae !important; } .bg-font-green-haze { color: #FFF !important; } .border-after-green-jungle:after, .border-before-green-jungle:before, .border-green-jungle { border-color: #26C281 !important; } .border-top-after-green-jungle:after, .border-top-before-green-jungle:before, .border-top-green-jungle { border-top-color: #26C281 !important; } .border-bottom-after-green-jungle:after, .border-bottom-before-green-jungle:before, .border-bottom-green-jungle { border-bottom-color: #26C281 !important; } .border-left-after-green-jungle:after, .border-left-before-green-jungle:before, .border-left-green-jungle { border-left-color: #26C281 !important; } .border-right-after-green-jungle:after, .border-right-before-green-jungle:before, .border-right-green-jungle { border-right-color: #26C281 !important; } .bg-green-jungle { background: #26C281 !important; } .bg-green-jungle-opacity { background: rgba(38, 194, 129, .8) !important; } .bg-after-green-jungle:after, .bg-before-green-jungle:before, .bg-hover-green-jungle:hover { background: #26C281 !important; } .font-green-jungle { color: #26C281 !important; } .bg-font-green-jungle { color: #FFF !important; } .border-after-green-soft:after, .border-before-green-soft:before, .border-green-soft { border-color: #3faba4 !important; } .border-top-after-green-soft:after, .border-top-before-green-soft:before, .border-top-green-soft { border-top-color: #3faba4 !important; } .border-bottom-after-green-soft:after, .border-bottom-before-green-soft:before, .border-bottom-green-soft { border-bottom-color: #3faba4 !important; } .border-left-after-green-soft:after, .border-left-before-green-soft:before, .border-left-green-soft { border-left-color: #3faba4 !important; } .border-right-after-green-soft:after, .border-right-before-green-soft:before, .border-right-green-soft { border-right-color: #3faba4 !important; } .bg-green-soft { background: #3faba4 !important; } .bg-green-soft-opacity { background: rgba(63, 171, 164, .8) !important; } .bg-after-green-soft:after, .bg-before-green-soft:before, .bg-hover-green-soft:hover { background: #3faba4 !important; } .font-green-soft { color: #3faba4 !important; } .bg-font-green-soft { color: #FFF !important; } .border-after-green-dark:after, .border-before-green-dark:before, .border-green-dark { border-color: #4DB3A2 !important; } .border-top-after-green-dark:after, .border-top-before-green-dark:before, .border-top-green-dark { border-top-color: #4DB3A2 !important; } .border-bottom-after-green-dark:after, .border-bottom-before-green-dark:before, .border-bottom-green-dark { border-bottom-color: #4DB3A2 !important; } .border-left-after-green-dark:after, .border-left-before-green-dark:before, .border-left-green-dark { border-left-color: #4DB3A2 !important; } .border-right-after-green-dark:after, .border-right-before-green-dark:before, .border-right-green-dark { border-right-color: #4DB3A2 !important; } .bg-green-dark { background: #4DB3A2 !important; } .bg-green-dark-opacity { background: rgba(77, 179, 162, .8) !important; } .bg-after-green-dark:after, .bg-before-green-dark:before, .bg-hover-green-dark:hover { background: #4DB3A2 !important; } .font-green-dark { color: #4DB3A2 !important; } .bg-font-green-dark { color: #FFF !important; } .border-after-green-sharp:after, .border-before-green-sharp:before, .border-green-sharp { border-color: #2ab4c0 !important; } .border-top-after-green-sharp:after, .border-top-before-green-sharp:before, .border-top-green-sharp { border-top-color: #2ab4c0 !important; } .border-bottom-after-green-sharp:after, .border-bottom-before-green-sharp:before, .border-bottom-green-sharp { border-bottom-color: #2ab4c0 !important; } .border-left-after-green-sharp:after, .border-left-before-green-sharp:before, .border-left-green-sharp { border-left-color: #2ab4c0 !important; } .border-right-after-green-sharp:after, .border-right-before-green-sharp:before, .border-right-green-sharp { border-right-color: #2ab4c0 !important; } .bg-green-sharp { background: #2ab4c0 !important; } .bg-green-sharp-opacity { background: rgba(42, 180, 192, .8) !important; } .bg-after-green-sharp:after, .bg-before-green-sharp:before, .bg-hover-green-sharp:hover { background: #2ab4c0 !important; } .font-green-sharp { color: #2ab4c0 !important; } .bg-font-green-sharp { color: #FFF !important; } .border-after-green-steel:after, .border-before-green-steel:before, .border-green-steel { border-color: #29b4b6 !important; } .border-top-after-green-steel:after, .border-top-before-green-steel:before, .border-top-green-steel { border-top-color: #29b4b6 !important; } .border-bottom-after-green-steel:after, .border-bottom-before-green-steel:before, .border-bottom-green-steel { border-bottom-color: #29b4b6 !important; } .border-left-after-green-steel:after, .border-left-before-green-steel:before, .border-left-green-steel { border-left-color: #29b4b6 !important; } .border-right-after-green-steel:after, .border-right-before-green-steel:before, .border-right-green-steel { border-right-color: #29b4b6 !important; } .bg-green-steel { background: #29b4b6 !important; } .bg-green-steel-opacity { background: rgba(41, 180, 182, .8) !important; } .bg-after-green-steel:after, .bg-before-green-steel:before, .bg-hover-green-steel:hover { background: #29b4b6 !important; } .font-green-steel { color: #29b4b6 !important; } .bg-font-green-steel { color: #FFF !important; } .border-after-grey:after, .border-before-grey:before, .border-grey { border-color: #E5E5E5 !important; } .border-top-after-grey:after, .border-top-before-grey:before, .border-top-grey { border-top-color: #E5E5E5 !important; } .border-bottom-after-grey:after, .border-bottom-before-grey:before, .border-bottom-grey { border-bottom-color: #E5E5E5 !important; } .border-left-after-grey:after, .border-left-before-grey:before, .border-left-grey { border-left-color: #E5E5E5 !important; } .border-right-after-grey:after, .border-right-before-grey:before, .border-right-grey { border-right-color: #E5E5E5 !important; } .bg-grey { background: #E5E5E5 !important; } .bg-grey-opacity { background: rgba(229, 229, 229, .8) !important; } .bg-after-grey:after, .bg-before-grey:before, .bg-hover-grey:hover { background: #E5E5E5 !important; } .font-grey { color: #E5E5E5 !important; } .bg-font-grey { color: #333 !important; } .border-after-grey-steel:after, .border-before-grey-steel:before, .border-grey-steel { border-color: #e9edef !important; } .border-top-after-grey-steel:after, .border-top-before-grey-steel:before, .border-top-grey-steel { border-top-color: #e9edef !important; } .border-bottom-after-grey-steel:after, .border-bottom-before-grey-steel:before, .border-bottom-grey-steel { border-bottom-color: #e9edef !important; } .border-left-after-grey-steel:after, .border-left-before-grey-steel:before, .border-left-grey-steel { border-left-color: #e9edef !important; } .border-right-after-grey-steel:after, .border-right-before-grey-steel:before, .border-right-grey-steel { border-right-color: #e9edef !important; } .bg-grey-steel { background: #e9edef !important; } .bg-grey-steel-opacity { background: rgba(233, 237, 239, .8) !important; } .bg-after-grey-steel:after, .bg-before-grey-steel:before, .bg-hover-grey-steel:hover { background: #e9edef !important; } .font-grey-steel { color: #e9edef !important; } .bg-font-grey-steel { color: #80898e !important; } .border-after-grey-cararra:after, .border-before-grey-cararra:before, .border-grey-cararra { border-color: #fafafa !important; } .border-top-after-grey-cararra:after, .border-top-before-grey-cararra:before, .border-top-grey-cararra { border-top-color: #fafafa !important; } .border-bottom-after-grey-cararra:after, .border-bottom-before-grey-cararra:before, .border-bottom-grey-cararra { border-bottom-color: #fafafa !important; } .border-left-after-grey-cararra:after, .border-left-before-grey-cararra:before, .border-left-grey-cararra { border-left-color: #fafafa !important; } .border-right-after-grey-cararra:after, .border-right-before-grey-cararra:before, .border-right-grey-cararra { border-right-color: #fafafa !important; } .bg-grey-cararra { background: #fafafa !important; } .bg-grey-cararra-opacity { background: rgba(250, 250, 250, .8) !important; } .bg-after-grey-cararra:after, .bg-before-grey-cararra:before, .bg-hover-grey-cararra:hover { background: #fafafa !important; } .font-grey-cararra { color: #fafafa !important; } .bg-font-grey-cararra { color: #333 !important; } .border-after-grey-gallery:after, .border-before-grey-gallery:before, .border-grey-gallery { border-color: #555 !important; } .border-top-after-grey-gallery:after, .border-top-before-grey-gallery:before, .border-top-grey-gallery { border-top-color: #555 !important; } .border-bottom-after-grey-gallery:after, .border-bottom-before-grey-gallery:before, .border-bottom-grey-gallery { border-bottom-color: #555 !important; } .border-left-after-grey-gallery:after, .border-left-before-grey-gallery:before, .border-left-grey-gallery { border-left-color: #555 !important; } .border-right-after-grey-gallery:after, .border-right-before-grey-gallery:before, .border-right-grey-gallery { border-right-color: #555 !important; } .bg-grey-gallery { background: #555 !important; } .bg-grey-gallery-opacity { background: rgba(85, 85, 85, .8) !important; } .bg-after-grey-gallery:after, .bg-before-grey-gallery:before, .bg-hover-grey-gallery:hover { background: #555 !important; } .font-grey-gallery { color: #555 !important; } .bg-font-grey-gallery { color: #fff !important; } .border-after-grey-cascade:after, .border-before-grey-cascade:before, .border-grey-cascade { border-color: #95A5A6 !important; } .border-top-after-grey-cascade:after, .border-top-before-grey-cascade:before, .border-top-grey-cascade { border-top-color: #95A5A6 !important; } .border-bottom-after-grey-cascade:after, .border-bottom-before-grey-cascade:before, .border-bottom-grey-cascade { border-bottom-color: #95A5A6 !important; } .border-left-after-grey-cascade:after, .border-left-before-grey-cascade:before, .border-left-grey-cascade { border-left-color: #95A5A6 !important; } .border-right-after-grey-cascade:after, .border-right-before-grey-cascade:before, .border-right-grey-cascade { border-right-color: #95A5A6 !important; } .bg-grey-cascade { background: #95A5A6 !important; } .bg-grey-cascade-opacity { background: rgba(149, 165, 166, .8) !important; } .bg-after-grey-cascade:after, .bg-before-grey-cascade:before, .bg-hover-grey-cascade:hover { background: #95A5A6 !important; } .font-grey-cascade { color: #95A5A6 !important; } .bg-font-grey-cascade { color: #FFF !important; } .border-after-grey-silver:after, .border-before-grey-silver:before, .border-grey-silver { border-color: #BFBFBF !important; } .border-top-after-grey-silver:after, .border-top-before-grey-silver:before, .border-top-grey-silver { border-top-color: #BFBFBF !important; } .border-bottom-after-grey-silver:after, .border-bottom-before-grey-silver:before, .border-bottom-grey-silver { border-bottom-color: #BFBFBF !important; } .border-left-after-grey-silver:after, .border-left-before-grey-silver:before, .border-left-grey-silver { border-left-color: #BFBFBF !important; } .border-right-after-grey-silver:after, .border-right-before-grey-silver:before, .border-right-grey-silver { border-right-color: #BFBFBF !important; } .bg-grey-silver { background: #BFBFBF !important; } .bg-grey-silver-opacity { background: rgba(191, 191, 191, .8) !important; } .bg-after-grey-silver:after, .bg-before-grey-silver:before, .bg-hover-grey-silver:hover { background: #BFBFBF !important; } .font-grey-silver { color: #BFBFBF !important; } .bg-font-grey-silver { color: #FAFCFB !important; } .border-after-grey-salsa:after, .border-before-grey-salsa:before, .border-grey-salsa { border-color: #ACB5C3 !important; } .border-top-after-grey-salsa:after, .border-top-before-grey-salsa:before, .border-top-grey-salsa { border-top-color: #ACB5C3 !important; } .border-bottom-after-grey-salsa:after, .border-bottom-before-grey-salsa:before, .border-bottom-grey-salsa { border-bottom-color: #ACB5C3 !important; } .border-left-after-grey-salsa:after, .border-left-before-grey-salsa:before, .border-left-grey-salsa { border-left-color: #ACB5C3 !important; } .border-right-after-grey-salsa:after, .border-right-before-grey-salsa:before, .border-right-grey-salsa { border-right-color: #ACB5C3 !important; } .bg-grey-salsa { background: #ACB5C3 !important; } .bg-grey-salsa-opacity { background: rgba(172, 181, 195, .8) !important; } .bg-after-grey-salsa:after, .bg-before-grey-salsa:before, .bg-hover-grey-salsa:hover { background: #ACB5C3 !important; } .font-grey-salsa { color: #ACB5C3 !important; } .bg-font-grey-salsa { color: #FAFCFB !important; } .border-after-grey-salt:after, .border-before-grey-salt:before, .border-grey-salt { border-color: #bfcad1 !important; } .border-top-after-grey-salt:after, .border-top-before-grey-salt:before, .border-top-grey-salt { border-top-color: #bfcad1 !important; } .border-bottom-after-grey-salt:after, .border-bottom-before-grey-salt:before, .border-bottom-grey-salt { border-bottom-color: #bfcad1 !important; } .border-left-after-grey-salt:after, .border-left-before-grey-salt:before, .border-left-grey-salt { border-left-color: #bfcad1 !important; } .border-right-after-grey-salt:after, .border-right-before-grey-salt:before, .border-right-grey-salt { border-right-color: #bfcad1 !important; } .bg-grey-salt { background: #bfcad1 !important; } .bg-grey-salt-opacity { background: rgba(191, 202, 209, .8) !important; } .bg-after-grey-salt:after, .bg-before-grey-salt:before, .bg-hover-grey-salt:hover { background: #bfcad1 !important; } .font-grey-salt { color: #bfcad1 !important; } .bg-font-grey-salt { color: #FAFCFB !important; } .border-after-grey-mint:after, .border-before-grey-mint:before, .border-grey-mint { border-color: #525e64 !important; } .border-top-after-grey-mint:after, .border-top-before-grey-mint:before, .border-top-grey-mint { border-top-color: #525e64 !important; } .border-bottom-after-grey-mint:after, .border-bottom-before-grey-mint:before, .border-bottom-grey-mint { border-bottom-color: #525e64 !important; } .border-left-after-grey-mint:after, .border-left-before-grey-mint:before, .border-left-grey-mint { border-left-color: #525e64 !important; } .border-right-after-grey-mint:after, .border-right-before-grey-mint:before, .border-right-grey-mint { border-right-color: #525e64 !important; } .bg-grey-mint { background: #525e64 !important; } .bg-grey-mint-opacity { background: rgba(82, 94, 100, .8) !important; } .bg-after-grey-mint:after, .bg-before-grey-mint:before, .bg-hover-grey-mint:hover { background: #525e64 !important; } .font-grey-mint { color: #525e64 !important; } .bg-font-grey-mint { color: #FFF !important; } .border-after-red:after, .border-before-red:before, .border-red { border-color: #e7505a !important; } .border-top-after-red:after, .border-top-before-red:before, .border-top-red { border-top-color: #e7505a !important; } .border-bottom-after-red:after, .border-bottom-before-red:before, .border-bottom-red { border-bottom-color: #e7505a !important; } .border-left-after-red:after, .border-left-before-red:before, .border-left-red { border-left-color: #e7505a !important; } .border-right-after-red:after, .border-right-before-red:before, .border-right-red { border-right-color: #e7505a !important; } .bg-red { background: #e7505a !important; } .bg-red-opacity { background: rgba(231, 80, 90, .8) !important; } .bg-after-red:after, .bg-before-red:before, .bg-hover-red:hover { background: #e7505a !important; } .font-red { color: #e7505a !important; } .bg-font-red { color: #fff !important; } .border-after-red-pink:after, .border-before-red-pink:before, .border-red-pink { border-color: #E08283 !important; } .border-top-after-red-pink:after, .border-top-before-red-pink:before, .border-top-red-pink { border-top-color: #E08283 !important; } .border-bottom-after-red-pink:after, .border-bottom-before-red-pink:before, .border-bottom-red-pink { border-bottom-color: #E08283 !important; } .border-left-after-red-pink:after, .border-left-before-red-pink:before, .border-left-red-pink { border-left-color: #E08283 !important; } .border-right-after-red-pink:after, .border-right-before-red-pink:before, .border-right-red-pink { border-right-color: #E08283 !important; } .bg-red-pink { background: #E08283 !important; } .bg-red-pink-opacity { background: rgba(224, 130, 131, .8) !important; } .bg-after-red-pink:after, .bg-before-red-pink:before, .bg-hover-red-pink:hover { background: #E08283 !important; } .font-red-pink { color: #E08283 !important; } .bg-font-red-pink { color: #fff !important; } .border-after-red-sunglo:after, .border-before-red-sunglo:before, .border-red-sunglo { border-color: #E26A6A !important; } .border-top-after-red-sunglo:after, .border-top-before-red-sunglo:before, .border-top-red-sunglo { border-top-color: #E26A6A !important; } .border-bottom-after-red-sunglo:after, .border-bottom-before-red-sunglo:before, .border-bottom-red-sunglo { border-bottom-color: #E26A6A !important; } .border-left-after-red-sunglo:after, .border-left-before-red-sunglo:before, .border-left-red-sunglo { border-left-color: #E26A6A !important; } .border-right-after-red-sunglo:after, .border-right-before-red-sunglo:before, .border-right-red-sunglo { border-right-color: #E26A6A !important; } .bg-red-sunglo { background: #E26A6A !important; } .bg-red-sunglo-opacity { background: rgba(226, 106, 106, .8) !important; } .bg-after-red-sunglo:after, .bg-before-red-sunglo:before, .bg-hover-red-sunglo:hover { background: #E26A6A !important; } .font-red-sunglo { color: #E26A6A !important; } .bg-font-red-sunglo { color: #fff !important; } .border-after-red-intense:after, .border-before-red-intense:before, .border-red-intense { border-color: #e35b5a !important; } .border-top-after-red-intense:after, .border-top-before-red-intense:before, .border-top-red-intense { border-top-color: #e35b5a !important; } .border-bottom-after-red-intense:after, .border-bottom-before-red-intense:before, .border-bottom-red-intense { border-bottom-color: #e35b5a !important; } .border-left-after-red-intense:after, .border-left-before-red-intense:before, .border-left-red-intense { border-left-color: #e35b5a !important; } .border-right-after-red-intense:after, .border-right-before-red-intense:before, .border-right-red-intense { border-right-color: #e35b5a !important; } .bg-red-intense { background: #e35b5a !important; } .bg-red-intense-opacity { background: rgba(227, 91, 90, .8) !important; } .bg-after-red-intense:after, .bg-before-red-intense:before, .bg-hover-red-intense:hover { background: #e35b5a !important; } .font-red-intense { color: #e35b5a !important; } .bg-font-red-intense { color: #fff !important; } .border-after-red-thunderbird:after, .border-before-red-thunderbird:before, .border-red-thunderbird { border-color: #D91E18 !important; } .border-top-after-red-thunderbird:after, .border-top-before-red-thunderbird:before, .border-top-red-thunderbird { border-top-color: #D91E18 !important; } .border-bottom-after-red-thunderbird:after, .border-bottom-before-red-thunderbird:before, .border-bottom-red-thunderbird { border-bottom-color: #D91E18 !important; } .border-left-after-red-thunderbird:after, .border-left-before-red-thunderbird:before, .border-left-red-thunderbird { border-left-color: #D91E18 !important; } .border-right-after-red-thunderbird:after, .border-right-before-red-thunderbird:before, .border-right-red-thunderbird { border-right-color: #D91E18 !important; } .bg-red-thunderbird { background: #D91E18 !important; } .bg-red-thunderbird-opacity { background: rgba(217, 30, 24, .8) !important; } .bg-after-red-thunderbird:after, .bg-before-red-thunderbird:before, .bg-hover-red-thunderbird:hover { background: #D91E18 !important; } .font-red-thunderbird { color: #D91E18 !important; } .bg-font-red-thunderbird { color: #fff !important; } .border-after-red-flamingo:after, .border-before-red-flamingo:before, .border-red-flamingo { border-color: #EF4836 !important; } .border-top-after-red-flamingo:after, .border-top-before-red-flamingo:before, .border-top-red-flamingo { border-top-color: #EF4836 !important; } .border-bottom-after-red-flamingo:after, .border-bottom-before-red-flamingo:before, .border-bottom-red-flamingo { border-bottom-color: #EF4836 !important; } .border-left-after-red-flamingo:after, .border-left-before-red-flamingo:before, .border-left-red-flamingo { border-left-color: #EF4836 !important; } .border-right-after-red-flamingo:after, .border-right-before-red-flamingo:before, .border-right-red-flamingo { border-right-color: #EF4836 !important; } .bg-red-flamingo { background: #EF4836 !important; } .bg-red-flamingo-opacity { background: rgba(239, 72, 54, .8) !important; } .bg-after-red-flamingo:after, .bg-before-red-flamingo:before, .bg-hover-red-flamingo:hover { background: #EF4836 !important; } .font-red-flamingo { color: #EF4836 !important; } .bg-font-red-flamingo { color: #fff !important; } .border-after-red-soft:after, .border-before-red-soft:before, .border-red-soft { border-color: #d05454 !important; } .border-top-after-red-soft:after, .border-top-before-red-soft:before, .border-top-red-soft { border-top-color: #d05454 !important; } .border-bottom-after-red-soft:after, .border-bottom-before-red-soft:before, .border-bottom-red-soft { border-bottom-color: #d05454 !important; } .border-left-after-red-soft:after, .border-left-before-red-soft:before, .border-left-red-soft { border-left-color: #d05454 !important; } .border-right-after-red-soft:after, .border-right-before-red-soft:before, .border-right-red-soft { border-right-color: #d05454 !important; } .bg-red-soft { background: #d05454 !important; } .bg-red-soft-opacity { background: rgba(208, 84, 84, .8) !important; } .bg-after-red-soft:after, .bg-before-red-soft:before, .bg-hover-red-soft:hover { background: #d05454 !important; } .font-red-soft { color: #d05454 !important; } .bg-font-red-soft { color: #fff !important; } .border-after-red-haze:after, .border-before-red-haze:before, .border-red-haze { border-color: #f36a5a !important; } .border-top-after-red-haze:after, .border-top-before-red-haze:before, .border-top-red-haze { border-top-color: #f36a5a !important; } .border-bottom-after-red-haze:after, .border-bottom-before-red-haze:before, .border-bottom-red-haze { border-bottom-color: #f36a5a !important; } .border-left-after-red-haze:after, .border-left-before-red-haze:before, .border-left-red-haze { border-left-color: #f36a5a !important; } .border-right-after-red-haze:after, .border-right-before-red-haze:before, .border-right-red-haze { border-right-color: #f36a5a !important; } .bg-red-haze { background: #f36a5a !important; } .bg-red-haze-opacity { background: rgba(243, 106, 90, .8) !important; } .bg-after-red-haze:after, .bg-before-red-haze:before, .bg-hover-red-haze:hover { background: #f36a5a !important; } .font-red-haze { color: #f36a5a !important; } .bg-font-red-haze { color: #fff !important; } .border-after-red-mint:after, .border-before-red-mint:before, .border-red-mint { border-color: #e43a45 !important; } .border-top-after-red-mint:after, .border-top-before-red-mint:before, .border-top-red-mint { border-top-color: #e43a45 !important; } .border-bottom-after-red-mint:after, .border-bottom-before-red-mint:before, .border-bottom-red-mint { border-bottom-color: #e43a45 !important; } .border-left-after-red-mint:after, .border-left-before-red-mint:before, .border-left-red-mint { border-left-color: #e43a45 !important; } .border-right-after-red-mint:after, .border-right-before-red-mint:before, .border-right-red-mint { border-right-color: #e43a45 !important; } .bg-red-mint { background: #e43a45 !important; } .bg-red-mint-opacity { background: rgba(228, 58, 69, .8) !important; } .bg-after-red-mint:after, .bg-before-red-mint:before, .bg-hover-red-mint:hover { background: #e43a45 !important; } .font-red-mint { color: #e43a45 !important; } .bg-font-red-mint { color: #fff !important; } .border-after-yellow:after, .border-before-yellow:before, .border-yellow { border-color: #c49f47 !important; } .border-top-after-yellow:after, .border-top-before-yellow:before, .border-top-yellow { border-top-color: #c49f47 !important; } .border-bottom-after-yellow:after, .border-bottom-before-yellow:before, .border-bottom-yellow { border-bottom-color: #c49f47 !important; } .border-left-after-yellow:after, .border-left-before-yellow:before, .border-left-yellow { border-left-color: #c49f47 !important; } .border-right-after-yellow:after, .border-right-before-yellow:before, .border-right-yellow { border-right-color: #c49f47 !important; } .bg-yellow { background: #c49f47 !important; } .bg-yellow-opacity { background: rgba(196, 159, 71, .8) !important; } .bg-after-yellow:after, .bg-before-yellow:before, .bg-hover-yellow:hover { background: #c49f47 !important; } .font-yellow { color: #c49f47 !important; } .bg-font-yellow { color: #fff !important; } .border-after-yellow-gold:after, .border-before-yellow-gold:before, .border-yellow-gold { border-color: #E87E04 !important; } .border-top-after-yellow-gold:after, .border-top-before-yellow-gold:before, .border-top-yellow-gold { border-top-color: #E87E04 !important; } .border-bottom-after-yellow-gold:after, .border-bottom-before-yellow-gold:before, .border-bottom-yellow-gold { border-bottom-color: #E87E04 !important; } .border-left-after-yellow-gold:after, .border-left-before-yellow-gold:before, .border-left-yellow-gold { border-left-color: #E87E04 !important; } .border-right-after-yellow-gold:after, .border-right-before-yellow-gold:before, .border-right-yellow-gold { border-right-color: #E87E04 !important; } .bg-yellow-gold { background: #E87E04 !important; } .bg-yellow-gold-opacity { background: rgba(232, 126, 4, .8) !important; } .bg-after-yellow-gold:after, .bg-before-yellow-gold:before, .bg-hover-yellow-gold:hover { background: #E87E04 !important; } .font-yellow-gold { color: #E87E04 !important; } .bg-font-yellow-gold { color: #fff !important; } .border-after-yellow-casablanca:after, .border-before-yellow-casablanca:before, .border-yellow-casablanca { border-color: #f2784b !important; } .border-top-after-yellow-casablanca:after, .border-top-before-yellow-casablanca:before, .border-top-yellow-casablanca { border-top-color: #f2784b !important; } .border-bottom-after-yellow-casablanca:after, .border-bottom-before-yellow-casablanca:before, .border-bottom-yellow-casablanca { border-bottom-color: #f2784b !important; } .border-left-after-yellow-casablanca:after, .border-left-before-yellow-casablanca:before, .border-left-yellow-casablanca { border-left-color: #f2784b !important; } .border-right-after-yellow-casablanca:after, .border-right-before-yellow-casablanca:before, .border-right-yellow-casablanca { border-right-color: #f2784b !important; } .bg-yellow-casablanca { background: #f2784b !important; } .bg-yellow-casablanca-opacity { background: rgba(242, 120, 75, .8) !important; } .bg-after-yellow-casablanca:after, .bg-before-yellow-casablanca:before, .bg-hover-yellow-casablanca:hover { background: #f2784b !important; } .font-yellow-casablanca { color: #f2784b !important; } .bg-font-yellow-casablanca { color: #fff !important; } .border-after-yellow-crusta:after, .border-before-yellow-crusta:before, .border-yellow-crusta { border-color: #f3c200 !important; } .border-top-after-yellow-crusta:after, .border-top-before-yellow-crusta:before, .border-top-yellow-crusta { border-top-color: #f3c200 !important; } .border-bottom-after-yellow-crusta:after, .border-bottom-before-yellow-crusta:before, .border-bottom-yellow-crusta { border-bottom-color: #f3c200 !important; } .border-left-after-yellow-crusta:after, .border-left-before-yellow-crusta:before, .border-left-yellow-crusta { border-left-color: #f3c200 !important; } .border-right-after-yellow-crusta:after, .border-right-before-yellow-crusta:before, .border-right-yellow-crusta { border-right-color: #f3c200 !important; } .bg-yellow-crusta { background: #f3c200 !important; } .bg-yellow-crusta-opacity { background: rgba(243, 194, 0, .8) !important; } .bg-after-yellow-crusta:after, .bg-before-yellow-crusta:before, .bg-hover-yellow-crusta:hover { background: #f3c200 !important; } .font-yellow-crusta { color: #f3c200 !important; } .bg-font-yellow-crusta { color: #fff !important; } .border-after-yellow-lemon:after, .border-before-yellow-lemon:before, .border-yellow-lemon { border-color: #F7CA18 !important; } .border-top-after-yellow-lemon:after, .border-top-before-yellow-lemon:before, .border-top-yellow-lemon { border-top-color: #F7CA18 !important; } .border-bottom-after-yellow-lemon:after, .border-bottom-before-yellow-lemon:before, .border-bottom-yellow-lemon { border-bottom-color: #F7CA18 !important; } .border-left-after-yellow-lemon:after, .border-left-before-yellow-lemon:before, .border-left-yellow-lemon { border-left-color: #F7CA18 !important; } .border-right-after-yellow-lemon:after, .border-right-before-yellow-lemon:before, .border-right-yellow-lemon { border-right-color: #F7CA18 !important; } .bg-yellow-lemon { background: #F7CA18 !important; } .bg-yellow-lemon-opacity { background: rgba(247, 202, 24, .8) !important; } .bg-after-yellow-lemon:after, .bg-before-yellow-lemon:before, .bg-hover-yellow-lemon:hover { background: #F7CA18 !important; } .font-yellow-lemon { color: #F7CA18 !important; } .bg-font-yellow-lemon { color: #fff !important; } .border-after-yellow-saffron:after, .border-before-yellow-saffron:before, .border-yellow-saffron { border-color: #F4D03F !important; } .border-top-after-yellow-saffron:after, .border-top-before-yellow-saffron:before, .border-top-yellow-saffron { border-top-color: #F4D03F !important; } .border-bottom-after-yellow-saffron:after, .border-bottom-before-yellow-saffron:before, .border-bottom-yellow-saffron { border-bottom-color: #F4D03F !important; } .border-left-after-yellow-saffron:after, .border-left-before-yellow-saffron:before, .border-left-yellow-saffron { border-left-color: #F4D03F !important; } .border-right-after-yellow-saffron:after, .border-right-before-yellow-saffron:before, .border-right-yellow-saffron { border-right-color: #F4D03F !important; } .bg-yellow-saffron { background: #F4D03F !important; } .bg-yellow-saffron-opacity { background: rgba(244, 208, 63, .8) !important; } .bg-after-yellow-saffron:after, .bg-before-yellow-saffron:before, .bg-hover-yellow-saffron:hover { background: #F4D03F !important; } .font-yellow-saffron { color: #F4D03F !important; } .bg-font-yellow-saffron { color: #fff !important; } .border-after-yellow-soft:after, .border-before-yellow-soft:before, .border-yellow-soft { border-color: #c8d046 !important; } .border-top-after-yellow-soft:after, .border-top-before-yellow-soft:before, .border-top-yellow-soft { border-top-color: #c8d046 !important; } .border-bottom-after-yellow-soft:after, .border-bottom-before-yellow-soft:before, .border-bottom-yellow-soft { border-bottom-color: #c8d046 !important; } .border-left-after-yellow-soft:after, .border-left-before-yellow-soft:before, .border-left-yellow-soft { border-left-color: #c8d046 !important; } .border-right-after-yellow-soft:after, .border-right-before-yellow-soft:before, .border-right-yellow-soft { border-right-color: #c8d046 !important; } .bg-yellow-soft { background: #c8d046 !important; } .bg-yellow-soft-opacity { background: rgba(200, 208, 70, .8) !important; } .bg-after-yellow-soft:after, .bg-before-yellow-soft:before, .bg-hover-yellow-soft:hover { background: #c8d046 !important; } .font-yellow-soft { color: #c8d046 !important; } .bg-font-yellow-soft { color: #fff !important; } .border-after-yellow-haze:after, .border-before-yellow-haze:before, .border-yellow-haze { border-color: #c5bf66 !important; } .border-top-after-yellow-haze:after, .border-top-before-yellow-haze:before, .border-top-yellow-haze { border-top-color: #c5bf66 !important; } .border-bottom-after-yellow-haze:after, .border-bottom-before-yellow-haze:before, .border-bottom-yellow-haze { border-bottom-color: #c5bf66 !important; } .border-left-after-yellow-haze:after, .border-left-before-yellow-haze:before, .border-left-yellow-haze { border-left-color: #c5bf66 !important; } .border-right-after-yellow-haze:after, .border-right-before-yellow-haze:before, .border-right-yellow-haze { border-right-color: #c5bf66 !important; } .bg-yellow-haze { background: #c5bf66 !important; } .bg-yellow-haze-opacity { background: rgba(197, 191, 102, .8) !important; } .bg-after-yellow-haze:after, .bg-before-yellow-haze:before, .bg-hover-yellow-haze:hover { background: #c5bf66 !important; } .font-yellow-haze { color: #c5bf66 !important; } .bg-font-yellow-haze { color: #fff !important; } .border-after-yellow-mint:after, .border-before-yellow-mint:before, .border-yellow-mint { border-color: #c5b96b !important; } .border-top-after-yellow-mint:after, .border-top-before-yellow-mint:before, .border-top-yellow-mint { border-top-color: #c5b96b !important; } .border-bottom-after-yellow-mint:after, .border-bottom-before-yellow-mint:before, .border-bottom-yellow-mint { border-bottom-color: #c5b96b !important; } .border-left-after-yellow-mint:after, .border-left-before-yellow-mint:before, .border-left-yellow-mint { border-left-color: #c5b96b !important; } .border-right-after-yellow-mint:after, .border-right-before-yellow-mint:before, .border-right-yellow-mint { border-right-color: #c5b96b !important; } .bg-yellow-mint { background: #c5b96b !important; } .bg-yellow-mint-opacity { background: rgba(197, 185, 107, .8) !important; } .bg-after-yellow-mint:after, .bg-before-yellow-mint:before, .bg-hover-yellow-mint:hover { background: #c5b96b !important; } .font-yellow-mint { color: #c5b96b !important; } .bg-font-yellow-mint { color: #fff !important; } .border-after-purple:after, .border-before-purple:before, .border-purple { border-color: #8E44AD !important; } .border-top-after-purple:after, .border-top-before-purple:before, .border-top-purple { border-top-color: #8E44AD !important; } .border-bottom-after-purple:after, .border-bottom-before-purple:before, .border-bottom-purple { border-bottom-color: #8E44AD !important; } .border-left-after-purple:after, .border-left-before-purple:before, .border-left-purple { border-left-color: #8E44AD !important; } .border-right-after-purple:after, .border-right-before-purple:before, .border-right-purple { border-right-color: #8E44AD !important; } .bg-purple { background: #8E44AD !important; } .bg-purple-opacity { background: rgba(142, 68, 173, .8) !important; } .bg-after-purple:after, .bg-before-purple:before, .bg-hover-purple:hover { background: #8E44AD !important; } .font-purple { color: #8E44AD !important; } .bg-font-purple { color: #fff !important; } .border-after-purple-plum:after, .border-before-purple-plum:before, .border-purple-plum { border-color: #8775a7 !important; } .border-top-after-purple-plum:after, .border-top-before-purple-plum:before, .border-top-purple-plum { border-top-color: #8775a7 !important; } .border-bottom-after-purple-plum:after, .border-bottom-before-purple-plum:before, .border-bottom-purple-plum { border-bottom-color: #8775a7 !important; } .border-left-after-purple-plum:after, .border-left-before-purple-plum:before, .border-left-purple-plum { border-left-color: #8775a7 !important; } .border-right-after-purple-plum:after, .border-right-before-purple-plum:before, .border-right-purple-plum { border-right-color: #8775a7 !important; } .bg-purple-plum { background: #8775a7 !important; } .bg-purple-plum-opacity { background: rgba(135, 117, 167, .8) !important; } .bg-after-purple-plum:after, .bg-before-purple-plum:before, .bg-hover-purple-plum:hover { background: #8775a7 !important; } .font-purple-plum { color: #8775a7 !important; } .bg-font-purple-plum { color: #fff !important; } .border-after-purple-medium:after, .border-before-purple-medium:before, .border-purple-medium { border-color: #BF55EC !important; } .border-top-after-purple-medium:after, .border-top-before-purple-medium:before, .border-top-purple-medium { border-top-color: #BF55EC !important; } .border-bottom-after-purple-medium:after, .border-bottom-before-purple-medium:before, .border-bottom-purple-medium { border-bottom-color: #BF55EC !important; } .border-left-after-purple-medium:after, .border-left-before-purple-medium:before, .border-left-purple-medium { border-left-color: #BF55EC !important; } .border-right-after-purple-medium:after, .border-right-before-purple-medium:before, .border-right-purple-medium { border-right-color: #BF55EC !important; } .bg-purple-medium { background: #BF55EC !important; } .bg-purple-medium-opacity { background: rgba(191, 85, 236, .8) !important; } .bg-after-purple-medium:after, .bg-before-purple-medium:before, .bg-hover-purple-medium:hover { background: #BF55EC !important; } .font-purple-medium { color: #BF55EC !important; } .bg-font-purple-medium { color: #fff !important; } .border-after-purple-studio:after, .border-before-purple-studio:before, .border-purple-studio { border-color: #8E44AD !important; } .border-top-after-purple-studio:after, .border-top-before-purple-studio:before, .border-top-purple-studio { border-top-color: #8E44AD !important; } .border-bottom-after-purple-studio:after, .border-bottom-before-purple-studio:before, .border-bottom-purple-studio { border-bottom-color: #8E44AD !important; } .border-left-after-purple-studio:after, .border-left-before-purple-studio:before, .border-left-purple-studio { border-left-color: #8E44AD !important; } .border-right-after-purple-studio:after, .border-right-before-purple-studio:before, .border-right-purple-studio { border-right-color: #8E44AD !important; } .bg-purple-studio { background: #8E44AD !important; } .bg-purple-studio-opacity { background: rgba(142, 68, 173, .8) !important; } .bg-after-purple-studio:after, .bg-before-purple-studio:before, .bg-hover-purple-studio:hover { background: #8E44AD !important; } .font-purple-studio { color: #8E44AD !important; } .bg-font-purple-studio { color: #fff !important; } .border-after-purple-wisteria:after, .border-before-purple-wisteria:before, .border-purple-wisteria { border-color: #9B59B6 !important; } .border-top-after-purple-wisteria:after, .border-top-before-purple-wisteria:before, .border-top-purple-wisteria { border-top-color: #9B59B6 !important; } .border-bottom-after-purple-wisteria:after, .border-bottom-before-purple-wisteria:before, .border-bottom-purple-wisteria { border-bottom-color: #9B59B6 !important; } .border-left-after-purple-wisteria:after, .border-left-before-purple-wisteria:before, .border-left-purple-wisteria { border-left-color: #9B59B6 !important; } .border-right-after-purple-wisteria:after, .border-right-before-purple-wisteria:before, .border-right-purple-wisteria { border-right-color: #9B59B6 !important; } .bg-purple-wisteria { background: #9B59B6 !important; } .bg-purple-wisteria-opacity { background: rgba(155, 89, 182, .8) !important; } .bg-after-purple-wisteria:after, .bg-before-purple-wisteria:before, .bg-hover-purple-wisteria:hover { background: #9B59B6 !important; } .font-purple-wisteria { color: #9B59B6 !important; } .bg-font-purple-wisteria { color: #fff !important; } .border-after-purple-seance:after, .border-before-purple-seance:before, .border-purple-seance { border-color: #9A12B3 !important; } .border-top-after-purple-seance:after, .border-top-before-purple-seance:before, .border-top-purple-seance { border-top-color: #9A12B3 !important; } .border-bottom-after-purple-seance:after, .border-bottom-before-purple-seance:before, .border-bottom-purple-seance { border-bottom-color: #9A12B3 !important; } .border-left-after-purple-seance:after, .border-left-before-purple-seance:before, .border-left-purple-seance { border-left-color: #9A12B3 !important; } .border-right-after-purple-seance:after, .border-right-before-purple-seance:before, .border-right-purple-seance { border-right-color: #9A12B3 !important; } .bg-purple-seance { background: #9A12B3 !important; } .bg-purple-seance-opacity { background: rgba(154, 18, 179, .8) !important; } .bg-after-purple-seance:after, .bg-before-purple-seance:before, .bg-hover-purple-seance:hover { background: #9A12B3 !important; } .font-purple-seance { color: #9A12B3 !important; } .bg-font-purple-seance { color: #fff !important; } .border-after-purple-intense:after, .border-before-purple-intense:before, .border-purple-intense { border-color: #8775a7 !important; } .border-top-after-purple-intense:after, .border-top-before-purple-intense:before, .border-top-purple-intense { border-top-color: #8775a7 !important; } .border-bottom-after-purple-intense:after, .border-bottom-before-purple-intense:before, .border-bottom-purple-intense { border-bottom-color: #8775a7 !important; } .border-left-after-purple-intense:after, .border-left-before-purple-intense:before, .border-left-purple-intense { border-left-color: #8775a7 !important; } .border-right-after-purple-intense:after, .border-right-before-purple-intense:before, .border-right-purple-intense { border-right-color: #8775a7 !important; } .bg-purple-intense { background: #8775a7 !important; } .bg-purple-intense-opacity { background: rgba(135, 117, 167, .8) !important; } .bg-after-purple-intense:after, .bg-before-purple-intense:before, .bg-hover-purple-intense:hover { background: #8775a7 !important; } .font-purple-intense { color: #8775a7 !important; } .bg-font-purple-intense { color: #fff !important; } .border-after-purple-sharp:after, .border-before-purple-sharp:before, .border-purple-sharp { border-color: #796799 !important; } .border-top-after-purple-sharp:after, .border-top-before-purple-sharp:before, .border-top-purple-sharp { border-top-color: #796799 !important; } .border-bottom-after-purple-sharp:after, .border-bottom-before-purple-sharp:before, .border-bottom-purple-sharp { border-bottom-color: #796799 !important; } .border-left-after-purple-sharp:after, .border-left-before-purple-sharp:before, .border-left-purple-sharp { border-left-color: #796799 !important; } .border-right-after-purple-sharp:after, .border-right-before-purple-sharp:before, .border-right-purple-sharp { border-right-color: #796799 !important; } .bg-purple-sharp { background: #796799 !important; } .bg-purple-sharp-opacity { background: rgba(121, 103, 153, .8) !important; } .bg-after-purple-sharp:after, .bg-before-purple-sharp:before, .bg-hover-purple-sharp:hover { background: #796799 !important; } .font-purple-sharp { color: #796799 !important; } .bg-font-purple-sharp { color: #fff !important; } .border-after-purple-soft:after, .border-before-purple-soft:before, .border-purple-soft { border-color: #8877a9 !important; } .border-top-after-purple-soft:after, .border-top-before-purple-soft:before, .border-top-purple-soft { border-top-color: #8877a9 !important; } .border-bottom-after-purple-soft:after, .border-bottom-before-purple-soft:before, .border-bottom-purple-soft { border-bottom-color: #8877a9 !important; } .border-left-after-purple-soft:after, .border-left-before-purple-soft:before, .border-left-purple-soft { border-left-color: #8877a9 !important; } .border-right-after-purple-soft:after, .border-right-before-purple-soft:before, .border-right-purple-soft { border-right-color: #8877a9 !important; } .bg-purple-soft { background: #8877a9 !important; } .bg-purple-soft-opacity { background: rgba(136, 119, 169, .8) !important; } .bg-after-purple-soft:after, .bg-before-purple-soft:before, .bg-hover-purple-soft:hover { background: #8877a9 !important; } .font-purple-soft { color: #8877a9 !important; } .bg-font-purple-soft { color: #fff !important; } .color-demo { border: 1px solid #eee; margin: 0 0 20px; cursor: pointer; } .color-demo .color-view { padding: 35px 10px; text-align: center; font-size: 18px; } .color-demo .color-info { border-top: 1px solid #eee; padding: 10px; text-align: center; } .mt-cookie-consent-bar { position: fixed; bottom: 0; z-index: 10101; padding: 10px 25px; width: 100%; background: rgba(0, 0, 0, .9); color: #fff; left: 0; right: 0; } .mt-cookie-consent-bar .mt-cookie-consent-bar-holder { display: table; width: 100%; } .mt-cookie-consent-bar .mt-cookie-consent-bar-holder .mt-cookie-consent-bar-content { display: table-cell; text-align: left; vertical-align: middle; } .mt-cookie-consent-bar .mt-cookie-consent-bar-holder .mt-cookie-consent-bar-action { display: table-cell; text-align: right; vertical-align: middle; } .mt-cookie-consent-bar.mt-cookie-consent-bar-light { background: rgba(238, 238, 238, .9); color: #333; } .mt-content-row { display: table; height: 100%; width: 100%; } .mt-content-row .mt-content-col-fluid { display: table-cell; } .mt-content-row .mt-content-col-fluid .mt-content-body { margin: 0; height: 100%; width: 100%; display: table; } .mt-content-row .mt-content-col-fixed { display: table-cell; } .mt-content-row .mt-content-col-fixed .mt-content-sidebar { height: 100%; width: 100%; display: table; margin-left: 20px; border: 1px solid red; } @media (max-width:767px) { .mt-content-row, .mt-content-row .mt-content-col-fixed { display: block; width: 100%; } .mt-content-row .mt-content-col-fluid { display: block; width: 100%; margin-bottom: 20px; } .mt-content-row .mt-content-col-fluid .mt-content-body { margin: 0; } .mt-content-row .mt-content-col-fixed .mt-content-sidebar { margin-left: 0; } } /* assets/global/css/plugins.css */ .input-group.color .input-group-btn i { position: absolute; display: block; cursor: pointer; width: 20px; height: 20px; right: 6px; } .colorpicker.dropdown-menu { padding: 5px; } .modal-open .colorpicker { z-index: 10055 !important; } .datepaginator a { font-family: "Open Sans"; font-size: 13px; font-weight: 300; } .datepicker .today { background-image: none !important; filter: none !important; } #dp-calendar { right: 4px !important; } .datepaginator .fa-angle-right:before { content: "\f105"; } .datepaginator .fa-angle-left:before { content: "\f104"; } .datepicker.dropdown-menu { padding: 5px; } .datepicker .selected { background-color: #909090 !important; background-image: none !important; filter: none !important; } .datepicker .active { background-color: #4b8df8 !important; background-image: none !important; filter: none !important; } .datepicker .active:hover { background-color: #2678FC !important; background-image: none !important; filter: none !important; } .datepicker .input-daterange input { text-align: left; } .modal-dialog .datepicker { z-index: 10055 !important; } .datepicker table td { color: #000; font-weight: 300 !important; font-family: "Open Sans" !important; } .datepicker table th { color: #333; font-family: "Open Sans" !important; font-weight: 400 !important; } .datepicker.dropdown-menu { box-shadow: 5px 5px rgba(102, 102, 102, 0.1); border: 1px solid #efefef; } .datepicker .fa-angle-left:before { content: "\f104"; } .datepicker .fa-angle-right:before { content: "\f105"; } .modal-open .daterangepicker { z-index: 10055 !important; } .daterangepicker { margin-top: 4px; } .daterangepicker .input-mini { width: 100% !important; outline: none !important; } .daterangepicker td { text-shadow: none; } .daterangepicker td.active { background-color: #4b8df8; background-image: none; filter: none; } .daterangepicker th { font-weight: 400; font-size: 14px; } .daterangepicker .ranges input[type=text] { width: 70px !important; font-size: 11px; vertical-align: middle; } .daterangepicker .ranges label { font-weight: 300; display: block; } .daterangepicker .ranges { width: 170px; } .daterangepicker .ranges ul > li.active { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .daterangepicker .ranges .btn { margin-top: 10px; } .daterangepicker.dropdown-menu { padding: 5px; } .daterangepicker .ranges li { color: #333; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #4b8df8 !important; border: 1px solid #4b8df8 !important; color: #fff; } .daterangepicker .range_inputs input { margin-bottom: 0 !important; } .daterangepicker .fa-angle-right:before { content: "\f105"; } .daterangepicker .fa-angle-left:before { content: "\f104"; } .datetimepicker table td { color: #000; font-weight: 300 !important; font-family: "Open Sans" !important; } .datetimepicker table th { font-family: "Open Sans" !important; font-weight: 400 !important; } .datetimepicker.dropdown-menu { padding: 5px; } .datetimepicker .active { background-color: #4b8df8 !important; background-image: none !important; filter: none !important; } .datetimepicker .active:hover { background-color: #2678FC !important; background-image: none !important; filter: none !important; } .datetimepicker .fa-angle-left:before { content: "\f104"; } .datetimepicker .fa-angle-right:before { content: "\f105"; } .modal-open .datetimepicker { z-index: 10055; } .editable-input table, .editable-input table th, .editable-input table td, .editable-input table tr { border: 0 !important; } .editable-input .combodate select { margin-bottom: 5px; } .fileinput { margin-bottom: 0; } .fileinput .close { float: none; } .fileinput .input-group { white-space: nowrap; overflow: hidden; } .md-input { padding: 5px !important; border-bottom: 0 !important; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .md-editor { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .md-editor .btn-toolbar { margin-left: 0px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .md-editor .btn-toolbar .btn-group .btn-sm.btn { padding-bottom: 3px; } .md-editor .btn-toolbar .btn-group .btn-primary { padding-top: 5px; padding-bottom: 7px; } .md-editor.active { border: 1px solid #999999; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .has-error .md-editor { border: 1px solid #fbe1e3 !important; } .has-success .md-editor { border: 1px solid #abe7ed !important; } .has-warning .md-editor { border: 1px solid #f9e491 !important; } .modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable { overflow-y: auto !important; } .modal-scrollable { overflow: hidden !important; } .modal-backdrop { position: fixed; bottom: 0; } .modal-scrollable { overflow: hidden !important; z-index: 10051; overflow-y: scroll !important; } .bootstrap-select .btn { border-color: #c2cad8; } .has-error .bootstrap-select .btn { border-color: #fbe1e3; } .has-success .bootstrap-select .btn { border-color: #abe7ed; } .has-warning .bootstrap-select .btn { border-color: #f9e491; } .bootstrap-select.open .btn { border-color: #93a1bb; } .bootstrap-select.open.dropup .btn { border-color: #93a1bb; } .bootstrap-select .btn:focus { outline: none !important; outline-offset: 0; } .bootstrap-select.btn-group .dropdown-menu { margin-top: 1px; } .bootstrap-select.btn-group .dropdown-menu > li > dt > .text { font-weight: 600; font-family: "Open Sans"; font-size: 14px; } .bootstrap-select.btn-group .dropdown-menu .text-muted { color: #999 !important; } .bootstrap-select .caret { border: 0; width: auto; height: auto; margin-top: -10px !important; } .bootstrap-select .caret:before { content: "\f107"; display: inline-block; border: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; } .bootstrap-select .selected i { color: #aaa; } .bootstrap-select .dropdown-menu { z-index: 1000 !important; } .modal-open .bootstrap-select .dropdown-menu { z-index: 10050 !important; } .bootstrap-switch { border-color: #c2cad8; } .bootstrap-switch.bootstrap-switch-focused { box-shadow: none; border-color: #c2cad8; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { color: #fff; background: #337ab7; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { color: #fff; background: #659be0; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { color: #fff; background: #36c6d3; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { color: #fff; background: #F1C40F; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { color: #fff; background: #ed6b75; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { color: #444; background: #e8eaef; } .portlet:not(.light) > .portlet-title > .actions > .bootstrap-switch { border-color: transparent; margin-top: 0px; } .bootstrap-timepicker-widget table td a { padding: 4px 0; } .bootstrap-timepicker-widget input, .bootstrap-timepicker-widget input:focus { outline: none !important; border: 0; } .modal-open .bootstrap-timepicker-widget { z-index: 10055 !important; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before, .bootstrap-timepicker-widget.timepicker-orient-bottom:after { top: auto; } .toast { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .toast { background-color: #030303; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } .toast .toast-close-button { display: inline-block; margin-top: 0px; margin-right: 0px; text-indent: -100000px; width: 11px; height: 16px; background-repeat: no-repeat !important; background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png") !important; } .toast-top-center { top: 12px; margin: 0 auto; left: 50%; margin-left: -150px; } .toast-top-center .toast { margin: 0 !important; } .toast-bottom-center { bottom: 12px; margin: 0 auto; left: 50%; margin-left: -150px; } .toast-bottom-center .toast { margin: 0 !important; } .form-wizard .progress { margin-bottom: 30px; } .form-wizard .steps { padding: 10px 0; margin-bottom: 15px; background-color: #fff; background-image: none; filter: none; border: 0px; box-shadow: none; } .form-wizard .steps > li > a.step { background-color: #fff; background-image: none; filter: none; border: 0px; box-shadow: none; } .form-wizard .steps > li > a.step:hover { background: none; } .form-wizard .steps > li > a.step > .number { background-color: #eee; display: inline-block; text-align: center !important; font-size: 16px; font-weight: 300; padding: 11px 15px 13px 15px; margin-right: 10px; height: 45px; width: 45px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .form-wizard .steps > li > a.step > .desc { display: inline-block; font-size: 16px; font-weight: 300; } .form-wizard .steps > li > a.step > .desc > i { display: none; } .form-wizard .steps > li.active > a.step .number { background-color: #36c6d3; color: #fff; } .form-wizard .steps > li.active > a.step .desc { color: #333; } .form-wizard .steps > li.done > a.step .number { background-color: #F1C40F; color: #fff; } .form-wizard .steps > li.done > a.step .desc { color: #333; } .form-wizard .steps > li.done > a.step .desc i { font-size: 12px; font-weight: normal; color: #999; display: inline-block; } @media (min-width: 768px) and (max-width: 1200px) { .form-wizard .step .desc { margin-top: 10px; display: block; } } @media (max-width: 768px) { .form-wizard .steps > li > a { text-align: left; } } /*! * Tab drop for Bootstrap */ .tabbable-tabdrop .nav-tabs, .tabbable-tabdrop .nav-pills { position: relative; } .tabbable-tabdrop .nav-tabs .caret, .tabbable-tabdrop .nav-pills .caret { display: none; } .tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i, .tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i { font-size: 14px; } .tabbable-tabdrop .dropdown-menu:after { right: 10px; left: auto; } .tabbable-tabdrop .dropdown-menu:before { right: 9px; left: auto; } .wysihtml5-sandbox { width: 100% !important; } .wysihtml5-toolbar li { margin: 0px; height: 29px; } .wysihtml5-toolbar li .dropdown-menu { margin-top: 5px; } .has-error .wysihtml5-sandbox { border: 1px solid #fbe1e3 !important; } .has-success .wysihtml5-sandbox { border: 1px solid #abe7ed !important; } .has-warning .wysihtml5-sandbox { border: 1px solid #f9e491 !important; } .note-editor { border: 1px solid #c2cad8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .note-editor .note-toolbar { border-bottom: 1px solid #c2cad8; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .note-editor .note-statusbar { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .note-editor .note-statusbar .note-resizebar { border-top: 1px solid #c2cad8; } .note-editor.note-frame.fullscreen { z-index: 10050; width: 100% !important; } .note-editor .dropdown-menu:before { left: 9px; right: auto; } .note-editor .dropdown-menu:after { left: 10px; right: auto; } .note-link-dialog .checkbox { margin-left: 20px; } .has-error .note-editor { border: 1px solid #fbe1e3 !important; } .has-success .note-editor { border: 1px solid #abe7ed !important; } .has-warning .note-editor { border: 1px solid #f9e491 !important; } .gtreetable .dropdown-menu { margin-top: 0px; } .gtreetable .dropdown-menu:after, .gtreetable .dropdown-menu:before { display: none !important; } .gtreetable .node-action .form-control { position: relative; top: 2px; display: inline-block; } .gtreetable .node-icon-selected, .gtreetable .node-icon-handle, .gtreetable .node-icon-ce, .gtreetable .node-icon-type { opacity: 0.6; filter: alpha(opacity=60); } .bootstrap-tagsinput { display: block; padding: 4px 4px 6px 4px; font-size: 14px; font-weight: normal; min-height: 34px; color: #555555; background-color: #fff; border: 1px solid #c2cad8; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bootstrap-tagsinput .tag [data-role=remove] { box-shadow: none; font-family: arial; } .bootstrap-tagsinput .tag [data-role=remove]:after { font-family: arial; } .bootstrap-tagsinput .tag [data-role=remove]:hover { text-decoration: none; box-shadow: none; } .bootstrap-tagsinput .tag { display: inline-block; margin-top: 2px; padding: 4px 6px 4px 6px; } .bootstrap-tagsinput .tag input { width: 5em !important; } .bootstrap-tagsinput-width-auto .bootstrap-tagsinput { display: inline-block; } .mt-bootstrap-tables .mt-btm-transform .bars { height: auto; } .fixed-table-toolbar .columns label { margin: 10px; padding: 0 0 0 30px; } .fixed-table-header th.bs-checkbox { outline: none; } .fixed-table-header th.bs-checkbox .th-inner { overflow: visible; } .fixed-table-header th.bs-checkbox .th-inner .mt-checkbox { right: -5px; } .bootbox .bootbox-close-button { margin-top: 0px !important; } .CSSAnimationChart { width: 100%; height: 500px; } .CSSAnimationChart a { color: #bbb !important; font-size: 12px !important; } .amcharts-graph-g2 .amcharts-graph-stroke { stroke-dasharray: 3px 3px; stroke-linejoin: round; stroke-linecap: round; -webkit-animation: am-moving-dashes 1s linear infinite; animation: am-moving-dashes 1s linear infinite; } @-webkit-keyframes am-moving-dashes { 100% { stroke-dashoffset: -31px; } } @keyframes am-moving-dashes { 100% { stroke-dashoffset: -31px; } } .lastBullet { -webkit-animation: am-pulsating 1s ease-out infinite; animation: am-pulsating 1s ease-out infinite; } @-webkit-keyframes am-pulsating { 0% { stroke-opacity: 1; stroke-width: 0px; } 100% { stroke-opacity: 0; stroke-width: 50px; } } @keyframes am-pulsating { 0% { stroke-opacity: 1; stroke-width: 0px; } 100% { stroke-opacity: 0; stroke-width: 50px; } } .amcharts-graph-column-front { -webkit-transition: all .3s .3s ease-out; transition: all .3s .3s ease-out; } .amcharts-graph-column-front:hover { fill: #496375; stroke: #496375; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .amcharts-graph-g3 { stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 500%; stroke-dasharray: 0 \fffd; stroke-dashoffset: 0 \fffd; -webkit-animation: am-draw 40s; animation: am-draw 40s; } @-webkit-keyframes am-draw { 0% { stroke-dashoffset: 500%; } 100% { stroke-dashoffset: 0px; } } @keyframes am-draw { 0% { stroke-dashoffset: 500%; } 100% { stroke-dashoffset: 0px; } } .mapChart { width: 100%; height: 500px; } .mapChart a { color: #bbb !important; font-size: 12px !important; } .columnLine { width: 100%; height: 350px; font-size: 11px; } .amcharts-graph-graph2 .amcharts-graph-stroke { stroke-dasharray: 4px 5px; stroke-linejoin: round; stroke-linecap: round; -webkit-animation: am-moving-dashes 1s linear infinite; animation: am-moving-dashes 1s linear infinite; } @-webkit-keyframes am-moving-dashes { 100% { stroke-dashoffset: -28px; } } @keyframes am-moving-dashes { 100% { stroke-dashoffset: -28px; } } .animated-pie-chart { width: 100%; height: 350px; font-size: 11px; } .cke { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .cke .cke-top { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .cke .cke-bottom { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .cke_bottom, .cke_inner, .cke_top, .cke_reset, .cke_dialog_title, .cke_dialog_footer, .cke_dialog { background-image: none !important; filter: none; border-top: 0; border-bottom: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; text-shadow: none; } .cke_dialog_ui_button, .cke_dialog_tab { background-image: none !important; filter: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } .cke_dialog_ui_button:hover, .cke_dialog_tab:hover { text-decoration: none; text-shadow: none; } .cke_dialog_ui_input_text { background-image: none !important; filter: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .cke_combo_button, .cke_button, .cke_toolbar, .cke_toolgroup { background-image: none !important; filter: none !important; border: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .cke_button, .cke_combo_button, .cke_panel_grouptitle, .cke_hc.cke_panel_listItem a { background-image: none !important; filter: none; text-shadow: none; } .cke_button:hover, .cke_combo_button:hover { background-color: #ddd; } .cke_toolbar_break { background-image: none !important; filter: none !important; border: 0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; } .has-error .cke { border: 1px solid #fbe1e3 !important; } .has-success .cke { border: 1px solid #abe7ed !important; } .has-warning .cke { border: 1px solid #f9e491 !important; } .modal-open .clockface { z-index: 10055 !important; } .clockface .cell .inner.active, .clockface .cell .outer.active { background-color: #4b8df8 !important; background-image: none; filter: none; } .table-checkable tr > th:first-child, .table-checkable tr > td:first-child { text-align: center; max-width: 50px; min-width: 40px; padding-left: 0; padding-right: 0; } table.dataTable thead th, table.dataTable thead td { border-bottom: 2px solid #e7ecf1; outline: none !important; } table.dataTable.no-footer { border-bottom-color: #e7ecf1; } table.dataTable tr.heading > th { background-color: #fbfcfd; } table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 { background: #fbfcfd !important; } .paging_bootstrap_extended { margin: 5px 0 0 0 !important; padding: 0 !important; float: none !important; font-size: 13px; } .dataTables_extended_wrapper { margin-top: 10px; } .dataTables_extended_wrapper .seperator { padding: 0 2px; } .dataTables_extended_wrapper .table.dataTable { margin: 20px 0 !important; } .dataTables_extended_wrapper div.dataTables_paginate, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_info { display: inline-block; float: none !important; padding: 0 !important; margin: 0 !important; position: static !important; } .dataTables_extended_wrapper .table-group-actions > span { font-size: 13px; } .dataTables_extended_wrapper.DTS .paging_bootstrap_extended { display: inline-block; } .dataTables_extended_wrapper.DTS .dataTables_info { display: inline-block; padding-top: 8px !important; } .dataTables_extended_wrapper.DTS .dataTables_info .seperator { display: none; } .dataTables_extended_wrapper.DTS .dataTables_scrollHead { border-bottom: 0 !important; } .dataTables_extended_wrapper.DTS .dataTables_scrollHead .dataTables_scrollHeadInner .table.dataTable { margin-bottom: 0 !important; } .dataTables_extended_wrapper.DTS .dataTables_scrollBody { border-bottom: 0 !important; } .dataTables_extended_wrapper.DTS .dataTables_scrollBody .table.dataTable { margin: 0 !important; } @media (max-width: 480px) { .dataTables_extended_wrapper div.dataTables_paginate, .dataTables_extended_wrapper div.dataTables_length, .dataTables_extended_wrapper div.dataTables_info { display: block; margin-bottom: 10px !important; } .dataTables_extended_wrapper .seperator { display: none !important; } } .dataTables_extended_wrapper div.dataTables_length label { margin: 0 !important; padding: 0 !important; font-size: 13px; float: none !important; display: inline-block !important; } .table-container .table-actions-wrapper { display: none; } .dataTables_scroll { margin-bottom: 10px; } .dataTables_scrollHead { border-bottom: 2px solid #e7ecf1 !important; } .dataTables_scrollHead thead th { border-bottom: 0 !important; } .dataTables_scrollBody { border-bottom: 1px solid #e7ecf1 !important; } .table-both-scroll .dataTables_scrollBody { border-bottom: 0 !important; } .dataTables_wrapper .dataTables_processing { width: 200px; display: inline-block; padding: 7px; left: 50%; margin-left: -100px; margin-top: 10px; text-align: center; color: #3f444a; border: 1px solid #e7ecf1; background: #eef1f5; vertical-align: middle; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .dt-button-background { display: none !important; } div.dt-button-collection { border: 1px solid #eee; background: #ffffff; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); padding: 0; } div.dt-button-collection > a.dt-button { background: none; padding: 8px 16px; font-weight: 300; margin: 1px 1px; box-shadow: none !important; border: 0 !important; } div.dt-button-collection > a.dt-button > span { font-size: 14px; color: #333; } div.dt-button-collection > a.dt-button.active { background: #f6f6f6 !important; box-shadow: none !important; border: 0 !important; } div.dt-button-collection > a.dt-button.active > span { color: #333; } button.dt-button, div.dt-button, a.dt-button { background-image: none !important; padding: 6px 12px !important; } button.dt-button:last-child, div.dt-button:last-child, a.dt-button:last-child { margin-right: 0; } .dataTables_wrapper .dt-buttons { float: right; } .portlet.light .dataTables_wrapper .dt-buttons { margin-top: -64px; } .portlet.box .dataTables_wrapper .dt-buttons { margin-top: -50px; } .dataTable .row-details.row-details-close { background: url("./media/datatable-row-openclose-KQYL2FOR.png") no-repeat 0 0; } .dataTable .row-details.row-details-open { background: url("./media/datatable-row-openclose-KQYL2FOR.png") no-repeat 0 -23px; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { display: none; } table.dataTable thead .sorting { background: url("./media/sort_both-7HUFCPEN.png") no-repeat center right; } table.dataTable thead .sorting_asc { background: url("./media/sort_asc-RURN2JAQ.png") no-repeat center right; } table.dataTable thead .sorting_desc { background: url("./media/sort_desc-NA2M46UZ.png") no-repeat center right; } table.dataTable thead .sorting_asc_disabled { background: url("./media/sort_asc_disabled-SNYBXVNH.png") no-repeat center right; } table.dataTable thead .sorting_desc_disabled { background: url("./media/sort_desc_disabled-IATGTYIU.png") no-repeat center right; } table.dataTable th:active { outline: none; } table.dataTable.fixedHeader-floating { margin-top: 0 !important; margin-bottom: 0 !important; border: 1px solid #dee5ec; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); } .table-header-fixed thead > tr > th { border-top: 0; } .table > tfoot > tr > th, .table > tfoot > tr > td { border-bottom: 0; padding: 10px 18px; border-top: 1px solid #e7ecf1; font-weight: 600; } .table.dataTable.dt-responsive .table.dataTable.responsive { width: 100%; } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { text-align: center; width: 14px; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { margin-left: -8px; text-align: center; text-indent: 0; line-height: 0; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { box-shadow: none !important; background-color: #b0c1d2; font-weight: 300; vertical-align: middle; line-height: 16px; border: 0; } table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { background-color: #36c6d3; font-weight: 300; vertical-align: middle; border: 0; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 10px; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { text-align: center; margin-top: -8px; } table.dataTable > tbody > tr.child ul li { border: 0; } @-moz-document url-prefix() { .portlet-datatable .dataTables_wrapper .table-responsive { padding: 0 2px !important; } } @media (max-width: 767px) { .portlet.box .dataTables_wrapper .dt-buttons, .portlet.light .dataTables_wrapper .dt-buttons { margin-top: 0; margin-bottom: 20px; } .portlet.box .dataTables_wrapper .dt-buttons > .dt-button, .portlet.light .dataTables_wrapper .dt-buttons > .dt-button { margin-top: 5px; } } .table-scrollable .dataTable th > .btn-group, .table-scrollable .dataTable td > .btn-group { position: absolute; margin-top: -2px; } .dataTable td .popover-content .btn-group { position: static !important; } .table .btn-group .btn { margin-left: 0; margin-right: -1px; } .dropzone { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .dropzone-file-area { border: 2px dashed #028AF4; background: white; padding: 20px; margin: 0 auto; text-align: center; } .dz-hidden-input { left: 0; } @media (max-width: 768px) { .dropzone-file-area { width: auto; } } .fancybox-overlay { z-index: 100000; } .fancybox-opened { z-index: 100001; } .spinner-buttons.btn-group-vertical .btn { text-align: center; margin: 0; height: 17px; width: 22px; padding-left: 6px; padding-right: 6px; padding-top: 0px; } .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up { border-radius: 0; border-top-right-radius: 4px !important; } .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down { border-radius: 0; border-bottom-right-radius: 4px; } .external-event { display: inline-block; cursor: move; margin-bottom: 5px; margin-left: 5px; } .fc-scroller { overflow-y: auto; overflow-x: hidden; } .fc-month-view .fc-scroller { height: auto !important; } .portlet .event-form-title { font-size: 16px; margin-top: 4px; font-weight: 400; margin-bottom: 10px; } .portlet.calendar .fc-button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; border: 0; height: 35px; padding: 5px 8px 8px 8px; margin-left: 2px; border-top-style: none; border-bottom-style: none; border-right-style: solid; border-left-style: solid; border-color: #ddd; background: transparent; color: #fff; top: -48px; outline: none !important; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .portlet.calendar .fc-toolbar { margin-bottom: 0px; } .portlet.calendar .fc-toolbar h2 { margin-top: 3px; font-size: 17px; } .portlet.calendar .fc-header { margin-bottom: -21px; } .portlet.calendar .fc-button-prev { padding-right: 10px; padding-left: 8px; } .portlet.calendar .fc-button-next { padding-right: 8px; padding-left: 10px; } .portlet.calendar .fc-button .fc-icon { height: 20px; top: -5px; } .portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover { color: #666; background-color: #fff; } .portlet.calendar .fc-button.fc-state-disabled { color: #ddd; } .portlet.calendar .fc-button .fc-icon-left-single-arrow { font-family: FontAwesome; display: inline-block; font-size: 16px; } .portlet.calendar .fc-button .fc-icon-left-single-arrow:after { content: ""; margin: 0; } .portlet.calendar .fc-button .fc-icon-left-single-arrow:before { content: "\f104"; } .portlet.calendar .fc-button .fc-icon-right-single-arrow { font-family: FontAwesome; display: inline-block; font-size: 16px; } .portlet.calendar .fc-button .fc-icon-right-single-arrow:after { margin: 0; content: ""; } .portlet.calendar .fc-button .fc-icon-right-single-arrow:before { content: "\f105"; } .portlet.calendar .fc-text-arrow { font-size: 22px; font-family: "Courier New", Courier, monospace; vertical-align: baseline; } .portlet.calendar .fc-event { border: 0px; background-color: #69a4e0; color: #fff; } .portlet.calendar .fc-event .fc-content { border: 0px; padding: 5px 7px; } .portlet.calendar .fc-event .fc-time { float: left; text-align: left; color: #fff; font-size: 14px; font-weight: 300; padding-right: 5px; } .portlet.calendar .fc-event .fc-title { text-align: left; float: left; color: #fff; font-size: 14px; font-weight: 300; } .portlet.calendar .fc-header-title h2 { font-size: 14px; line-height: 20px; font-weight: 400; color: #111; } .portlet.calendar .fc-widget-header { background-image: none; filter: none; background-color: #eee; text-transform: uppercase; font-weight: 300; } .portlet.calendar.light .fc-button { top: -60px; color: #666; text-transform: uppercase; font-size: 12px; padding-bottom: 35px; } .portlet.calendar.light .fc-button .fc-text-arrow { margin-top: -6px; display: inline-block; } .portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover { color: #333; border-bottom: 2px solid #36c6d3; } .portlet.calendar.light .fc-button.fc-state-disabled { color: #aaa; } .portlet.calendar .mobile .fc-button { padding: 0px 6px 20px 6px; margin-left: 2px; border: 0; background-color: #ddd; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; text-shadow: none; text-align: center; } .portlet.calendar .mobile .fc-button.fc-state-hover, .portlet.calendar .mobile .fc-button.fc-state-active { background-color: #eee; } .portlet.calendar .mobile .fc-button.fc-state-disabled { color: #bbb; } .portlet.calendar .mobile .fc-button-prev { margin-right: 5px; margin-top: -2px; } .portlet.calendar .mobile .fc-button-next { margin-right: -0px; margin-top: -2px; } .portlet.calendar .mobile .fc-header-space { margin: 0px; padding: 0px; width: 0px; } .portlet.calendar .mobile .fc-header-left { position: absolute; z-index: 10; } .portlet.calendar .mobile .fc-header-left .fc-button { top: -2px; } .portlet.calendar .mobile .fc-header-right { position: relative; right: 0; } .portlet.calendar .mobile .fc-header-right .fc-button { top: 35px; } .portlet.calendar .mobile .fc-content { margin-top: 53px; } .gmaps { height: 300px; width: 100%; } .gmaps img { max-width: none; } #gmap_static div { background-repeat: no-repeat; background-position: 50% 50%; height: 100%; display: block; height: 300px; } #gmap_routes_instructions { margin-top: 10px; margin-bottom: 0px; } #gritter-notice-wrapper { right: 1px !important; } .gritter-close { left: auto !important; right: 3px !important; } .gritter-title { font-family: "Open Sans"; font-size: 18px; font-weight: 300; } .easy-pie-chart, .sparkline-chart { text-align: center; } .sparkline-chart { margin-top: 15px; position: relative; } .easy-pie-chart .number { font-size: 14px !important; font-weight: 300; margin: 0 auto; position: relative; text-align: center; width: 75px; height: 75px; line-height: 75px; } .easy-pie-chart .number canvas { position: absolute; top: 0; left: 0; } .sparkline-chart .number { width: 100px; margin: 0 auto; margin-bottom: 10px; } .sparkline-chart .title, .easy-pie-chart .title { display: block; text-align: center; color: #333; font-weight: 300; font-size: 16px; margin-top: 5px; margin-bottom: 10px; } .sparkline-chart .title:hover, .easy-pie-chart .title:hover { color: #666; text-decoration: none; } .sparkline-chart .title > i, .easy-pie-chart .title > i { margin-top: 5px; } .blueimp-gallery .close { background-image: url("./media/portlet-remove-icon-white-BAN52WL7.png") !important; margin-top: -2px; } .blueimp-gallery .prev, .blueimp-gallery .next { border-radius: 23px !important; } .ms-container .ms-list { border: 1px solid #e5e5e5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ms-container .ms-optgroup-label { font-size: 14px; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { font-size: 13px; } .ms-container .ms-list.ms-focus { border-color: #999999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { color: #333; background-color: #eee; } .ms-container .form-control { margin-bottom: 5px; } .jquery-notific8-message { font-size: 13px; } [class*=jquery-notific8], [class*=jquery-notific8]:after, [class*=jquery-notific8]:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .right .jquery-notific8-close-sticky span, .left .jquery-notific8-close-sticky span { font-size: 10px; } .jquery-notific8-heading { font-weight: 300; font-size: 16px; } .password-strength .password-verdict { display: inline-block; margin-top: 6px; margin-left: 5px; } .password-strength .progress { margin-top: 5px; margin-bottom: 0; } .password-strength .progress-bar { padding: 2px; } .scroller { padding: 0px; margin: 0px; padding-right: 12px; overflow: hidden; } .scroller-footer { margin-top: 10px; } .scroller-footer:before, .scroller-footer:after { content: " "; display: table; } .scroller-footer:after { clear: both; } .portlet-body .slimScrollBar { margin-right: 0px; } .jqstooltip { width: auto !important; height: auto !important; } .easy-pie-chart, .sparkline-chart { text-align: center; } .sparkline-chart { margin-top: 15px; position: relative; } .easy-pie-chart .number { font-size: 16px; font-weight: 300; width: 85px; margin: 0 auto; } .sparkline-chart .number { width: 100px; margin: 0 auto; margin-bottom: 10px; } .sparkline-chart .title, .easy-pie-chart .title { display: block; text-align: center; color: #333; font-weight: 300; font-size: 16px; margin-top: 5px; margin-bottom: 10px; } .sparkline-chart .title:hover, .easy-pie-chart .title:hover { color: #666; text-decoration: none; } .sparkline-chart .title > i, .easy-pie-chart .title > i { margin-top: 5px; } .slider { border: 0; padding: 0; display: block; margin: 12px 5px; min-height: 11px; } .ui-slider-vertical { width: 11px; } .ui-slider-horizontal .ui-slider-handle { top: -3px; } .ui-slider-vertical .ui-slider-handle { left: -3px; } .ui-slider-vertical, .ui-slider-handle { filter: none !important; background-image: none !important; } .jqvmap-zoomout, .jqvmap-zoomin { height: 16px; width: 16px; background-color: #666; } .vmaps { position: relative; overflow: hidden; height: 300px; } .jstree-default .jstree-clicked { border: 0; background-color: #e1e1e1; box-shadow: none; } .jstree-default .jstree-hovered { border: 0; background-color: #eee; box-shadow: none; } .jstree-default .jstree-wholerow-clicked, .jstree-wholerow .jstree-wholerow-clicked { background: none; border: 0; background-color: #e1e1e1; box-shadow: none; } .jstree-default .jstree-wholerow-hovered, .jstree-wholerow .jstree-wholerow-hovered { border: 0; background-color: #eee; box-shadow: none; } .jstree-icon.icon-lg { margin-top: 1px; } .jstree-open > .jstree-anchor > .fa-folder:before { margin-left: 2px; content: "\f07c"; } .jstree-default.jstree-rtl .jstree-last { background: transparent; background-repeat: no-repeat; } .vakata-context, .vakata-context ul { padding: 0; min-width: 125px; background-color: #ffffff; font-size: 14px; font-family: "Segoe UI", Helvetica, Arial, sans-serif; box-shadow: 5px 5px rgba(102, 102, 102, 0.1); border: 1px solid #efefef; } .vakata-context li { border: 0; } .vakata-context li a { padding: 0 10px; border: 0; } .vakata-context li a i { display: none; } .vakata-context li a .vakata-contextmenu-sep { display: none; } .vakata-context .vakata-context-hover > a, .vakata-context li a:hover { background-color: #eee; color: #333; box-shadow: none; margin: 0; } .vakata-context .vakata-context-hover > a .span, .vakata-context .vakata-context-hover > a .ins, .vakata-context li a:hover .span, .vakata-context li a:hover .ins { border: 0 !important; } .vakata-context li a span, .vakata-context li a ins { display: none; border: 0 !important; } .vakata-context .vakata-context-separator a, .vakata-context-rtl .vakata-context-separator a { margin: 0; border: 0; } .jstree-rename-input { background-color: #ffffff !important; border: 1px solid #e5e5e5 !important; outline: none !important; padding: 2px 6px !important; margin-right: -4px !important; } .noUi-horizontal { margin: 9px 0; } .noUi-primary .noUi-connect { background: #337ab7; } .noUi-info .noUi-connect { background: #659be0; } .noUi-success .noUi-connect { background: #36c6d3; } .noUi-warning .noUi-connect { background: #F1C40F; } .noUi-danger .noUi-connect { background: #ed6b75; } .noUi-default .noUi-connect { background: #bac3d0; } .noui-connect .noUi-origin { right: auto; width: 0; } .noui-connect .connect { position: absolute; top: 0; bottom: 0; background: #80C9F5; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); } .noui-connect.noUi-state-tap .connect { -webkit-transition: left 300ms, right 300ms; transition: left 300ms, right 300ms; } .noUi-handle .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; font-size: 12px; border-radius: 3px; background: #fff; top: -55px; padding: 5px; left: -10px; text-align: center; min-width: 50px; } .noUi-handle .noUi-tooltip strong { display: block; padding: 2px; } .form-recaptcha-img { margin-bottom: 10px; clear: both; border: 1px solid #e5e5e5; padding: 5px; } iframe[src="about:blank"] { display: none; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field, .select2-container--bootstrap .select2-selection, .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { -webkit-box-shadow: none; box-shadow: none; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { cursor: pointer; display: inline-block; font-weight: 700; margin-right: 3px; } .select2-container--bootstrap .select2-results__group { display: block; font-size: 12px; white-space: nowrap; font-weight: 600; font-family: "Open Sans", sans-serif; } .select2-container--bootstrap .select2-selection { font-family: "Open Sans", sans-serif; } .modal-open .select2-dropdown { z-index: 10060; } .modal-open .select2-close-mask { z-index: 10055; } .modal-open .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { width: auto !important; } .select2-result-repository { padding-top: 4px; padding-bottom: 3px; } .select2-result-repository__avatar { float: left; width: 60px; margin-right: 10px; } .select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 2px; } .select2-result-repository__meta { margin-left: 70px; } .select2-result-repository__title { color: black; font-weight: bold; word-wrap: break-word; line-height: 1.1; margin-bottom: 4px; } .select2-result-repository__forks, .select2-result-repository__stargazers { margin-right: 1em; } .select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; color: #aaa; font-size: 11px; } .select2-result-repository__description { font-size: 13px; color: #777; margin-top: 4px; } .select2-results__option--highlighted .select2-result-repository__title { color: white; } .select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers { color: #c1d7e9; } .select2-selection__choice { background-color: #eee !important; border: 1px solid #eee !important; } .select2-selection__choice .select2-selection__choice__remove { font-weight: normal !important; } .portlet-body-morris-fit { margin-right: -20px; margin-left: -20px; margin-bottom: -15px; } .portlet-body-morris-fit > svg { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .morris-hover.morris-default-style .morris-hover-row-label { text-align: left; font-weight: 400; font-size: 15px; color: #7D8C9D; font-family: "Open Sans", sans-serif; } .morris-hover.morris-default-style .morris-hover-point { text-align: left; font-size: 14px; font-weight: 400; font-family: "Open Sans", sans-serif; } .icheck-list > label { display: block; margin-bottom: 8px; } .icheck-list > label:last-child { margin-bottom: 0; } .form-horizontal .icheck-inline { margin-top: 8px; } .icheck-inline > label { display: inline-block; margin-left: 15px; } .icheck-inline > label:first-child { margin-left: 0; } div[class*=icheckbox_], div[class*=iradio_] { margin-right: 5px; top: -1px !important; } .icheck-colors { padding: 0; margin: 0; list-style: none; } .icheck-colors > li { padding: 0; margin: 4px; float: left; display: inline-block; height: 20px; width: 20px; background: #000000; opacity: 0.6; filter: alpha(opacity=60); } .icheck-colors > li:first-child { margin-left: 0; } .icheck-colors > li:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer; } .icheck-colors > li.active { height: 26px; margin-top: 0; opacity: 0.6; filter: alpha(opacity=60); } .icheck-colors > li.red { background: #d54e21; } .icheck-colors > li.green { background: #78a300; } .icheck-colors > li.blue { background: #0e76a8; } .icheck-colors > li.aero { background: #9cc2cb; } .icheck-colors > li.grey { background: #73716e; } .icheck-colors > li.orange { background: #f70; } .icheck-colors > li.yellow { background: #fc0; } .icheck-colors > li.pink { background: #ff66b5; } .icheck-colors > li.purple { background: #6a5a8c; } .ui-select-match-close { margin-top: 5px !important; margin-left: 5px !important; } .minicolors-swatch { border: 0; } .CodeMirror { border: 1px solid #eee; height: auto; } pre[class*=language-] { padding: 10px; background: none !important; border: 1px solid #f1f4f7 !important; box-shadow: none !important; margin: 0; } pre[class*=language-] code { background: none !important; box-shadow: none !important; border: 0 !important; } .socicon { position: relative; top: 1px; display: inline-block; font-family: "socicon"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .socicon-btn:empty .socicon:empty { width: 1em; } .socicon-btn { position: relative; display: inline-block; font-family: "socicon"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; text-align: center; width: 44px; height: 44px; padding-top: 11px; font-size: 24px; border: 1px solid #e7ecf1; color: #3f444a; transition: background, color 0.3s; } .socicon-btn.socicon-solid { border: 0; width: 46px; height: 46px; padding-top: 12px; } .socicon-btn.socicon-btn-circle { border-radius: 44px !important; } .socicon-btn:hover { transition: background, color 0.3s; text-decoration: none; } .socicon-btn.socicon-lg { width: 54px; height: 54px; padding-top: 13px; font-size: 28px; } .socicon-btn.socicon-lg.socicon-solid { border: 0; width: 55px; height: 55px; padding-top: 13px; } .socicon-btn.socicon-sm { width: 30px; height: 30px; padding-top: 8px; font-size: 16px; } .socicon-btn.socicon-sm.socicon-solid { border: 0; width: 30px; height: 30px; padding-top: 8px; } .socicons .socicon-btn { margin-bottom: 5px; } .socicon-twitter:before { content: "a"; } .socicon-facebook:before { content: "b"; } .socicon-google:before { content: "c"; } .socicon-pinterest:before { content: "d"; } .socicon-foursquare:before { content: "e"; } .socicon-yahoo:before { content: "f"; } .socicon-skype:before { content: "g"; } .socicon-yelp:before { content: "h"; } .socicon-feedburner:before { content: "i"; } .socicon-linkedin:before { content: "j"; } .socicon-viadeo:before { content: "k"; } .socicon-xing:before { content: "l"; } .socicon-myspace:before { content: "m"; } .socicon-soundcloud:before { content: "n"; } .socicon-spotify:before { content: "o"; } .socicon-grooveshark:before { content: "p"; } .socicon-lastfm:before { content: "q"; } .socicon-youtube:before { content: "r"; } .socicon-vimeo:before { content: "s"; } .socicon-dailymotion:before { content: "t"; } .socicon-vine:before { content: "u"; } .socicon-flickr:before { content: "v"; } .socicon-500px:before { content: "w"; } .socicon-instagram:before { content: "x"; } .socicon-wordpress:before { content: "y"; } .socicon-tumblr:before { content: "z"; } .socicon-blogger:before { content: "A"; } .socicon-technorati:before { content: "B"; } .socicon-reddit:before { content: "C"; } .socicon-dribbble:before { content: "D"; } .socicon-stumbleupon:before { content: "E"; } .socicon-digg:before { content: "F"; } .socicon-envato:before { content: "G"; } .socicon-behance:before { content: "H"; } .socicon-delicious:before { content: "I"; } .socicon-deviantart:before { content: "J"; } .socicon-forrst:before { content: "K"; } .socicon-playstore:before { content: "L"; } .socicon-zerply:before { content: "M"; } .socicon-wikipedia:before { content: "N"; } .socicon-apple:before { content: "O"; } .socicon-flattr:before { content: "P"; } .socicon-github:before { content: "Q"; } .socicon-chimein:before { content: "R"; } .socicon-friendfeed:before { content: "S"; } .socicon-newsvine:before { content: "T"; } .socicon-identica:before { content: "U"; } .socicon-bebo:before { content: "V"; } .socicon-zynga:before { content: "W"; } .socicon-steam:before { content: "X"; } .socicon-xbox:before { content: "Y"; } .socicon-windows:before { content: "Z"; } .socicon-outlook:before { content: "1"; } .socicon-coderwall:before { content: "2"; } .socicon-tripadvisor:before { content: "3"; } .socicon-appnet:before { content: "4"; } .socicon-goodreads:before { content: "5"; } .socicon-tripit:before { content: "6"; } .socicon-lanyrd:before { content: "7"; } .socicon-slideshare:before { content: "8"; } .socicon-buffer:before { content: "9"; } .socicon-rss:before { content: ","; } .socicon-vkontakte:before { content: ";"; } .socicon-disqus:before { content: ":"; } .socicon-houzz:before { content: "+"; } .socicon-mail:before { content: "@"; } .socicon-patreon:before { content: "="; } .socicon-paypal:before { content: "-"; } .socicon-playstation:before { content: "^"; } .socicon-smugmug:before { content: "\a8"; } .socicon-swarm:before { content: "$"; } .socicon-triplej:before { content: "*"; } .socicon-yammer:before { content: "&"; } .socicon-stackoverflow:before { content: "("; } .socicon-drupal:before { content: "#"; } .socicon-odnoklassniki:before { content: "."; } .socicon-android:before { content: "_"; } .socicon-meetup:before { content: "]"; } .socicon-persona:before { content: ")"; } /* assets/layouts/layout4/css/layout.min.css */ .pace .pace-progress-inner, .page-header.navbar, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress .progress-bar { box-shadow: none; } @media print { body { background-color: #fff !important; } .hidden-print, .page-bar, .page-footer, .page-sidebar-wrapper, .theme-panel { display: none; } .no-page-break { page-break-after: avoid; } .page-container { margin: 0 !important; padding: 0 !important; } .page-content { min-height: 300px !important; padding: 0 20px 20px !important; margin: 0 !important; } .page-content > .portlet, .page-content > .portlet > .portlet-body { padding: 0; margin: 0; } } .page-header.navbar { width: 100%; margin: 0; border: 0; padding: 0; height: 75px; min-height: 75px; filter: none; background-image: none; } .page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top { z-index: 9995; } .page-header.navbar .page-logo { float: left; display: block; width: 265px; height: 75px; padding-left: 20px; padding-right: 20px; } .page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a { display: block; float: left; } .page-header.navbar .page-logo .logo-default { margin: 15px 5px 0; } .page-header.navbar .page-logo .logo-mini { display: none; margin-left: 5px; } .page-header.navbar .page-logo .text-logo { padding-left: 20px; padding-top: 12px; } .page-header.navbar .page-top { height: 75px; float: right; } .page-header.navbar .search-form { margin: 22px 20px 0 0; display: inline-block; width: 33px; float: left; } .page-header.navbar .search-form .input-group { border-radius: 25px !important; } .page-header.navbar .search-form .input-group .form-control { border: 0; background: 0 0 !important; padding: 0; margin: 0; text-indent: -150000px; } .page-header.navbar .search-form .input-group .form-control:hover { cursor: pointer; } .page-header.navbar .search-form .input-group .input-group-btn { padding: 0; margin: 0; } .page-header.navbar .search-form .input-group .input-group-btn .btn.submit { margin: 3px 7px 0 0; padding: 0; background: 0 0; display: block; } .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { font-size: 13px; } .page-header.navbar .search-form.open { width: 250px !important; } .page-header.navbar .search-form.open .input-group .form-control { text-indent: 0; padding: 6px 12px; } .page-header.navbar .search-form.open .input-group .form-control:hover { cursor: text; } .page-header.navbar .menu-toggler { display: block; cursor: pointer; opacity: .6; filter: alpha(opacity=60); width: 20px; height: 14px; background-repeat: no-repeat; background-position: center center; } .page-header.navbar .menu-toggler:hover { filter: alpha(opacity=100); opacity: 1; } .page-header.navbar .menu-toggler.sidebar-toggler { float: right; margin: 30px 0 0; } .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler { margin-right: 17px; } .page-header.navbar .menu-toggler.responsive-toggler { display: none; float: right; margin: 30.5px 14px 0 6px; } .page-header.navbar .page-actions { margin: 17px 0 15px 10px; padding: 0; float: left; } .page-header.navbar .page-actions .btn-group .btn-sm { margin-top: 6px; } .page-header.navbar .top-menu { display: inline-block; margin: 0; padding: 0; } .page-header.navbar .top-menu .navbar-nav { padding: 0; margin-right: 20px; display: block; } .page-header.navbar .top-menu .navbar-nav > li.dropdown { margin: 0; padding: 0; height: 75px; display: inline-block; } .page-header.navbar .top-menu .navbar-nav > li.dropdown:last-child { padding-right: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle { margin: 0; padding: 29px 12px 24px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i { font-size: 16px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i.glyphicon { top: 0; font-size: 14px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge { display: inline-block; font-family: "Open Sans", sans-serif; margin: -6px 0 0; font-weight: 600; padding: 6px 9px; height: 25px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus { background: 0 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu { margin-top: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before { position: absolute; top: -7px; right: 9px; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #eee; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, .2); content: ""; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after { position: absolute; top: -6px; right: 10px; display: inline-block !important; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ""; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu > li > a { color: #555; } .page-header.navbar .top-menu .navbar-nav > li.separator { height: 18px; width: 1px; background: #F0F3F5; padding: 0; margin: 26px 0 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu { min-width: 160px; max-width: 275px; width: 275px; z-index: 9995; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { display: block; overflow: hidden; padding: 15px; letter-spacing: .5px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { margin: 0; padding: 0; float: left; font-size: 13px; display: inline-block; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { display: inline-block; padding: 0; background: 0 0; clear: inherit; font-size: 13px; font-weight: 300; position: absolute; right: 10px; border: 0; margin-top: -1px; } .page-container:after, .page-footer:after, .page-head:after { clear: both; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { text-decoration: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list { padding-right: 0 !important; padding-left: 0; list-style: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { display: block; clear: both; font-weight: 300; line-height: 20px; white-space: normal; font-size: 13px; padding: 16px 15px 18px; text-shadow: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { text-decoration: none; opacity: 1; filter: alpha(opacity=100); } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:first-child a { border-top: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details { overflow: hidden; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon { margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i { margin-right: 2px; margin-left: 1px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon .badge { right: 15px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time { float: right; max-width: 75px; font-size: 11px; font-weight: 400; opacity: .7; filter: alpha(opacity=70); text-align: right; padding: 1px 5px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo { float: left; margin: 0 6px 6px 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .photo img { height: 40px; width: 40px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject { display: block; margin-left: 46px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .from { font-size: 13px; font-weight: 600; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .subject .time { font-size: 12px; font-weight: 400; opacity: .5; filter: alpha(opacity=50); float: right; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-menu .dropdown-menu-list > li .message { display: block !important; font-size: 12px; line-height: 1.3; margin-left: 46px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task { margin-bottom: 5px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .desc { font-size: 13px; font-weight: 300; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .task .percent { float: right; font-weight: 600; display: inline-block; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list > li .progress { display: block; height: 8px; margin: 8px 0 2px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user { padding: 0 0 0 10px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 25px 10px 18px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username { display: inline-block; font-size: 14px; font-weight: 600; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img { margin-left: 5px; margin-top: -8px; height: 39px; display: inline-block; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i { display: inline-block; margin: 0; font-size: 14px; font-weight: 600; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu { width: 175px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a { font-size: 14px; font-weight: 300; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a i { width: 15px; display: inline-block; margin-right: 9px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a .badge { margin-right: 10px; } .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler { cursor: pointer; padding: 29px 12px 24px; } .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i { color: #c0cddc; font-size: 16px; } .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i:before { content: "\e065"; } .page-quick-sidebar-open .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i:before { content: "\e066"; } .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler > i:hover { color: #a4b4bb; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language { padding-left: 0; padding-right: 0; margin: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle { font-size: 13px; padding: 28px 12px 26px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > img { margin-bottom: 2px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > i { font-size: 14px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a { font-size: 13px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-menu > li > a > img { margin-bottom: 2px; margin-right: 5px; } .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu { border: 0; } .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before { border-left: none; border-right: none; } .page-header.navbar .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list > li.external a { background: 0 0 !important; border: none !important; } @media (min-width:992px) and (max-width:1200px) { .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname, .page-boxed .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile { display: none; } } @media (min-width:992px) { .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo { padding: 0; width: 54px; margin-left: 20px; margin-right: 10px; } .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default { display: none; } .page-header.navbar .search-form.search-form-expanded { width: 175px; } .page-header.navbar .search-form.search-form-expanded .input-group .form-control { text-indent: 0; padding: 6px 12px; } .page-header.navbar .search-form.search-form-expanded .input-group .form-control:hover { cursor: text; } .page-boxed .page-header.navbar .page-logo { width: 235px; padding-right: 0; } .page-boxed .page-header.navbar .page-actions { margin-left: 40px; } .page-sidebar-closed.page-sidebar-closed-hide-logo.page-boxed .page-header.navbar .page-logo { width: 54px; } .page-boxed.page-sidebar-fixed .page-header.navbar .page-logo { width: 235px; } } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover, .scroll-to-top:hover, .theme-panel .theme-colors > li.theme-color:hover { cursor: pointer; } @media (max-width:991px) { .page-header.navbar { padding: 0; margin: 0; position: relative; clear: both; } .page-header.navbar .page-logo { width: auto; padding: 0 15px 0 10px; } .page-header.navbar .page-logo img { margin-left: 4px !important; } .page-header.navbar .menu-toggler.sidebar-toggler { display: none !important; } .page-header.navbar .menu-toggler.responsive-toggler { display: inline-block; } .page-header.navbar .search-form { margin-left: 0; } .page-header.navbar .search-form.open { z-index: 3; left: 10px; right: 10px; position: absolute; width: auto !important; margin: 24px 0 0; } .page-header.navbar .page-header-inner.container { width: 100%; max-width: none !important; margin: 0 !important; padding: 0 !important; } .page-header.navbar .top-menu .navbar-nav { display: inline-block; margin: 0 10px 0 0; } .page-header.navbar .top-menu .navbar-nav > li { float: left; } .page-header.navbar .top-menu .navbar-nav .nav li.dropdown i { display: inline-block; position: relative; top: 1px; right: 0; } .page-header.navbar .top-menu .navbar-nav .open .dropdown-menu { position: absolute; } .page-header-fixed.page-header-fixed-mobile .navbar-fixed-top { position: fixed; } .page-boxed .page-header.navbar > .container { max-width: none !important; margin: 0 !important; padding: 0 !important; } } @media (min-width:768px) and (max-width:991px) { .page-boxed .page-header.navbar { margin: auto !important; padding: 0; } .page-boxed .page-header.navbar > .container { margin: auto !important; } } @media (max-width:767px) { .page-header.navbar { padding: 0; } .page-header.navbar .page-logo { width: auto; } .page-header.navbar .search-form { margin-right: 57px; float: right; margin-top: -53px; } .page-header.navbar .search-form.open { margin: -52px 0 0; } .page-header.navbar .page-top { padding: 0; display: block; clear: both; width: 100%; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle .langname, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username.username-hide-on-mobile, .page-header.navbar .top-menu .navbar-nav > li.separator { display: none; } .page-header.navbar .top-menu { margin: 1px 0 0; padding: 0; float: right; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle { padding: 29px 8px 25px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge { margin: -6px 0 0; padding: 3px 6px; height: 18px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu { max-width: 245px; width: 245px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu { margin-right: -190px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before { margin-right: 190px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu { margin-right: -120px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu:before { margin-right: 120px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu { margin-right: -60px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu:before { margin-right: 60px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle { padding: 25px 6px 18px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle img { margin-left: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle { padding: 28px 6px 26px; } .page-header.navbar .page-actions { float: right; margin-right: 70px; } .page-header.navbar .page-actions .dropdown-menu { right: 0; left: auto; } .page-header.navbar .page-actions .dropdown-menu:after { right: 10px; left: auto; } .page-header.navbar .page-actions .dropdown-menu:before { right: 9px; left: auto; } } .pace .pace-progress { z-index: 10000; top: 73px; height: 2px; } .pace .pace-activity { top: 77px; right: 22px; border-radius: 10px !important; } .page-container { margin: 0; padding: 20px 20px 0; position: relative; } .page-container:after, .page-container:before { content: " "; display: table; } .page-header-fixed .page-container { margin-top: 75px; } .page-footer-fixed.page-footer-fixed-mobile .page-container { margin-bottom: 20px !important; } @media (min-width:1260px) { .container { width: 1270px; } } @media (min-width:992px) { .page-footer-fixed .page-container { margin-bottom: 20px !important; } } @media (max-width:991px) { .page-container { margin: 0 !important; padding: 10px 10px 0; } .page-header-fixed.page-header-fixed-mobile .page-container { margin-top: 75px !important; } } @media (max-width:767px) { .page-container { margin: 0 !important; padding: 0; } } @media (max-width:480px) { .page-header-fixed .pace .pace-progress { top: 150px; } .page-header-fixed .pace .pace-activity { top: 304px; right: 15px; } .page-header-fixed.page-header-fixed-mobile .page-container { margin-top: 150px !important; } } .ie8 .page-sidebar { width: 235px; float: left; position: relative; margin-right: -100%; } .page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse, .page-sidebar.navbar-collapse { padding: 0; box-shadow: none; } .page-md .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse, .page-md .page-sidebar.navbar-collapse { box-shadow: 0 2px 3px 2px rgba(0, 0, 0, .03); } .page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; list-style: none; margin: 10px 0 0; padding: 0; } .page-sidebar .page-sidebar-menu > li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li { display: block; margin: 0; padding: 0; border: 0; } .page-sidebar .page-sidebar-menu > li.heading, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading { height: 50px; padding: 25px 15px 10px; } .page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 { font-size: 13px; padding: 0; margin: 0; font-weight: 600; } .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { display: block; position: relative; margin: 1px 0 0; border: 0; padding: 12px 15px; text-decoration: none; } .page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title { font-size: 14px; font-weight: 400; } .page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i { font-size: 18px; text-shadow: none; font-weight: 300; } .page-sidebar .page-sidebar-menu > li > a > i.glyphicon, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.glyphicon { top: 3px; margin-left: 1px; margin-right: 4px; } .page-sidebar .page-sidebar-menu > li > a > [class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > [class^=icon-] { top: 2px; margin-left: 1px; margin-right: 4px; } .page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-fixed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { transition: all .2s ease; } .page-sidebar-reversed.page-sidebar-fixed .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { transition: none; } .page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a { font-size: 14px; } .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a { border: none; text-shadow: none; font-size: 14px; } .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before { width: 10px; float: right; margin-right: 5px; margin-left: 5px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none; } .page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before { content: "\f107"; margin-right: 6px; } .page-sidebar .page-sidebar-menu li > a > .badge, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .badge { float: right; margin-top: 1px; margin-right: 0; } .page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu { list-style: none; display: none; padding: 0; margin: 8px 0; } .page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li { background: 0 0; margin: 0; padding: 0; margin-top: 1px !important; } .page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a { display: block; margin: 0; padding: 9px 14px 9px 30px; text-decoration: none; font-size: 14px; font-weight: 400; background: 0 0; } .page-sidebar .page-sidebar-menu .sub-menu li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i { font-size: 16px; margin-right: 1px; } .page-sidebar .page-sidebar-menu .sub-menu li > a .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow:before { margin-top: -4px; } .page-sidebar .page-sidebar-menu .sub-menu li > a .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow.open:before { margin-top: -2px; } .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu, .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu { margin: 0; } .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > a { padding-left: 40px; } .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu > li > .sub-menu > li > a { padding-left: 50px; } .page-sidebar .page-sidebar-menu .sub-menu.always-open, .page-sidebar .page-sidebar-menu li.active > .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu.always-open, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > .sub-menu { display: block; } @media (min-width:992px) { .page-sidebar, .page-sidebar .page-sidebar-menu { margin-bottom: 10px; } .page-sidebar { width: 235px; float: left; position: relative; margin-right: -100%; } .page-full-width .page-sidebar { display: none !important; } .page-sidebar.navbar-collapse { max-height: none !important; } .page-sidebar-reversed .page-sidebar { float: right; margin-right: 0; margin-left: -100%; } .page-sidebar-reversed.page-sidebar-fixed .page-sidebar { margin-left: -235px; } .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper { position: relative; float: right; } .page-sidebar-fixed .page-sidebar { position: fixed !important; margin-left: 0; top: 95px; } .page-sidebar-fixed .page-sidebar-menu > li:last-child { margin-bottom: 20px !important; } .page-sidebar-fixed .page-sidebar-menu .sub-menu { height: auto !important; } .page-sidebar-closed .page-sidebar, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed { width: 54px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.heading > h3 { display: none; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.heading:hover { box-shadow: none !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li.open > .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu { display: none !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover { width: 289px !important; position: relative !important; z-index: 10000; display: block !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -ms-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; text-align: left; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > i { display: inline-block; margin-right: 5px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > .title { display: inline !important; padding-left: 20px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > .badge { display: block !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > .selected { display: none; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu { width: 234px; position: absolute; z-index: 2000; left: 55px; margin-top: 0; top: 100%; display: block !important; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu > li > a { padding-left: 15px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu > li > .sub-menu > li > a { padding-left: 30px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu > li > .sub-menu > li > .sub-menu > li > a { padding-left: 45px !important; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a { min-height: 46px; } .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .arrow, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .badge, .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > a > .title { display: none !important; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar { margin-left: -54px; width: 54px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu { left: auto; margin-left: -55px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover { margin-left: -235px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a { -webkit-border-radius: 4px 0 0; -moz-border-radius: 4px 0 0; -ms-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0; border-radius: 4px 0 0; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title { padding-left: 0; padding-right: 15px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > i { margin-right: 0; margin-left: 2px; } .page-sidebar-closed.page-sidebar-reversed .page-sidebar .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li > a { padding-right: 7px; padding-left: 11px; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover { width: 235px !important; display: block; z-index: 10000; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu { width: 235px !important; } .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .selected { display: none !important; } .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover { width: 235px !important; display: block; z-index: 10000; margin-left: -235px !important; } .page-sidebar-closed.page-sidebar-fixed.page-sidebar-reversed .page-sidebar:hover .page-sidebar-menu { width: 235px !important; } .page-sidebar-closed.page-sidebar-hide .page-sidebar { display: none !important; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu { display: none; width: 234px; z-index: 2000; position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li .sub-menu > li > a { margin: 3px; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li.active .sub-menu, .page-sidebar-menu.page-sidebar-menu-hover-submenu li.open .sub-menu { display: none !important; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li a > .arrow { display: none; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow { display: block; float: right; position: absolute; right: 0; margin-top: -20px; background: 0 0; width: 0; height: 0; border-style: solid; border-top: 12px double transparent; border-bottom: 12px double transparent; border-left: 0; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:after, .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow:before { display: none; } .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > a > .arrow { right: auto; left: 0; border-right: 0; } .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu { display: inline-block !important; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow { z-index: 1; right: -1px; margin-top: -20px; } .page-fontawesome .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow { margin-top: -34px; } .page-glyphicons .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > a > .arrow { margin-top: -38px; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu { margin-left: 236px; margin-top: -50px; } .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu { margin-left: -234px !important; } .page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu { margin-left: 0; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu { margin-left: 234px; margin-top: -44px !important; } .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu { margin-left: -234px !important; } .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu > li .sub-menu > li > a { padding-left: 10px; padding-right: 10px; } } @media (max-width:991px) { .page-sidebar .selected, .page-sidebar.navbar-collapse.collapse { display: none !important; } .page-sidebar, .page-sidebar.navbar-collapse.in { border-top: 0 !important; margin: 20px; } .page-sidebar.navbar-collapse { max-height: none; } .page-sidebar.navbar-collapse.in { position: relative; overflow: hidden !important; overflow-y: auto !important; display: block !important; } .page-sidebar.navbar-collapse.navbar-no-scroll { max-height: none !important; } .page-sidebar .mega-menu-responsive-content { padding: 10px 18px 10px 45px; } .page-full-width .page-sidebar-menu { display: block; } } @media (min-width:768px) and (max-width:991px) { .page-sidebar .btn-navbar.collapsed .arrow { display: none; } .page-sidebar .btn-navbar .arrow { position: absolute; right: 25px; width: 0; height: 0; top: 50px; border-bottom: 15px solid #5f646b; border-left: 15px solid transparent; border-right: 15px solid transparent; } } @media (max-width:767px) { .page-sidebar, .page-sidebar.in { margin: 10px !important; } .page-header-fixed.page-header-fixed-mobile .page-sidebar, .page-header-fixed.page-header-fixed-mobile .page-sidebar.in { margin-top: 10px !important; } } .page-head:after, .page-head:before { content: " "; display: table; } .page-head .page-title { display: inline-block; float: left; padding: 5px 0 10px; } .page-head .page-title > h1 { color: #697882; font-size: 22px; font-weight: 400; margin: 0; padding: 0; } .page-head .page-title > h1 > small { color: #9eacb4; font-size: 13px; font-weight: 400; } .page-head .page-toolbar { display: inline-block; float: right; } .breadcrumb { background: 0 0; padding: 0 0 15px; margin: 0; color: #c5ccd5; } .breadcrumb > li + li:before { display: none; } .breadcrumb .fa { font-size: 6px; margin: 0 2px 0 4px; position: relative; top: -1px; } .breadcrumb > .active { color: #9eacb4; } .page-content { margin-top: 0; padding: 0; } .page-full-width .page-content { margin-left: 0 !important; } @media (min-width:992px) { .page-content-wrapper { float: left; width: 100%; } .page-content-wrapper .page-content { margin-left: 235px; margin-top: 0; min-height: 600px; padding: 10px 0 0 20px; } .page-content-wrapper .page-content.no-min-height { min-height: auto; } .page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content { margin-left: 54px; } .page-sidebar-reversed .page-content-wrapper .page-content { margin-left: 0 !important; margin-right: 235px !important; padding-left: 0; padding-right: 20px; } .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content-wrapper .page-content { margin-left: 0; margin-right: 54px; } .page-sidebar-reversed.page-sidebar-closed .page-content-wrapper .page-content { margin-left: 0 !important; margin-right: 54px !important; } .page-sidebar-closed .page-content-wrapper .page-content { margin-left: 54px !important; } .page-full-width .page-content-wrapper .page-content, .page-sidebar-closed.page-sidebar-hide .page-content-wrapper .page-content { margin-left: 0 !important; } .page-sidebar-closed.page-sidebar-reversed.page-sidebar-hide .page-content-wrapper .page-content { margin-right: 0 !important; } } @media (max-width:991px) { .page-boxed > .container { width: 100%; max-width: none !important; margin: 0 !important; padding: 0 !important; } .page-content-wrapper .page-content { margin: 0 !important; padding: 10px !important; min-height: 280px; } } @media (min-width:768px) and (max-width:991px) { .page-boxed > .container { margin: auto !important; } } @media (max-width:767px) { .page-content-wrapper .page-content { padding: 20px 10px 10px !important; overflow: hidden; } .page-content-wrapper .page-content .page-title { margin-bottom: 15px; font-size: 20px; } .page-content-wrapper .page-content .page-title small { font-size: 13px; padding-top: 3px; } } @media (max-width:480px) { .page-content-wrapper .page-content .page-title small { display: block; clear: both; } } .page-footer { padding: 10px 20px 15px; font-size: 13px; height: 33px; } .page-footer:after, .page-footer:before { content: " "; display: table; } .page-footer .page-footer-inner { float: left; display: inline-block; margin-bottom: 15px; } .page-footer .page-footer-tools { float: right; display: inline-block; } .page-footer .page-footer-tools .go-top { display: block; text-decoration: none; cursor: pointer; margin-top: -2px; margin-right: 0; margin-bottom: 0; font-size: 16px; padding: 0 6px; } .page-footer .page-footer-tools .go-top i { font-size: 22px; margin-bottom: 5px; } .page-footer-fixed.page-footer-fixed-mobile .page-footer { position: fixed; left: 0; right: 0; z-index: 10000; bottom: 0; } .page-footer-fixed.page-footer-fixed-mobile.page-sidebar-fixed .page-footer { margin-left: 0 !important; } @media (min-width:992px) { .page-footer { clear: left; } .page-boxed .page-footer { margin-left: 20px; margin-right: 20px; } .page-footer-fixed .page-footer { position: fixed; left: 0; right: 0; z-index: 10000; bottom: 0; } .page-sidebar-fixed.page-sidebar-closed .page-footer { margin-left: 54px; } .page-sidebar-fixed .page-footer { margin-left: 255px; padding: 10px 20px; } .page-boxed .page-footer { padding: 8px 0 5px; } .page-boxed.page-sidebar-fixed .page-footer { padding-right: 20px; padding-left: 20px; } .page-sidebar-reversed.page-sidebar-fixed .page-footer { margin-left: 0; margin-right: 235px; padding: 8px 20px 5px; } .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .page-footer { margin-left: 0; margin-right: 0; } .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-footer { margin-right: 54px; } .scroll-to-top { right: 10px; } } @media (max-width:991px) { .page-footer { padding-left: 10px; padding-right: 10px; } } @media (max-width:767px) { .page-boxed .page-footer, .page-footer { padding-left: 10px; padding-right: 10px; } .page-footer-fixed .page-footer .container { padding-left: 0; padding-right: 0; } } .scroll-to-top { padding: 2px; text-align: center; position: fixed; z-index: 10001; bottom: 10px; display: none; right: 10px; } .scroll-to-top > i { display: inline-block; color: #687991; font-size: 32px; opacity: .7; filter: alpha(opacity=70); } .scroll-to-top:hover > i { opacity: 1; filter: alpha(opacity=100); } @media (max-width:991px) { .scroll-to-top { right: 10px; } .scroll-to-top > i { font-size: 28px; } } .btn-theme-panel { margin-top: 10px; } .btn-theme-panel .btn { opacity: .6; filter: alpha(opacity=60); padding: 0 6px; } .btn-theme-panel .btn > i { font-size: 24px; color: #62707a; } .btn-theme-panel .btn:hover, .btn-theme-panel.open .btn { opacity: 1; filter: alpha(opacity=100); } .theme-panel { z-index: 1000; min-width: 575px; padding: 20px 10px; font-family: "Open Sans", sans-serif; } .theme-panel h3 { margin: 8px 0; font-size: 15px; padding-left: 12px; } .theme-panel .seperator { border-left: 1px solid #EFF2F4; } .theme-panel .theme-colors { list-style: none; padding: 0; margin: 0; } .theme-panel .theme-colors > li.theme-color { padding: 8px 12px; } .theme-panel .theme-colors > li.theme-color.active, .theme-panel .theme-colors > li.theme-color:hover { background: #f5f7f8; } .theme-panel .theme-colors > li.theme-color > .theme-color-view { float: left; margin-top: 0; margin-right: 8px; display: inline-block; border-radius: 10px !important; height: 20px; width: 20px; } .theme-panel .theme-colors > li.theme-color > .theme-color-name { display: inline-block; color: #777; font-size: 14px; font-weight: 300; } .theme-panel .theme-colors > li.theme-color.theme-color-default .theme-color-view { background: #3B3F51; } .theme-panel .theme-colors > li.theme-color.theme-color-light .theme-color-view { background: #cbced9; } .theme-panel .theme-settings { list-style: none; padding: 0; margin: 0; } .theme-panel .theme-settings > li { padding: 8px 12px; font-size: 14px; font-weight: 300; color: #777; } .theme-panel .theme-settings > li .form-control { color: #777; margin-top: -3px; float: right; } @media (max-width:767px) { .theme-panel { left: 20px; right: 20px; min-width: 285px; } .theme-panel .seperator { border: 0; } .theme-panel .theme-settings .form-control { width: 105px !important; } } .page-portlet-fullscreen .page-quick-sidebar-toggler, .page-portlet-fullscreen .page-quick-sidebar-wrapper { z-index: -1; } .page-quick-sidebar-toggler { overflow: hidden; z-index: 99999; display: none; width: 28px; height: 27px; position: fixed; top: 10px; right: 15px; text-align: center; padding-top: 6px; } .page-quick-sidebar-toggler:hover { background: #303a43; } .page-quick-sidebar-open .page-quick-sidebar-toggler { display: inline-block; } .page-quick-sidebar-open .page-quick-sidebar-toggler:hover { background: 0 0; } .page-quick-sidebar-toggler > i { color: #99a8b5; font-size: 17px; } .page-quick-sidebar-toggler > i:hover { color: #fff !important; } .page-quick-sidebar-open .page-quick-sidebar-toggler > i:before { content: "\e066"; } .page-quick-sidebar-wrapper { transition: right .3s; z-index: 9997; position: fixed; top: 0; bottom: 0; width: 320px; right: -320px; overflow: hidden; color: #99a8b5; background: #21282e; } .page-quick-sidebar-open .page-quick-sidebar-wrapper { transition: right .3s; right: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar { background: #21282e; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs { margin: 0; padding: 0; border: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li { display: table-cell !important; width: 1% !important; padding: 0; margin: 0; float: none; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a { position: relative; display: block; text-align: center; height: auto; font-size: 14px; padding: 45px 15px 8px; text-transform: uppercase; background: 0 0; margin-right: 0; color: #90a1af; border: 0; border-bottom: 3px solid rgba(243, 86, 93, .3); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; outline: 0 !important; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a > .badge { position: absolute; top: 45px; right: 3px; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a { border: 0; border-bottom: 3px solid #f3565d; background: 0 0; color: #fff; text-decoration: none; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu { border: 0; background: #36424c; box-shadow: 5px 5px rgba(97, 117, 135, .1); margin-top: 8px; margin-right: 20px; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:before { position: absolute; top: -7px; right: 19px; display: inline-block !important; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #36424c; content: ""; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu:after { position: absolute; top: -6px; right: 20px; display: inline-block !important; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 7px solid #36424c; content: ""; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a { padding: 10px 15px; color: #99a8b5; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li > a > i { color: #93a3b1; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a { background: #3d4a55; color: #99a8b5; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li:hover > a > i { color: #9babb8; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.active > a { background: #38444f; color: #99a8b5; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li .dropdown-menu > li.divider { background-color: #3d4a55; } .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.open > a.dropdown-toggle { border-bottom: 3px solid #f3565d; background: 0 0; text-decoration: none; color: #90a1af; } .page-quick-sidebar-wrapper .page-quick-sidebar .tab-content { margin: 0; padding: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-heading { font-size: 16px; margin: 10px; color: #6c8296; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items { margin: 0; padding: 0; list-style: none; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li { margin: 0; padding: 15px; background: 0 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #273037; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover { background: #273037; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:last-child { border-bottom: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li { border: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .inner-content { margin: 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list { position: absolute !important; width: 320px !important; transition: margin .3s; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item { position: absolute !important; width: 320px !important; transition: margin .3s; margin-left: 320px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav { padding: 15px 10px 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list { vertical-align: middle; display: inline-block; font-size: 14px; color: #90a1af; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover { text-decoration: none; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list > i { font-size: 17px; line-height: 17px; vertical-align: top; margin-right: 3px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list { transition: margin .3s; margin-left: -320px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail { display: none !important; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item { transition: margin .3s; margin-left: 0; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users { padding: 10px 0; position: relative; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media { padding: 15px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object { border-radius: 50% !important; width: 45.71px; opacity: .8; filter: alpha(opacity=80); float: left; margin-right: 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before { content: " "; display: table; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after { clear: both; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object { opacity: 1; filter: alpha(opacity=100); } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading { margin: 5px 0 0; font-size: 14px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub { font-size: 11px; text-transform: uppercase; color: #657b8d; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small { font-size: 10px; color: #5d7081; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status { margin-top: 10px; right: 10px; position: absolute; display: inline-block; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages { padding: 0 10px; position: relative; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post { transition: display .3s; padding: 5px 0; margin: 10px auto; font-size: 13px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body { color: #c3c3c3; display: block; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar { width: 45.71px; border-radius: 50% !important; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar { float: left; margin-right: 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar { float: right; margin-left: 10px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name { font-size: 12px; font-weight: 300; color: #8496a7; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message { display: block; padding: 5px; position: relative; color: #90a1af; background: #36424c; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message { text-align: left; margin-left: 55px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime, .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name, .quick-nav ul { text-align: right; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow { display: block; position: absolute; top: 9px; left: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right-width: 6px; border-right-style: solid; border-right-color: #36424c; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message { margin-right: 55px; text-align: right; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow { display: block; position: absolute; top: 9px; right: -6px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left-width: 6px; border-left-style: solid; border-left-color: #36424c; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form { padding: 20px 10px 15px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list { padding: 10px 0; position: relative; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a { color: #7e91a2; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .label { margin-top: 5px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc { text-decoration: underline; padding: 0; color: #788c9e; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date { color: #5d7081; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list { padding: 10px 0; position: relative; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch { margin-top: -3px; float: right; border: 0; min-width: 59px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control { width: 75px !important; padding: 4px !important; float: right; border: 0; margin-top: -4px; } .page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control { padding: 4px 0 !important; } .quick-nav { position: fixed; z-index: 10103; top: 50%; right: 10px; margin-top: -230px; pointer-events: none; } .quick-nav-trigger, .quick-nav.nav-is-visible { pointer-events: auto; } .quick-nav .quick-nav-bg { position: absolute; z-index: 10102; top: 0; right: 0; width: 60px; height: 60px; border-radius: 30px !important; background: #36C6D3; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); webkit-transition: height .2s, box-shadow .2s; -moz-transition: height .2s, box-shadow .2s; -ms-transition: height .2s, box-shadow .2s; -o-transition: height .2s, box-shadow .2s; transition: height .2s, box-shadow .2s; } .quick-nav.nav-is-visible .quick-nav-bg { height: 100%; box-shadow: 0 6px 30px rgba(0, 0, 0, .2); } .quick-nav-trigger { position: absolute; z-index: 10103; top: 0; right: 0; height: 60px; width: 60px; border-radius: 50% !important; overflow: hidden; white-space: nowrap; color: transparent; } .quick-nav-trigger span, .quick-nav-trigger span::after, .quick-nav-trigger span::before { position: absolute; width: 16px; height: 2px; background-color: #fff; } .quick-nav-trigger span { webkit-transition: background-color .2s; -moz-transition: background-color .2s; -ms-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; left: 50%; top: 50%; bottom: auto; right: auto; webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .quick-nav-trigger span::after, .quick-nav-trigger span::before { content: ""; top: 0; left: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; webkit-transition: transform .2s; -moz-transition: transform .2s; -ms-transition: transform .2s; -o-transition: transform .2s; transition: transform .2s; } .quick-nav-trigger span::before { webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .quick-nav-trigger span::after { webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .no-touch .quick-nav-trigger:hover ~ .quick-nav-bg { box-shadow: 0 6px 30px rgba(0, 0, 0, .2); } .nav-is-visible .quick-nav-trigger span { background-color: transparent; } .nav-is-visible .quick-nav-trigger span::before { webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-is-visible .quick-nav-trigger span::after { webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .quick-nav ul { position: relative; z-index: 10103; padding: 60px 0 0; visibility: hidden; webkit-transition: visibility .3s; -moz-transition: visibility .3s; -ms-transition: visibility .3s; -o-transition: visibility .3s; transition: visibility .3s; list-style: none; } .quick-nav ul > li a { position: relative; display: block; height: 50px; line-height: 50px; padding: 0 calc(1em + 60px) 0 1em; font-size: 1.4rem; webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; } .quick-nav ul > li a::before, .quick-nav ul > li a > i { content: ""; position: absolute; height: 16px; } .quick-nav ul > li a:hover, .quick-nav ul > li a:hover > span { text-decoration: none; } .quick-nav ul > li a > i { width: 16px; font-size: 18px; right: 24px; top: 16px; color: #ebebeb; } .quick-nav ul > li a::before { width: 3px; top: 50%; right: 60px; webkit-transform: translateX(3px) translateY(-50%) scaleY(0); -moz-transform: translateX(3px) translateY(-50%) scaleY(0); -ms-transform: translateX(3px) translateY(-50%) scaleY(0); -o-transform: translateX(3px) translateY(-50%) scaleY(0); transform: translateX(3px) translateY(-50%) scaleY(0); background-color: #FF3F3F; } .quick-nav ul > li span { color: #ebebeb; font-weight: 400; display: block; opacity: 0; webkit-transform: translateX(-25px); -moz-transform: translateX(-25px); -ms-transform: translateX(-25px); -o-transform: translateX(-25px); transform: translateX(-25px); } .no-touch .quick-nav.nav-is-visible ul a:hover::after, .quick-nav.nav-is-visible ul a:hover::after { opacity: 1; } .quick-nav ul > li:last-child { padding-bottom: 10px; } .quick-nav.nav-is-visible ul { visibility: visible; } .quick-nav.nav-is-visible ul a::after { webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); -webkit-animation: scaleIn .15s backwards; -o-animation: scaleIn .15s backwards; animation: scaleIn .15s backwards; webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .quick-nav.nav-is-visible ul a:hover::before { webkit-transform: translateX(3px) translateY(-50%) scaleY(2); -moz-transform: translateX(3px) translateY(-50%) scaleY(2); -ms-transform: translateX(3px) translateY(-50%) scaleY(2); -o-transform: translateX(3px) translateY(-50%) scaleY(2); transform: translateX(3px) translateY(-50%) scaleY(2); webkit-transition: transform .15s .3s; -moz-transition: transform .15s .3s; -ms-transition: transform .15s .3s; -o-transition: transform .15s .3s; transition: transform .15s .3s; } .quick-nav.nav-is-visible ul a:hover > span { color: #fff; } .quick-nav.nav-is-visible ul a:hover > i { color: #fafafa; } .quick-nav.nav-is-visible ul span { opacity: 1; webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-animation: slideIn .15s backwards; -o-animation: slideIn .15s backwards; animation: slideIn .15s backwards; webkit-transition: transform .2s; -moz-transition: transform .2s; -ms-transition: transform .2s; -o-transition: transform .2s; transition: transform .2s; } .no-touch .quick-nav.nav-is-visible ul a:hover span { webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); } .quick-nav-overlay { display: none; top: 0; bottom: 0; right: 0; left: 0; position: fixed; z-index: 10101; background: 0 0; } .quick-nav.nav-is-visible + .quick-nav-overlay { background: rgba(0, 0, 0, .8); display: block; -webkit-transition: background .7s ease-out; -moz-transition: background .7s ease-out; -o-transition: background .7s ease-out; transition: background .7s ease-out; } @media (max-width:991px) { .quick-nav { top: 120px; margin-top: 0; } } .page-on-load { background: #fefefe; } .page-on-load .page-container, .page-on-load .page-footer, .page-on-load .page-header, .page-on-load > .clearfix { display: none; transition: all 2s; } /* assets/layouts/layout4/css/themes/light.min.css */ .theme-font-color { color: #5b9bd1; } body { background: #e9ecf3; } body.page-md { background: #f3f5f9; } .page-header.navbar { background: #FFF; border-bottom: 1px solid #e9ecf3; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover { background-color: #f9fafc; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i { color: #C0CDDC; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default { background-color: #5b9bd1; color: #fff; } .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle { background-color: #f9fafc; } .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before { border-bottom-color: #dce1ec; } .page-header.navbar .top-menu .navbar-nav > li.separator { background: #e9ecef; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu { border: 1px solid #dce1ec; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before { border-bottom-color: #cbd2e3; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after { border-bottom-color: #e3e6f0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external { background: #e3e6f0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 { color: #62878f; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a { color: #337ab7; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover { color: #23527c; text-decoration: none; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a { border-bottom: 1px solid #EFF2F6 !important; color: #888; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover { background: #f8f9fa; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time { background: #f1f1f1; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time { background: #e4e4e4; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle { background-color: #5b9bd1; color: #fff; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner { border-color: transparent transparent transparent #5b9bd1; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from { color: #5b9bd1; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i { color: #7FB0DA; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress { background-color: #dfe2e9; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu { width: 195px; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu { background: #536470; border: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after { border-bottom-color: #536470; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external { background: #414f59; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 { color: #c5ced4; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover { color: #5496cf; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a { color: #d4dadf; border-bottom: 1px solid #607482 !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i { color: #b6c2c9; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover { background: #5b6f7c; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a { border-bottom: 0 !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider { background: #607482; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time { background: #485762; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time { background: #3d4a53; } .page-header.navbar .search-form { background: #FFF; } .page-header.navbar .search-form .input-group { border: 1px solid #ced6de; } .page-header.navbar .search-form .input-group:hover { border-color: #bfcad4; } .page-header.navbar .search-form .input-group .form-control { color: #ced6de; } .page-header.navbar .search-form .input-group .form-control::-moz-placeholder { color: #cbd4dc; opacity: 1; } .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder { color: #cbd4dc; } .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder { color: #cbd4dc; } .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i { color: #ced6de; } .page-header.navbar .menu-toggler { background-image: url("./media/sidebar-toggle-light-CB3Z2OEZ.png"); } .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent.active, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:focus, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:hover { background: 0 0; border: 1px solid #fff; color: #fff; } .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent > i { color: #fff; } .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent.active > i, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:focus > i, .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:hover > i { color: #fff; } .page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover { background-color: #fff; } .page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 { color: #5C9ACF; } .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { color: #485a6a; } .page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i { color: #97b1c3; } .page-sidebar .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^=icon-] { color: #a7bdcd; } .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before { color: #a0b8c9; } .page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a { background: #f2f6f9; color: #5b9bd1; } .page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i { color: #5b9bd1; } .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before { color: #67a2d4; } .page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a { background: #f2f6f9; color: #5b9bd1; } .page-sidebar .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover { background: #f2f6f9; } .page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i { color: #5b9bd1; } .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before { color: #67a2d4; } .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a { border-left: 3px solid #5C9ACF !important; margin-left: -3px; padding-left: 15px; } .page-sidebar .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before { color: #a0b8c9; } .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before { color: #67a2d4; } .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu { background: #FFF; } .page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a { color: #485a6a; } .page-sidebar .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i { color: #97b1c3; } .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^=icon-] { color: #a7bdcd; } .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before { color: #a0b8c9; } .page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a { color: #5b9bd1; background: #f2f6f9 !important; } .page-footer-fixed .page-boxed .page-footer, .page-footer-fixed .page-footer { background-color: #e9ecf3; } .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i { color: #5b9bd1; } .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before { color: #67a2d4; } .page-footer .page-footer-inner { color: #33404c; } .page-boxed .page-footer .page-footer-inner, .page-footer-fixed .page-footer .page-footer-inner { color: #000; } @media (min-width:992px) { .page-sidebar-menu.page-sidebar-menu-closed > li:hover, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu, .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu { box-shadow: 5px 5px rgba(140, 178, 198, .2); } .page-sidebar-fixed:not(.page-footer-fixed) .page-content { border-bottom: 0; } .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner { color: #333; } .page-boxed .page-container { background-color: #e9ecf3; } .page-boxed.page-sidebar-reversed .page-container { border-left: 0; } .page-boxed.page-sidebar-fixed .page-container { border-left: 0; border-bottom: 0; } .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container { border-left: 0; border-right: 0; border-bottom: 0; } .page-sidebar-menu-hover-submenu li:hover a > .arrow { border-right: 8px solid #FFF; } .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow { border-left: 8px solid #FFF; } .page-sidebar-menu-hover-submenu li:hover > .sub-menu { background: #FFF !important; } } @media (max-width:991px) { .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a { border-top: 1px solid #fff; } .page-header.navbar { padding: 0; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { background-color: #f6f7fa; } } @media (max-width:767px) { .page-header.navbar { background: #FFF; border-bottom: 1px solid #fff; } .page-header.navbar .page-top { background: #FFF; } .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover { background-color: #eff1f6; } } .block-spinner-bar > div, .page-spinner-bar > div { background: #6fa7d7; } /* assets/layouts/layout4/css/custom.min.css */ /* assets/editor/summernote.css */ @font-face { font-family: "summernote"; font-style: normal; font-weight: normal; src: url("./media/summernote-P5KMLK2A.eot?dc97c88102d55aed645e5f227c58ba5b"); src: url("./media/summernote-P5KMLK2A.eot?#iefix") format("embedded-opentype"), url("./media/summernote-YI7HYL3E.woff?dc97c88102d55aed645e5f227c58ba5b") format("woff"), url("./media/summernote-HHTEBWGC.ttf?dc97c88102d55aed645e5f227c58ba5b") format("truetype"); } [class^=note-icon-]:before, [class*=" note-icon-"]:before { display: inline-block; font: normal normal normal 14px summernote; font-size: inherit; -webkit-font-smoothing: antialiased; text-decoration: inherit; text-rendering: auto; text-transform: none; vertical-align: middle; speak: none; -moz-osx-font-smoothing: grayscale; } .note-icon-align-center:before { content: "\f101"; } .note-icon-align-indent:before { content: "\f102"; } .note-icon-align-justify:before { content: "\f103"; } .note-icon-align-left:before { content: "\f104"; } .note-icon-align-outdent:before { content: "\f105"; } .note-icon-align-right:before { content: "\f106"; } .note-icon-align:before { content: "\f107"; } .note-icon-arrows-alt:before { content: "\f108"; } .note-icon-bold:before { content: "\f109"; } .note-icon-caret:before { content: "\f10a"; } .note-icon-chain-broken:before { content: "\f10b"; } .note-icon-circle:before { content: "\f10c"; } .note-icon-close:before { content: "\f10d"; } .note-icon-code:before { content: "\f10e"; } .note-icon-eraser:before { content: "\f10f"; } .note-icon-font:before { content: "\f110"; } .note-icon-frame:before { content: "\f111"; } .note-icon-italic:before { content: "\f112"; } .note-icon-link:before { content: "\f113"; } .note-icon-magic:before { content: "\f114"; } .note-icon-menu-check:before { content: "\f115"; } .note-icon-minus:before { content: "\f116"; } .note-icon-orderedlist:before { content: "\f117"; } .note-icon-pencil:before { content: "\f118"; } .note-icon-picture:before { content: "\f119"; } .note-icon-question:before { content: "\f11a"; } .note-icon-redo:before { content: "\f11b"; } .note-icon-special-character:before { content: "\f11c"; } .note-icon-square:before { content: "\f11d"; } .note-icon-strikethrough:before { content: "\f11e"; } .note-icon-subscript:before { content: "\f11f"; } .note-icon-summernote:before { content: "\f120"; } .note-icon-superscript:before { content: "\f121"; } .note-icon-table:before { content: "\f122"; } .note-icon-text-height:before { content: "\f123"; } .note-icon-trash:before { content: "\f124"; } .note-icon-underline:before { content: "\f125"; } .note-icon-undo:before { content: "\f126"; } .note-icon-unorderedlist:before { content: "\f127"; } .note-icon-video:before { content: "\f128"; } .note-editor { position: relative; } .note-editor .note-dropzone { position: absolute; z-index: 100; display: none; color: #87cefa; background-color: white; opacity: .95; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: bold; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #098ddf; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-editing-area { position: relative; } .note-editor .note-editing-area .note-editable { outline: 0; } .note-editor .note-editing-area .note-editable sup { vertical-align: super; } .note-editor .note-editing-area .note-editable sub { vertical-align: sub; } .note-editor.note-frame { border: 1px solid #a9a9a9; } .note-editor.note-frame.codeview .note-editing-area .note-editable { display: none; } .note-editor.note-frame.codeview .note-editing-area .note-codable { display: block; } .note-editor.note-frame .note-editing-area { overflow: hidden; } .note-editor.note-frame .note-editing-area .note-editable { padding: 10px; overflow: auto; color: #000; background-color: #fff; } .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] { background-color: #e5e5e5; } .note-editor.note-frame .note-editing-area .note-codable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo, Monaco, monospace, sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } .note-editor.note-frame.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100% !important; } .note-editor.note-frame.fullscreen .note-editable { background-color: white; } .note-editor.note-frame.fullscreen .note-resizebar { display: none; } .note-editor.note-frame .note-statusbar { background-color: #f5f5f5; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .note-editor.note-frame .note-statusbar .note-resizebar { width: 100%; height: 8px; padding-top: 1px; cursor: ns-resize; } .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9; } .note-editor.note-frame .note-placeholder { padding: 10px; } .note-popover.popover { max-width: none; } .note-popover.popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-popover.popover .arrow { left: 20px !important; } .note-popover .popover-content, .panel-heading.note-toolbar { padding: 0 0 5px 5px; margin: 0; } .note-popover .popover-content > .btn-group, .panel-heading.note-toolbar > .btn-group { margin-top: 5px; margin-right: 5px; margin-left: 0; } .note-popover .popover-content .btn-group .note-table, .panel-heading.note-toolbar .btn-group .note-table { min-width: 0; padding: 5px; } .note-popover .popover-content .btn-group .note-table .note-dimension-picker, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker { font-size: 18px; } .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute !important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative !important; z-index: 1; width: 5em; height: 5em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; } .note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted { position: absolute !important; z-index: 2; width: 1em; height: 1em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat; } .note-popover .popover-content .note-style h1, .panel-heading.note-toolbar .note-style h1, .note-popover .popover-content .note-style h2, .panel-heading.note-toolbar .note-style h2, .note-popover .popover-content .note-style h3, .panel-heading.note-toolbar .note-style h3, .note-popover .popover-content .note-style h4, .panel-heading.note-toolbar .note-style h4, .note-popover .popover-content .note-style h5, .panel-heading.note-toolbar .note-style h5, .note-popover .popover-content .note-style h6, .panel-heading.note-toolbar .note-style h6, .note-popover .popover-content .note-style blockquote, .panel-heading.note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover-content .note-color .dropdown-toggle, .panel-heading.note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px; } .note-popover .popover-content .note-color .dropdown-menu, .panel-heading.note-toolbar .note-color .dropdown-menu { min-width: 340px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { width: 100%; padding: 0 3px; margin: 3px; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row { height: 20px; } .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover, .panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-popover .popover-content .note-para .dropdown-menu, .panel-heading.note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-popover .popover-content .note-para .dropdown-menu > div:first-child, .panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child { margin-right: 5px; } .note-popover .popover-content .dropdown-menu, .panel-heading.note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover-content .dropdown-menu.right, .panel-heading.note-toolbar .dropdown-menu.right { right: 0; left: auto; } .note-popover .popover-content .dropdown-menu.right::before, .panel-heading.note-toolbar .dropdown-menu.right::before { right: 9px; left: auto !important; } .note-popover .popover-content .dropdown-menu.right::after, .panel-heading.note-toolbar .dropdown-menu.right::after { right: 10px; left: auto !important; } .note-popover .popover-content .dropdown-menu.note-check li a i, .panel-heading.note-toolbar .dropdown-menu.note-check li a i { color: deepskyblue; visibility: hidden; } .note-popover .popover-content .dropdown-menu.note-check li a.checked i, .panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i { visibility: visible; } .note-popover .popover-content .note-fontsize-10, .panel-heading.note-toolbar .note-fontsize-10 { font-size: 10px; } .note-popover .popover-content .note-color-palette, .panel-heading.note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover-content .note-color-palette div .note-color-btn, .panel-heading.note-toolbar .note-color-palette div .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff; } .note-popover .popover-content .note-color-palette div .note-color-btn:hover, .panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .note-dialog > div { display: none; } .note-dialog .form-group { margin-right: 0; margin-left: 0; } .note-dialog .note-modal-form { margin: 0; } .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: lightgray; text-align: center; border: 4px dashed lightgray; } @-moz-document url-prefix() { .note-image-input { height: auto; } } .note-placeholder { position: absolute; display: none; color: gray; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-handle .note-control-selection > div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: white; border: 1px solid black; } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-handle .note-control-selection .note-control-se.note-control-holder { cursor: default; border-top: 0; border-left: none; } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: white; background-color: black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } .note-hint-popover { min-width: 100px; padding: 2px; } .note-hint-popover .popover-content { max-height: 150px; padding: 3px; overflow: auto; } .note-hint-popover .popover-content .note-hint-group .note-hint-item { display: block !important; padding: 3px; } .note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover { display: block; clear: both; font-weight: 400; line-height: 1.4; color: white; text-decoration: none; white-space: nowrap; cursor: pointer; background-color: #428bca; outline: 0; } /* node_modules/primeicons/primeicons.css */ @font-face { font-family: "primeicons"; font-display: block; src: url("./media/primeicons-RSSEDYLY.eot"); src: url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"), url("./media/primeicons-4GST5W3O.woff2") format("woff2"), url("./media/primeicons-P53SE5CV.woff") format("woff"), url("./media/primeicons-GEFHGEHP.ttf") format("truetype"), url("./media/primeicons-DHQU4SEP.svg?#primeicons") format("svg"); font-weight: normal; font-style: normal; } .pi { font-family: "primeicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pi:before { --webkit-backface-visibility:hidden; backface-visibility: hidden; } .pi-fw { width: 1.28571429em; text-align: center; } .pi-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @media (prefers-reduced-motion: reduce) { .pi-spin { -webkit-animation-delay: -1ms; animation-delay: -1ms; -webkit-animation-duration: 1ms; animation-duration: 1ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .pi-folder-plus:before { content: "\ea05"; } .pi-receipt:before { content: "\ea06"; } .pi-asterisk:before { content: "\ea07"; } .pi-face-smile:before { content: "\ea08"; } .pi-pinterest:before { content: "\ea09"; } .pi-expand:before { content: "\ea0a"; } .pi-pen-to-square:before { content: "\ea0b"; } .pi-wave-pulse:before { content: "\ea0c"; } .pi-turkish-lira:before { content: "\ea0d"; } .pi-spinner-dotted:before { content: "\ea0e"; } .pi-crown:before { content: "\ea0f"; } .pi-pause-circle:before { content: "\ea10"; } .pi-warehouse:before { content: "\ea11"; } .pi-objects-column:before { content: "\ea12"; } .pi-clipboard:before { content: "\ea13"; } .pi-play-circle:before { content: "\ea14"; } .pi-venus:before { content: "\ea15"; } .pi-cart-minus:before { content: "\ea16"; } .pi-file-plus:before { content: "\ea17"; } .pi-microchip:before { content: "\ea18"; } .pi-twitch:before { content: "\ea19"; } .pi-building-columns:before { content: "\ea1a"; } .pi-file-check:before { content: "\ea1b"; } .pi-microchip-ai:before { content: "\ea1c"; } .pi-trophy:before { content: "\ea1d"; } .pi-barcode:before { content: "\ea1e"; } .pi-file-arrow-up:before { content: "\ea1f"; } .pi-mars:before { content: "\ea20"; } .pi-tiktok:before { content: "\ea21"; } .pi-arrow-up-right-and-arrow-down-left-from-center:before { content: "\ea22"; } .pi-ethereum:before { content: "\ea23"; } .pi-list-check:before { content: "\ea24"; } .pi-thumbtack:before { content: "\ea25"; } .pi-arrow-down-left-and-arrow-up-right-to-center:before { content: "\ea26"; } .pi-equals:before { content: "\ea27"; } .pi-lightbulb:before { content: "\ea28"; } .pi-star-half:before { content: "\ea29"; } .pi-address-book:before { content: "\ea2a"; } .pi-chart-scatter:before { content: "\ea2b"; } .pi-indian-rupee:before { content: "\ea2c"; } .pi-star-half-fill:before { content: "\ea2d"; } .pi-cart-arrow-down:before { content: "\ea2e"; } .pi-calendar-clock:before { content: "\ea2f"; } .pi-sort-up-fill:before { content: "\ea30"; } .pi-sparkles:before { content: "\ea31"; } .pi-bullseye:before { content: "\ea32"; } .pi-sort-down-fill:before { content: "\ea33"; } .pi-graduation-cap:before { content: "\ea34"; } .pi-hammer:before { content: "\ea35"; } .pi-bell-slash:before { content: "\ea36"; } .pi-gauge:before { content: "\ea37"; } .pi-shop:before { content: "\ea38"; } .pi-headphones:before { content: "\ea39"; } .pi-eraser:before { content: "\ea04"; } .pi-stopwatch:before { content: "\ea01"; } .pi-verified:before { content: "\ea02"; } .pi-delete-left:before { content: "\ea03"; } .pi-hourglass:before { content: "\e9fe"; } .pi-truck:before { content: "\ea00"; } .pi-wrench:before { content: "\e9ff"; } .pi-microphone:before { content: "\e9fa"; } .pi-megaphone:before { content: "\e9fb"; } .pi-arrow-right-arrow-left:before { content: "\e9fc"; } .pi-bitcoin:before { content: "\e9fd"; } .pi-file-edit:before { content: "\e9f6"; } .pi-language:before { content: "\e9f7"; } .pi-file-export:before { content: "\e9f8"; } .pi-file-import:before { content: "\e9f9"; } .pi-file-word:before { content: "\e9f1"; } .pi-gift:before { content: "\e9f2"; } .pi-cart-plus:before { content: "\e9f3"; } .pi-thumbs-down-fill:before { content: "\e9f4"; } .pi-thumbs-up-fill:before { content: "\e9f5"; } .pi-arrows-alt:before { content: "\e9f0"; } .pi-calculator:before { content: "\e9ef"; } .pi-sort-alt-slash:before { content: "\e9ee"; } .pi-arrows-h:before { content: "\e9ec"; } .pi-arrows-v:before { content: "\e9ed"; } .pi-pound:before { content: "\e9eb"; } .pi-prime:before { content: "\e9ea"; } .pi-chart-pie:before { content: "\e9e9"; } .pi-reddit:before { content: "\e9e8"; } .pi-code:before { content: "\e9e7"; } .pi-sync:before { content: "\e9e6"; } .pi-shopping-bag:before { content: "\e9e5"; } .pi-server:before { content: "\e9e4"; } .pi-database:before { content: "\e9e3"; } .pi-hashtag:before { content: "\e9e2"; } .pi-bookmark-fill:before { content: "\e9df"; } .pi-filter-fill:before { content: "\e9e0"; } .pi-heart-fill:before { content: "\e9e1"; } .pi-flag-fill:before { content: "\e9de"; } .pi-circle:before { content: "\e9dc"; } .pi-circle-fill:before { content: "\e9dd"; } .pi-bolt:before { content: "\e9db"; } .pi-history:before { content: "\e9da"; } .pi-box:before { content: "\e9d9"; } .pi-at:before { content: "\e9d8"; } .pi-arrow-up-right:before { content: "\e9d4"; } .pi-arrow-up-left:before { content: "\e9d5"; } .pi-arrow-down-left:before { content: "\e9d6"; } .pi-arrow-down-right:before { content: "\e9d7"; } .pi-telegram:before { content: "\e9d3"; } .pi-stop-circle:before { content: "\e9d2"; } .pi-stop:before { content: "\e9d1"; } .pi-whatsapp:before { content: "\e9d0"; } .pi-building:before { content: "\e9cf"; } .pi-qrcode:before { content: "\e9ce"; } .pi-car:before { content: "\e9cd"; } .pi-instagram:before { content: "\e9cc"; } .pi-linkedin:before { content: "\e9cb"; } .pi-send:before { content: "\e9ca"; } .pi-slack:before { content: "\e9c9"; } .pi-sun:before { content: "\e9c8"; } .pi-moon:before { content: "\e9c7"; } .pi-vimeo:before { content: "\e9c6"; } .pi-youtube:before { content: "\e9c5"; } .pi-flag:before { content: "\e9c4"; } .pi-wallet:before { content: "\e9c3"; } .pi-map:before { content: "\e9c2"; } .pi-link:before { content: "\e9c1"; } .pi-credit-card:before { content: "\e9bf"; } .pi-discord:before { content: "\e9c0"; } .pi-percentage:before { content: "\e9be"; } .pi-euro:before { content: "\e9bd"; } .pi-book:before { content: "\e9ba"; } .pi-shield:before { content: "\e9b9"; } .pi-paypal:before { content: "\e9bb"; } .pi-amazon:before { content: "\e9bc"; } .pi-phone:before { content: "\e9b8"; } .pi-filter-slash:before { content: "\e9b7"; } .pi-facebook:before { content: "\e9b4"; } .pi-github:before { content: "\e9b5"; } .pi-twitter:before { content: "\e9b6"; } .pi-step-backward-alt:before { content: "\e9ac"; } .pi-step-forward-alt:before { content: "\e9ad"; } .pi-forward:before { content: "\e9ae"; } .pi-backward:before { content: "\e9af"; } .pi-fast-backward:before { content: "\e9b0"; } .pi-fast-forward:before { content: "\e9b1"; } .pi-pause:before { content: "\e9b2"; } .pi-play:before { content: "\e9b3"; } .pi-compass:before { content: "\e9ab"; } .pi-id-card:before { content: "\e9aa"; } .pi-ticket:before { content: "\e9a9"; } .pi-file-o:before { content: "\e9a8"; } .pi-reply:before { content: "\e9a7"; } .pi-directions-alt:before { content: "\e9a5"; } .pi-directions:before { content: "\e9a6"; } .pi-thumbs-up:before { content: "\e9a3"; } .pi-thumbs-down:before { content: "\e9a4"; } .pi-sort-numeric-down-alt:before { content: "\e996"; } .pi-sort-numeric-up-alt:before { content: "\e997"; } .pi-sort-alpha-down-alt:before { content: "\e998"; } .pi-sort-alpha-up-alt:before { content: "\e999"; } .pi-sort-numeric-down:before { content: "\e99a"; } .pi-sort-numeric-up:before { content: "\e99b"; } .pi-sort-alpha-down:before { content: "\e99c"; } .pi-sort-alpha-up:before { content: "\e99d"; } .pi-sort-alt:before { content: "\e99e"; } .pi-sort-amount-up:before { content: "\e99f"; } .pi-sort-amount-down:before { content: "\e9a0"; } .pi-sort-amount-down-alt:before { content: "\e9a1"; } .pi-sort-amount-up-alt:before { content: "\e9a2"; } .pi-palette:before { content: "\e995"; } .pi-undo:before { content: "\e994"; } .pi-desktop:before { content: "\e993"; } .pi-sliders-v:before { content: "\e991"; } .pi-sliders-h:before { content: "\e992"; } .pi-search-plus:before { content: "\e98f"; } .pi-search-minus:before { content: "\e990"; } .pi-file-excel:before { content: "\e98e"; } .pi-file-pdf:before { content: "\e98d"; } .pi-check-square:before { content: "\e98c"; } .pi-chart-line:before { content: "\e98b"; } .pi-user-edit:before { content: "\e98a"; } .pi-exclamation-circle:before { content: "\e989"; } .pi-android:before { content: "\e985"; } .pi-google:before { content: "\e986"; } .pi-apple:before { content: "\e987"; } .pi-microsoft:before { content: "\e988"; } .pi-heart:before { content: "\e984"; } .pi-mobile:before { content: "\e982"; } .pi-tablet:before { content: "\e983"; } .pi-key:before { content: "\e981"; } .pi-shopping-cart:before { content: "\e980"; } .pi-comments:before { content: "\e97e"; } .pi-comment:before { content: "\e97f"; } .pi-briefcase:before { content: "\e97d"; } .pi-bell:before { content: "\e97c"; } .pi-paperclip:before { content: "\e97b"; } .pi-share-alt:before { content: "\e97a"; } .pi-envelope:before { content: "\e979"; } .pi-volume-down:before { content: "\e976"; } .pi-volume-up:before { content: "\e977"; } .pi-volume-off:before { content: "\e978"; } .pi-eject:before { content: "\e975"; } .pi-money-bill:before { content: "\e974"; } .pi-images:before { content: "\e973"; } .pi-image:before { content: "\e972"; } .pi-sign-in:before { content: "\e970"; } .pi-sign-out:before { content: "\e971"; } .pi-wifi:before { content: "\e96f"; } .pi-sitemap:before { content: "\e96e"; } .pi-chart-bar:before { content: "\e96d"; } .pi-camera:before { content: "\e96c"; } .pi-dollar:before { content: "\e96b"; } .pi-lock-open:before { content: "\e96a"; } .pi-table:before { content: "\e969"; } .pi-map-marker:before { content: "\e968"; } .pi-list:before { content: "\e967"; } .pi-eye-slash:before { content: "\e965"; } .pi-eye:before { content: "\e966"; } .pi-folder-open:before { content: "\e964"; } .pi-folder:before { content: "\e963"; } .pi-video:before { content: "\e962"; } .pi-inbox:before { content: "\e961"; } .pi-lock:before { content: "\e95f"; } .pi-unlock:before { content: "\e960"; } .pi-tags:before { content: "\e95d"; } .pi-tag:before { content: "\e95e"; } .pi-power-off:before { content: "\e95c"; } .pi-save:before { content: "\e95b"; } .pi-question-circle:before { content: "\e959"; } .pi-question:before { content: "\e95a"; } .pi-copy:before { content: "\e957"; } .pi-file:before { content: "\e958"; } .pi-clone:before { content: "\e955"; } .pi-calendar-times:before { content: "\e952"; } .pi-calendar-minus:before { content: "\e953"; } .pi-calendar-plus:before { content: "\e954"; } .pi-ellipsis-v:before { content: "\e950"; } .pi-ellipsis-h:before { content: "\e951"; } .pi-bookmark:before { content: "\e94e"; } .pi-globe:before { content: "\e94f"; } .pi-replay:before { content: "\e94d"; } .pi-filter:before { content: "\e94c"; } .pi-print:before { content: "\e94b"; } .pi-align-right:before { content: "\e946"; } .pi-align-left:before { content: "\e947"; } .pi-align-center:before { content: "\e948"; } .pi-align-justify:before { content: "\e949"; } .pi-cog:before { content: "\e94a"; } .pi-cloud-download:before { content: "\e943"; } .pi-cloud-upload:before { content: "\e944"; } .pi-cloud:before { content: "\e945"; } .pi-pencil:before { content: "\e942"; } .pi-users:before { content: "\e941"; } .pi-clock:before { content: "\e940"; } .pi-user-minus:before { content: "\e93e"; } .pi-user-plus:before { content: "\e93f"; } .pi-trash:before { content: "\e93d"; } .pi-external-link:before { content: "\e93c"; } .pi-window-maximize:before { content: "\e93b"; } .pi-window-minimize:before { content: "\e93a"; } .pi-refresh:before { content: "\e938"; } .pi-user:before { content: "\e939"; } .pi-exclamation-triangle:before { content: "\e922"; } .pi-calendar:before { content: "\e927"; } .pi-chevron-circle-left:before { content: "\e928"; } .pi-chevron-circle-down:before { content: "\e929"; } .pi-chevron-circle-right:before { content: "\e92a"; } .pi-chevron-circle-up:before { content: "\e92b"; } .pi-angle-double-down:before { content: "\e92c"; } .pi-angle-double-left:before { content: "\e92d"; } .pi-angle-double-right:before { content: "\e92e"; } .pi-angle-double-up:before { content: "\e92f"; } .pi-angle-down:before { content: "\e930"; } .pi-angle-left:before { content: "\e931"; } .pi-angle-right:before { content: "\e932"; } .pi-angle-up:before { content: "\e933"; } .pi-upload:before { content: "\e934"; } .pi-download:before { content: "\e956"; } .pi-ban:before { content: "\e935"; } .pi-star-fill:before { content: "\e936"; } .pi-star:before { content: "\e937"; } .pi-chevron-left:before { content: "\e900"; } .pi-chevron-right:before { content: "\e901"; } .pi-chevron-down:before { content: "\e902"; } .pi-chevron-up:before { content: "\e903"; } .pi-caret-left:before { content: "\e904"; } .pi-caret-right:before { content: "\e905"; } .pi-caret-down:before { content: "\e906"; } .pi-caret-up:before { content: "\e907"; } .pi-search:before { content: "\e908"; } .pi-check:before { content: "\e909"; } .pi-check-circle:before { content: "\e90a"; } .pi-times:before { content: "\e90b"; } .pi-times-circle:before { content: "\e90c"; } .pi-plus:before { content: "\e90d"; } .pi-plus-circle:before { content: "\e90e"; } .pi-minus:before { content: "\e90f"; } .pi-minus-circle:before { content: "\e910"; } .pi-circle-on:before { content: "\e911"; } .pi-circle-off:before { content: "\e912"; } .pi-sort-down:before { content: "\e913"; } .pi-sort-up:before { content: "\e914"; } .pi-sort:before { content: "\e915"; } .pi-step-backward:before { content: "\e916"; } .pi-step-forward:before { content: "\e917"; } .pi-th-large:before { content: "\e918"; } .pi-arrow-down:before { content: "\e919"; } .pi-arrow-left:before { content: "\e91a"; } .pi-arrow-right:before { content: "\e91b"; } .pi-arrow-up:before { content: "\e91c"; } .pi-bars:before { content: "\e91d"; } .pi-arrow-circle-down:before { content: "\e91e"; } .pi-arrow-circle-left:before { content: "\e91f"; } .pi-arrow-circle-right:before { content: "\e920"; } .pi-arrow-circle-up:before { content: "\e921"; } .pi-info:before { content: "\e923"; } .pi-info-circle:before { content: "\e924"; } .pi-home:before { content: "\e925"; } .pi-spinner:before { content: "\e926"; } /* node_modules/primeng/resources/primeng.min.css */ .p-overflow-hidden { overflow: hidden; padding-right: var(--scrollbar-width); } @layer primeng { .p-component, .p-component * { box-sizing: border-box; } .p-hidden { display: none; } .p-hidden-space { visibility: hidden; } .p-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .p-hidden-accessible input, .p-hidden-accessible select { transform: scale(0); } .p-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .p-disabled, .p-disabled * { cursor: default !important; pointer-events: none; } .p-component-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .p-unselectable-text { -webkit-user-select: none; user-select: none; } .p-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } @-webkit-keyframes p-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes p-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } input[type=button], input[type=submit], input[type=reset], input[type=file]::-webkit-file-upload-button, button { border-radius: 0; } .p-link { text-align: left; background-color: transparent; margin: 0; padding: 0; border: 0; cursor: pointer; -webkit-user-select: none; user-select: none; } .p-link:disabled { cursor: default; } .p-sr-only { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .p-connected-overlay { opacity: 0; transform: scaleY(0.8); transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1); } .p-connected-overlay-visible { opacity: 1; transform: scaleY(1); } .p-connected-overlay-hidden { opacity: 0; transform: scaleY(1); transition: opacity .1s linear; } .p-toggleable-content.ng-animating { overflow: hidden; } .p-icon-wrapper { display: inline-flex; } .p-icon { display: inline-block; } .p-icon-spin { -webkit-animation: p-icon-spin 2s infinite linear; animation: p-icon-spin 2s infinite linear; } } @-webkit-keyframes p-icon-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes p-icon-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @layer primeng { .p-badge { display: inline-block; border-radius: 10px; text-align: center; padding: 0 .5rem; } .p-overlay-badge { position: relative; } .p-overlay-badge .p-badge { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); transform-origin: 100% 0; margin: 0; } .p-badge-dot { width: .5rem; min-width: .5rem; height: .5rem; border-radius: 50%; padding: 0; } .p-badge-no-gutter { padding: 0; border-radius: 50%; } } @layer primeng { .p-button { margin: 0; display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none; align-items: center; vertical-align: bottom; text-align: center; overflow: hidden; position: relative; } .p-button-label { flex: 1 1 auto; } .p-button-icon-right { order: 1; } .p-button:disabled { cursor: default; pointer-events: none; } .p-button-icon-only { justify-content: center; } .p-button-icon-only:after { content: "p"; visibility: hidden; clip: rect(0 0 0 0); width: 0; } .p-button-vertical { flex-direction: column; } .p-button-icon-bottom { order: 2; } .p-buttonset .p-button { margin: 0; } .p-buttonset .p-button:not(:last-child) { border-right: 0 none; } .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) { border-radius: 0; } .p-buttonset .p-button:first-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-buttonset .p-button:last-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-buttonset .p-button:focus { position: relative; z-index: 1; } p-button[iconpos=right] spinnericon { order: 1; } } @layer primeng { .p-checkbox { display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none; vertical-align: bottom; position: relative; } .p-checkbox-disabled { cursor: default !important; pointer-events: none; } .p-checkbox-box { display: flex; justify-content: center; align-items: center; } p-checkbox { display: inline-flex; vertical-align: bottom; align-items: center; } .p-checkbox-label { line-height: 1; } } .p-colorpicker-panel .p-colorpicker-color { background: transparent url("./media/color-3LUHUBGQ.png") no-repeat left top; } .p-colorpicker-panel .p-colorpicker-hue { background: transparent url("./media/hue-RMMBQOAC.png") no-repeat left top; } @layer primeng { .p-inputtext { margin: 0; } .p-fluid .p-inputtext { width: 100%; } .p-inputgroup { display: flex; align-items: stretch; width: 100%; } .p-inputgroup-addon { display: flex; align-items: center; justify-content: center; } .p-inputgroup .p-float-label { display: flex; align-items: stretch; width: 100%; } .p-inputgroup .p-inputtext, .p-fluid .p-inputgroup .p-inputtext, .p-inputgroup .p-inputwrapper, .p-inputgroup .p-inputwrapper > .p-component { flex: 1 1 auto; width: 1%; } .p-float-label { display: block; position: relative; } .p-float-label label { position: absolute; pointer-events: none; top: 50%; margin-top: -0.5rem; transition-property: all; transition-timing-function: ease; line-height: 1; } .p-float-label textarea ~ label { top: 1rem; } .p-float-label input:focus ~ label, .p-float-label input.p-filled ~ label, .p-float-label textarea:focus ~ label, .p-float-label textarea.p-filled ~ label, .p-float-label .p-inputwrapper-focus ~ label, .p-float-label .p-inputwrapper-filled ~ label { top: -0.75rem; font-size: 12px; } .p-float-label .input:-webkit-autofill ~ label { top: -20px; font-size: 12px; } .p-float-label .p-placeholder, .p-float-label input::placeholder, .p-float-label .p-inputtext::placeholder { opacity: 0; transition-property: all; transition-timing-function: ease; } .p-float-label .p-focus .p-placeholder, .p-float-label input:focus::placeholder, .p-float-label .p-inputtext:focus::placeholder { opacity: 1; transition-property: all; transition-timing-function: ease; } .p-input-icon-left, .p-input-icon-right { position: relative; display: inline-block; } .p-input-icon-left > i, .p-input-icon-left > .p-icon-wrapper, .p-input-icon-right > i, .p-input-icon-right > .p-icon-wrapper { position: absolute; top: 50%; margin-top: -0.5rem; } .p-fluid .p-input-icon-left, .p-fluid .p-input-icon-right { display: block; width: 100%; } } @layer primeng { .p-inputtextarea-resizable { overflow: hidden; resize: none; } .p-fluid .p-inputtextarea { width: 100%; } } @layer primeng { .p-password { position: relative; display: inline-flex; } .p-password-panel { position: absolute; top: 0; left: 0; } .p-password .p-password-panel { min-width: 100%; } .p-password-meter { height: 10px; } .p-password-strength { height: 100%; width: 0; transition: width 1s ease-in-out; } .p-fluid .p-password { display: flex; } .p-password-input::-ms-reveal, .p-password-input::-ms-clear { display: none; } .p-password-clear-icon { position: absolute; top: 50%; margin-top: -0.5rem; cursor: pointer; } .p-password-clearable.p-password-mask .p-password-clear-icon { margin-top: unset; } .p-password-clearable { position: relative; } } @layer primeng { .p-radiobutton { display: inline-flex; cursor: pointer; -webkit-user-select: none; user-select: none; vertical-align: bottom; position: relative; } .p-radiobutton-box { display: flex; justify-content: center; align-items: center; } .p-radiobutton-icon { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0) scale(0.1); border-radius: 50%; visibility: hidden; } .p-radiobutton-box.p-highlight .p-radiobutton-icon { transform: translateZ(0) scale(1, 1); visibility: visible; } p-radiobutton { display: inline-flex; vertical-align: bottom; align-items: center; } .p-radiobutton-label { line-height: 1; } } @layer primeng { .p-ripple { overflow: hidden; position: relative; } .p-ink { display: block; position: absolute; background: rgba(255, 255, 255, 0.5); border-radius: 100%; transform: scale(0); } .p-ink-active { animation: ripple .4s linear; } .p-ripple-disabled .p-ink { display: none !important; } } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } @layer primeng { .p-tooltip { position: absolute; display: none; padding: .25em .5rem; max-width: 12.5rem; pointer-events: none; } .p-tooltip.p-tooltip-right, .p-tooltip.p-tooltip-left { padding: 0 .25rem; } .p-tooltip.p-tooltip-top, .p-tooltip.p-tooltip-bottom { padding: .25em 0; } .p-tooltip .p-tooltip-text { white-space: pre-line; word-break: break-word; } .p-tooltip-arrow { scale: 2; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .p-tooltip-right .p-tooltip-arrow { top: 50%; left: 0; margin-top: -0.25rem; border-width: .25em .25em .25em 0; } .p-tooltip-left .p-tooltip-arrow { top: 50%; right: 0; margin-top: -0.25rem; border-width: .25em 0 .25em .25rem; } .p-tooltip.p-tooltip-top { padding: .25em 0; } .p-tooltip-top .p-tooltip-arrow { bottom: 0; left: 50%; margin-left: -0.25rem; border-width: .25em .25em 0; } .p-tooltip-bottom .p-tooltip-arrow { top: 0; left: 50%; margin-left: -0.25rem; border-width: 0 .25em .25rem; } } /* src/assets/scss/primeng-theme/hive-theme/theme.scss */ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f8f9fa; --surface-c: #e9ecef; --surface-d: #dee2e6; --surface-e: #ffffff; --surface-f: #ffffff; --text-color: #495057; --text-color-secondary: #6c757d; --primary-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); --primary-color-text: #fff; --surface-0: #ffffff; --surface-50: #fafafa; --surface-100: #f5f5f5; --surface-200: #eeeeee; --surface-300: #e0e0e0; --surface-400: #bdbdbd; --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #eeeeee; --gray-300: #e0e0e0; --gray-400: #bdbdbd; --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding: 1rem; --inline-spacing: 0.5rem; --border-radius: 3px; --surface-ground: #f8f9fa; --surface-section: #ffffff; --surface-card: #ffffff; --surface-overlay: #ffffff; --surface-border: #dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #E3F2FD; --highlight-text-color: #495057; --focus-ring: 0 0 0 0.2rem hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + 60%)); color-scheme: light; } :root { font-family: var(--fontFamily, "Open Sans"), sans-serif; --font-family: $fontFamily; } body.font-roboto { line-height: 1.35; } .font-roboto .p-button.p-button-helptext .p-button-label { padding-bottom: 0; } .font-roboto .cfv2 .p-field-label, .font-roboto .grid-selector .gs-result { line-height: 1.35; } :root { --blue-50:rgb(243.2, 250.3, 252.95); --blue-100:rgb(198.36, 232.44, 245.16); --blue-200:rgb(153.52, 214.58, 237.37); --blue-300:rgb(108.68, 196.72, 229.58); --blue-400:rgb(63.84, 178.86, 221.79); --blue-500:#13a1d6; --blue-600:rgb(16.15, 136.85, 181.9); --blue-700:rgb(13.3, 112.7, 149.8); --blue-800:rgb(10.45, 88.55, 117.7); --blue-900:rgb(7.6, 64.4, 85.6); --green-50:rgb(245, 252.75, 248.75); --green-100:rgb(207, 244.2, 225); --green-200:rgb(169, 235.65, 201.25); --green-300:rgb(131, 227.1, 177.5); --green-400:rgb(93, 218.55, 153.75); --green-500:#37d282; --green-600:rgb(46.75, 178.5, 110.5); --green-700:rgb(38.5, 147, 91); --green-800:rgb(30.25, 115.5, 71.5); --green-900:#165434; --yellow-50:rgb(255, 253.6, 248); --yellow-100:rgb(255, 248.28, 221.4); --yellow-200:rgb(255, 242.96, 194.8); --yellow-300:rgb(255, 237.64, 168.2); --yellow-400:rgb(255, 232.32, 141.6); --yellow-500:#ffe373; --yellow-600:rgb(216.75, 192.95, 97.75); --yellow-700:rgb(178.5, 158.9, 80.5); --yellow-800:rgb(140.25, 124.85, 63.25); --yellow-900:rgb(102, 90.8, 46); --cyan-50:rgb(242.25, 251.65, 252.85); --cyan-100:rgb(193.8, 238.92, 244.68); --cyan-200:rgb(145.35, 226.19, 236.51); --cyan-300:rgb(96.9, 213.46, 228.34); --cyan-400:rgb(48.45, 200.73, 220.17); --cyan-500:#00bcd4; --cyan-600:rgb(0, 159.8, 180.2); --cyan-700:rgb(0, 131.6, 148.4); --cyan-800:rgb(0, 103.4, 116.6); --cyan-900:rgb(0, 75.2, 84.8); --pink-50:rgb(253.9, 243.75, 247.2); --pink-100:rgb(249.72, 201, 217.56); --pink-200:rgb(245.54, 158.25, 187.92); --pink-300:rgb(241.36, 115.5, 158.28); --pink-400:rgb(237.18, 72.75, 128.64); --pink-500:#e91e63; --pink-600:rgb(198.05, 25.5, 84.15); --pink-700:rgb(163.1, 21, 69.3); --pink-800:rgb(128.15, 16.5, 54.45); --pink-900:rgb(93.2, 12, 39.6); --indigo-50:rgb(245.4, 246.3, 251.3); --indigo-100:rgb(208.92, 213.24, 237.24); --indigo-200:rgb(172.44, 180.18, 223.18); --indigo-300:rgb(135.96, 147.12, 209.12); --indigo-400:rgb(99.48, 114.06, 195.06); --indigo-500:#3f51b5; --indigo-600:rgb(53.55, 68.85, 153.85); --indigo-700:rgb(44.1, 56.7, 126.7); --indigo-800:rgb(34.65, 44.55, 99.55); --indigo-900:rgb(25.2, 32.4, 72.4); --teal-50:rgb(242.25, 249.75, 249.05); --teal-100:rgb(193.8, 229.8, 226.44); --teal-200:rgb(145.35, 209.85, 203.83); --teal-300:rgb(96.9, 189.9, 181.22); --teal-400:rgb(48.45, 169.95, 158.61); --teal-500:#009688; --teal-600:rgb(0, 127.5, 115.6); --teal-700:rgb(0, 105, 95.2); --teal-800:rgb(0, 82.5, 74.8); --teal-900:rgb(0, 60, 54.4); --orange-50:rgb(254.5, 248.45, 242.25); --orange-100:rgb(252.6, 223.56, 193.8); --orange-200:rgb(250.7, 198.67, 145.35); --orange-300:rgb(248.8, 173.78, 96.9); --orange-400:rgb(246.9, 148.89, 48.45); --orange-500:#f57c00; --orange-600:rgb(208.25, 105.4, 0); --orange-700:rgb(171.5, 86.8, 0); --orange-800:rgb(134.75, 68.2, 0); --orange-900:rgb(98, 49.6, 0); --bluegray-50:rgb(245.85, 246.75, 247.55); --bluegray-100:rgb(211.08, 215.4, 219.24); --bluegray-200:rgb(176.31, 184.05, 190.93); --bluegray-300:rgb(141.54, 152.7, 162.62); --bluegray-400:rgb(106.77, 121.35, 134.31); --bluegray-500:#485a6a; --bluegray-600:rgb(61.2, 76.5, 90.1); --bluegray-700:rgb(50.4, 63, 74.2); --bluegray-800:rgb(39.6, 49.5, 58.3); --bluegray-900:rgb(28.8, 36, 42.4); --purple-50:rgb(250.05, 244.2, 251.05); --purple-100:rgb(231.24, 203.16, 236.04); --purple-200:rgb(212.43, 162.12, 221.03); --purple-300:rgb(193.62, 121.08, 206.02); --purple-400:rgb(174.81, 80.04, 191.01); --purple-500:#9c27b0; --purple-600:rgb(132.6, 33.15, 149.6); --purple-700:rgb(109.2, 27.3, 123.2); --purple-800:rgb(85.8, 21.45, 96.8); --purple-900:rgb(62.4, 15.6, 70.4); --red-50:rgb(255, 243.75, 243.75); --red-100:#ffc9c9; --red-200:rgb(255, 158.25, 158.25); --red-300:rgb(255, 115.5, 115.5); --red-400:rgb(255, 72.75, 72.75); --red-500:#ff1e1e; --red-600:rgb(216.75, 25.5, 25.5); --red-700:rgb(178.5, 21, 21); --red-800:rgb(140.25, 16.5, 16.5); --red-900:#660c0c; --primary-50:rgb(243.2, 250.3, 252.95); --primary-100:rgb(198.36, 232.44, 245.16); --primary-200:rgb(153.52, 214.58, 237.37); --primary-300:rgb(108.68, 196.72, 229.58); --primary-400:rgb(63.84, 178.86, 221.79); --primary-500:#13a1d6; --primary-600:rgb(16.15, 136.85, 181.9); --primary-700:rgb(13.3, 112.7, 149.8); --primary-800:rgb(10.45, 88.55, 117.7); --primary-900:rgb(7.6, 64.4, 85.6); } .p-editor-container .p-editor-toolbar { background: #f8f9fa; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); border-radius: 4px; padding: 0.5rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #1E2329; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #1E2329; background: rgba(231, 235, 236, 0.5); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.5rem 1rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-content .ql-editor { background: #fff; color: #1E2329; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #495057; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } * { box-sizing: border-box; } .p-component { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 0.875rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #F55858; } .p-text-secondary { color: #6c757d; } .pi { font-size: 1rem; } .p-icon { width: 1rem; height: 1rem; } .p-link { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 0.875rem; border-radius: 4px; } .p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.25rem 0.5rem; gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #1E2329; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; background: #F3F4F5; color: #485A6A; border-radius: 4px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { background: #ced4da; color: #495057; } .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #F55858; } .p-autocomplete-panel { background: #ffffff; color: #1E2329; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.5rem 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { padding: 0.5rem 1rem; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #1E2329; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #E3F2FD; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { background: #E3F2FD; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { color: #1E2329; background: rgba(231, 235, 236, 0.5); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; color: #1E2329; background: transparent; font-weight: bold; } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #F55858; } p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { color: #6c757d; right: 0.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 2.857rem; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #F55858; } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-datepicker { padding: 0.5rem; background: #ffffff; color: #1E2329; border: 1px solid #ced4da; border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { background: #fff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #fff; } .p-datepicker .p-datepicker-header { padding: 0.5rem 0 0; color: #1E2329; background: #ffffff; font-weight: bold; margin: 0; border-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #1E2329; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: bold; padding: 0.5rem 1px; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 0.875rem; margin: 0.5rem 0; } .p-datepicker table th { padding: 0.5rem 1px; } .p-datepicker table th > span { width: 2.3rem; height: 2.3rem; } .p-datepicker table td { padding: 1px; } .p-datepicker table td > span { width: 2.3rem; height: 2.3rem; border-radius: 0; transition: box-shadow 0.2s; border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-datepicker table td.p-datepicker-today > span { background: #FFF2A7; color: #1E2329; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker .p-datepicker-buttonbar { padding: 0.25rem 0; border-top: 1px solid #dee2e6; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #dee2e6; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1.25rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 1px; transition: box-shadow 0.2s; border-radius: 4px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 1px; transition: box-shadow 0.2s; border-radius: 4px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #F3F4F5; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #F3F4F5; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #F3F4F5; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: none; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { color: #6c757d; right: 0.5rem; } p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 2.857rem; } @media screen and (max-width: 0) { .p-datepicker table th, .p-datepicker table td { padding: 0; } } .p-cascadeselect { background: #fff; border: 1px solid #C7CDD2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-cascadeselect:not(.p-disabled):hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.5rem 0.5rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: rgba(72, 90, 106, 0.8); } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-cascadeselect.p-invalid.p-component { border-color: #F55858; } .p-cascadeselect-panel { background: #ffffff; color: #1E2329; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.5rem 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #1E2329; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #E3F2FD; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { background: #E3F2FD; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #1E2329; background: rgba(231, 235, 236, 0.5); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } .p-input-filled .p-cascadeselect { background: #fff; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #fff; } p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #F55858; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { color: #6c757d; right: 2.357rem; } .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; padding: 0.25rem 0 0.25rem 0.5rem; } .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } .p-checkbox { width: 1.5rem; height: 1.5rem; } .p-checkbox .p-checkbox-box { border: 1px solid #C7CDD2; background: #fff; width: 1.5rem; height: 1.5rem; color: #1E2329; border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #fff; font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { width: 14px; height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); color: #fff; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #F55858; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #fff; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f8f9fa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .p-checkbox-label { margin-left: 0.5rem; } p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #F55858; } .p-chips:not(.p-disabled):hover .p-chips-multiple-container { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #F3F4F5; color: #485A6A; border-radius: 4px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { background: #ced4da; color: #495057; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #1E2329; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #F55858; } p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } p-chips.p-chips-clearable .p-chips-clear-icon { color: #6c757d; right: 0.5rem; } .p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); } .p-dropdown { background: #fff; border: 1px solid #C7CDD2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-dropdown:not(.p-disabled):hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: rgba(72, 90, 106, 0.8); } .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-dropdown .p-dropdown-clear-icon { color: #6c757d; right: 2.357rem; } .p-dropdown.p-invalid.p-component { border-color: #F55858; } .p-dropdown-panel { background: #ffffff; color: #1E2329; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); } .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #1E2329; background: #f8f9fa; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.5rem; margin-right: -1.5rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.5rem; color: #6c757d; } .p-dropdown-panel .p-dropdown-items { padding: 0.5rem 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #1E2329; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; background: #E3F2FD; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { background: #E3F2FD; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #1E2329; background: rgba(231, 235, 236, 0.5); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; color: #1E2329; background: transparent; font-weight: bold; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.5rem 1rem; color: #1E2329; background: transparent; } .p-input-filled .p-dropdown { background: #fff; } .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #fff; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #F55858; } .p-inputgroup-addon { background: transparent; color: rgba(72, 90, 106, 0.3); border-top: 1px solid #C7CDD2; border-left: 1px solid #C7CDD2; border-bottom: 1px solid #C7CDD2; padding: 0.5rem 0.5rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #C7CDD2; } .p-inputgroup > .p-component, .p-inputgroup > .p-inputwrapper > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-inputwrapper > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #F55858; } p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { color: #6c757d; right: 0.5rem; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #F55858; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { color: #6c757d; right: 0.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } .p-inputswitch { width: 2.4rem; height: 1.1rem; } .p-inputswitch .p-inputswitch-slider { background: #C7CDD2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { background: #fff; width: 1.3rem; height: 1.3rem; left: 0; margin-top: -0.65rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.3rem); } .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: rgb(142.4455445545, 154.504950495, 164.5544554455); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.35); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.55); } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { border-color: #F55858; } .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; color: #1E2329; background: #fff; padding: 0.5rem 0.5rem; border: 1px solid #C7CDD2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 4px; } .p-inputtext:enabled:hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-inputtext.ng-dirty.ng-invalid { border-color: #F55858; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.625rem 0.625rem; } .p-float-label > label { left: 0.5rem; color: rgba(72, 90, 106, 0.8); transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { color: #F55858; } .p-input-icon-left > .p-icon-wrapper.p-icon, .p-input-icon-left > i:first-of-type { left: 0.5rem; color: #6c757d; } .p-input-icon-left > .p-inputtext { padding-left: 2rem; } .p-input-icon-left.p-float-label > label { left: 2rem; } .p-input-icon-right > .p-icon-wrapper, .p-input-icon-right > i:last-of-type { right: 0.5rem; color: #6c757d; } .p-input-icon-right > .p-inputtext { padding-right: 2rem; } ::-webkit-input-placeholder { color: rgba(72, 90, 106, 0.8); } :-moz-placeholder { color: rgba(72, 90, 106, 0.8); } ::-moz-placeholder { color: rgba(72, 90, 106, 0.8); } :-ms-input-placeholder { color: rgba(72, 90, 106, 0.8); } .p-input-filled .p-inputtext { background-color: #fff; } .p-input-filled .p-inputtext:enabled:hover { background-color: #f8f9fa; } .p-input-filled .p-inputtext:enabled:focus { background-color: #fff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } .p-listbox { background: #ffffff; color: #1E2329; border: 1px solid #C7CDD2; border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #1E2329; background: #fff; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.5rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.5rem; color: #6c757d; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.5rem 0; outline: 0 none; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #1E2329; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; background: #E3F2FD; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1rem; color: #1E2329; background: transparent; font-weight: bold; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.5rem 1rem; color: #1E2329; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { background: #E3F2FD; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #1E2329; background: rgba(231, 235, 236, 0.5); } .p-listbox.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #F55858; } .p-multiselect { background: #fff; border: 1px solid #C7CDD2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-multiselect:not(.p-disabled):hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: rgba(72, 90, 106, 0.8); } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #F3F4F5; color: #485A6A; border-radius: 4px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } .p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } .p-multiselect-clearable .p-multiselect-clear-icon { color: #6c757d; right: 2.357rem; } .p-multiselect-panel { background: #ffffff; color: #1E2329; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); } .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #1E2329; background: #f8f9fa; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.5rem; color: #6c757d; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-multiselect-panel .p-multiselect-items { padding: 0.5rem 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #1E2329; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; background: #E3F2FD; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { background: #E3F2FD; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { color: #495057; background: #dee2e6; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #1E2329; background: rgba(231, 235, 236, 0.5); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1rem; color: #1E2329; background: transparent; font-weight: bold; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.5rem 1rem; color: #1E2329; background: transparent; } .p-input-filled .p-multiselect { background: #fff; } .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #fff; } p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #F55858; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #F55858; } .p-password-panel { padding: 1rem; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); border-radius: 4px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } p-password.p-password-clearable .p-password-input { padding-right: 2rem; } p-password.p-password-clearable .p-password-clear-icon { color: #6c757d; right: 0.5rem; } p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { color: #6c757d; right: 2rem; } .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { border: 1px solid #C7CDD2; background: #fff; width: 20px; height: 20px; color: #1E2329; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #C7CDD2; background: #fff; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); background: #fff; color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #F55858; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #fff; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #fff; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #fff; } .p-radiobutton-label { margin-left: 0.5rem; } .p-rating { gap: 0.5rem; } .p-rating .p-rating-item .p-rating-icon { color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-icon { width: 1.143rem; height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { color: #e74c3c; } .p-rating .p-rating-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button.p-highlight { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #fff; } .p-selectbutton .p-button.p-highlight:hover { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); color: #fff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #fff; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #F55858; } .p-slider { background: #dee2e6; border: 0 none; border-radius: 4px; } .p-slider.p-slider-horizontal { height: 0.286rem; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -0.5715rem; margin-left: -0.5715rem; } .p-slider.p-slider-vertical { width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -0.5715rem; margin-bottom: -0.5715rem; } .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; background: #ffffff; border: 2px solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-slider .p-slider-range { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { transition: width 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button.p-highlight { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #fff; } .p-togglebutton.p-button.p-highlight:hover { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); color: #fff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #fff; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #F55858; } .p-treeselect { background: #fff; border: 1px solid #C7CDD2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-treeselect:not(.p-disabled):hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-treeselect .p-treeselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: rgba(72, 90, 106, 0.8); } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #F3F4F5; color: #485A6A; border-radius: 4px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #F55858; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } .p-treeselect-panel { background: #ffffff; color: #1E2329; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); } .p-treeselect-panel .p-treeselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #1E2329; background: #f8f9fa; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { margin-right: 0.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { padding-right: 1.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.5rem; color: #6c757d; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { right: 2rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.5rem 1rem; color: #1E2329; background: transparent; } .p-input-filled .p-treeselect { background: #fff; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #fff; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { color: #6c757d; right: 2.357rem; } .p-button { color: #fff; background: #13A1D6; border: 1px solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); padding: 0.5rem 1rem; font-size: 0.875rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-button:not(:disabled):hover { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); color: #fff; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .p-button:not(:disabled):active { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); color: #fff; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .p-button.p-button-outlined { background-color: transparent; color: #13A1D6; border: 0; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(19, 161, 214, 0.04); color: #13A1D6; border: 0; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(19, 161, 214, 0.16); color: #13A1D6; border: 0; } .p-button.p-button-outlined.p-button-plain { color: #6c757d; border-color: #6c757d; } .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } .p-button.p-button-text { background-color: transparent; color: #13A1D6; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(19, 161, 214, 0.04); color: #13A1D6; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(19, 161, 214, 0.16); color: #13A1D6; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #6c757d; } .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #dee2e6; color: #6c757d; } .p-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-button .p-button-label { transition-duration: 0.2s; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 0.875rem; height: 0.875rem; line-height: 0.875rem; color: #13A1D6; background-color: #fff; } .p-button.p-button-raised { box-shadow: none; } .p-button.p-button-rounded { border-radius: 4px; } .p-button.p-button-icon-only { width: 2.357rem; padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 2.357rem; } .p-button.p-button-sm { font-size: 0.765625rem; padding: 0.4375rem 0.875rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.09375rem; padding: 0.625rem 1.25rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 2.357rem; } .p-fluid .p-buttonset { display: flex; } .p-fluid .p-buttonset .p-button { flex: 1; } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #1E2329; background: #E7EBEC; border: 1px solid #E7EBEC; } .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); color: #1E2329; border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { background: rgb(188.3023255814, 199.4186046512, 202.1976744186); color: #1E2329; border-color: rgb(188.3023255814, 199.4186046512, 202.1976744186); } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #E7EBEC; border: 0; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(231, 235, 236, 0.04); color: #E7EBEC; border: 0; } .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { background: rgba(231, 235, 236, 0.16); color: #E7EBEC; border: 0; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #E7EBEC; border-color: transparent; } .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { background: rgba(231, 235, 236, 0.04); border-color: transparent; color: #E7EBEC; } .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { background: rgba(231, 235, 236, 0.16); border-color: transparent; color: #E7EBEC; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288d1; border: 1px solid #0288d1; } .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { background: rgb(1.8, 122.4, 188.1); color: #ffffff; border-color: rgb(1.8, 122.4, 188.1); } .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgb(136.5336492891, 212.4881516588, 253.8663507109); } .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active { background: rgb(1.6, 108.8, 167.2); color: #ffffff; border-color: rgb(1.6, 108.8, 167.2); } .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0288d1; border: 0; } .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); color: #0288d1; border: 0; } .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); color: #0288d1; border: 0; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0288d1; border-color: transparent; } .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288d1; } .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288d1; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #37D282; border: 1px solid #689f38; } .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { background: rgb(93.6, 143.1, 50.4); color: #ffffff; border-color: rgb(93.6, 143.1, 50.4); } .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active { background: rgb(83.2, 127.2, 44.8); color: #ffffff; border-color: rgb(83.2, 127.2, 44.8); } .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #37D282; border: 0; } .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(55, 210, 130, 0.04); color: #37D282; border: 0; } .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { background: rgba(55, 210, 130, 0.16); color: #37D282; border: 0; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #37D282; border-color: transparent; } .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { background: rgba(55, 210, 130, 0.04); border-color: transparent; color: #37D282; } .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { background: rgba(55, 210, 130, 0.16); border-color: transparent; color: #37D282; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #fbc02d; border: 1px solid #fbc02d; } .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { background: rgb(250.446728972, 183.2859813084, 15.953271028); color: #212529; border-color: rgb(250.446728972, 183.2859813084, 15.953271028); } .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgb(253.4, 229.8, 171); } .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { background: rgb(232.3738317757, 167.0878504673, 4.4261682243); color: #212529; border-color: rgb(232.3738317757, 167.0878504673, 4.4261682243); } .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #fbc02d; border: 0; } .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; border: 0; } .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; border: 0; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9c27b0; border: 1px solid #9c27b0; } .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { background: rgb(140.4, 35.1, 158.4); color: #ffffff; border-color: rgb(140.4, 35.1, 158.4); } .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { box-shadow: 0 0 0 0.2rem rgb(222.6186046512, 158.4046511628, 233.5953488372); } .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active { background: rgb(124.8, 31.2, 140.8); color: #ffffff; border-color: rgb(124.8, 31.2, 140.8); } .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9c27b0; border: 0; } .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; border: 0; } .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; border: 0; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #fff; background: #F55858; border: 1px solid #F55858; } .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { background: rgb(242.1186440678, 39.8813559322, 39.8813559322); color: #ffffff; border-color: rgb(242.1186440678, 39.8813559322, 39.8813559322); } .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { box-shadow: none; } .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { background: rgb(217.9491525424, 13.0508474576, 13.0508474576); color: #ffffff; border-color: rgb(217.9491525424, 13.0508474576, 13.0508474576); } .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #F55858; border: 0; } .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { background: rgba(245, 88, 88, 0.04); color: #F55858; border: 0; } .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { background: rgba(245, 88, 88, 0.16); color: #F55858; border: 0; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #F55858; border-color: transparent; } .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { background: rgba(245, 88, 88, 0.04); border-color: transparent; color: #F55858; } .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { background: rgba(245, 88, 88, 0.16); border-color: transparent; color: #F55858; } .p-button.p-button-link { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:not(:disabled):focus { background: transparent; box-shadow: none; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { background: transparent; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); border-color: transparent; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1.3rem; } .p-speeddial-button.p-button.p-button-icon-only .p-icon { width: 1.3rem; height: 1.3rem; } .p-speeddial-list { outline: 0 none; } .p-speeddial-item.p-focus > .p-speeddial-action { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-speeddial-action { width: 3rem; height: 3rem; background: #495057; color: #fff; } .p-speeddial-action:hover { background: #343a40; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } .p-splitbutton { border-radius: 4px; } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; color: #13A1D6; border: 0; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(19, 161, 214, 0.04); color: #13A1D6; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(19, 161, 214, 0.16); color: #13A1D6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; border-color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #13A1D6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(19, 161, 214, 0.04); color: #13A1D6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(19, 161, 214, 0.16); color: #13A1D6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-raised { box-shadow: none; } .p-splitbutton.p-button-rounded { border-radius: 4px; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 4px; } .p-splitbutton.p-button-sm > .p-button { font-size: 0.765625rem; padding: 0.4375rem 0.875rem; } .p-splitbutton.p-button-sm > .p-button .p-button-icon { font-size: 0.875rem; } .p-splitbutton.p-button-lg > .p-button { font-size: 1.09375rem; padding: 0.625rem 1.25rem; } .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #E7EBEC; border: 0; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(231, 235, 236, 0.04); color: #E7EBEC; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(231, 235, 236, 0.16); color: #E7EBEC; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; color: #E7EBEC; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(231, 235, 236, 0.04); border-color: transparent; color: #E7EBEC; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(231, 235, 236, 0.16); border-color: transparent; color: #E7EBEC; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288d1; border: 0; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); color: #0288d1; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; color: #0288d1; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288d1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #37D282; border: 0; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(55, 210, 130, 0.04); color: #37D282; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(55, 210, 130, 0.16); color: #37D282; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; color: #37D282; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(55, 210, 130, 0.04); border-color: transparent; color: #37D282; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(55, 210, 130, 0.16); border-color: transparent; color: #37D282; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; border: 0; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; color: #fbc02d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; border: 0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #F55858; border: 0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(245, 88, 88, 0.04); color: #F55858; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(245, 88, 88, 0.16); color: #F55858; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; color: #F55858; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(245, 88, 88, 0.04); border-color: transparent; color: #F55858; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(245, 88, 88, 0.16); border-color: transparent; color: #F55858; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #e9ecef; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #f8f9fa; color: #1E2329; border: 0; border-width: 1px 0 1px 0; padding: 0.25rem 0.5rem; font-weight: var(--semiWeight, 600); } .p-datatable .p-datatable-footer { background: #F3F4F5; color: #1E2329; border: 1px solid #C7CDD2; border-width: 1px 0 0 0; padding: 1rem 1rem; font-weight: var(--semiWeight, 600); } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.5rem 0.5rem; border: 0.5px solid #DCE1E3; border-width: 0 0 1px 0; font-weight: 600; color: #1E2329; background: #f8f9fa; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 0.25rem 0.5rem; border: 1px solid #C7CDD2; border-width: 0 0 1px 0; font-weight: var(--semiWeight, 600); color: #1E2329; background: #F3F4F5; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: rgba(72, 90, 106, 0.5); margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #495057; background: #E3F2FD; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: rgb(237.6763636364, 239.12, 240.5636363636); color: #1E2329; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-datatable .p-sortable-column.p-highlight { background: rgb(231.0218181818, 233.02, 235.0181818182); color: #1E2329; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1E2329; } .p-datatable .p-sortable-column.p-highlight:hover { background: rgb(231.0218181818, 233.02, 235.0181818182); color: #1E2329; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #1E2329; } .p-datatable .p-sortable-column:focus-visible { box-shadow: none; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 0.5px solid #DCE1E3; border-width: 0 0 1px 0; padding: 0.25rem 0.5rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid none; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #E3F2FD; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #E3F2FD; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #E3F2FD; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-column-resizer-helper { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: rgb(252.45, 252.45, 252.45); } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #E3F2FD; color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #495057; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.125rem 0.25rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.25rem 0.25rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.125rem 0.25rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 0.3125rem 0.625rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 0.625rem 0.625rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 0.3125rem 0.625rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #f8f9fa; color: #1E2329; border: 0; border-width: 1px 0 1px 0; padding: 0.25rem 0.5rem; font-weight: var(--semiWeight, 600); } .p-dataview .p-dataview-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-dataview .p-dataview-footer { background: #F3F4F5; color: #1E2329; border: 1px solid #C7CDD2; border-width: 1px 0 0 0; padding: 1rem 1rem; font-weight: var(--semiWeight, 600); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .p-dataview .p-dataview-loading-icon { font-size: 2rem; } .p-dataview .p-dataview-emptymessage { padding: 1rem; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #e9ecef; color: #495057; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #E3F2FD; color: #495057; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-column-filter-overlay { background: #ffffff; color: #1E2329; border: 0 none; border-radius: 4px; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.5rem 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #1E2329; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; background: #E3F2FD; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #1E2329; background: rgba(231, 235, 236, 0.5); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; color: #1E2329; background: #f8f9fa; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; border-bottom: 1px solid #dee2e6; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0.5rem 1rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } .p-orderlist .p-orderlist-controls { padding: 1rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-list-container { background: #ffffff; border: 1px solid #dee2e6; border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-orderlist .p-orderlist-list-container.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-orderlist .p-orderlist-header { color: #495057; padding: 1rem; font-weight: 600; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; } .p-orderlist .p-orderlist-filter-container { padding: 1rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { padding-right: 1.5rem; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.5rem; color: #6c757d; } .p-orderlist .p-orderlist-list { color: #495057; padding: 0.5rem 0; outline: 0 none; } .p-orderlist .p-orderlist-list:not(:first-child) { border-top: 1px solid #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; color: #1E2329; background: transparent; transition: box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(231, 235, 236, 0.5); color: #1E2329; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { color: #495057; background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; background: #E3F2FD; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { background: #E3F2FD; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: #1E2329; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: rgba(231, 235, 236, 0.5); color: #1E2329; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: rgba(231, 235, 236, 0.5); } .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); border: 0 none; color: #1E2329; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: rgba(231, 235, 236, 0.5); color: #1E2329; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #E3F2FD; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: rgb(108, 186.75, 244.5); } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-paginator { background: #fff; color: #1E2329; border: none; border-width: 0; padding: 0.5rem 0; border-radius: 4px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 1px solid #DCE1E3; color: #485A6A; min-width: 2.357rem; height: 2.357rem; margin: 0; transition: box-shadow 0.2s; border-radius: 4px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #F3F4F5; border-color: 1px solid #DCE1E3; color: #1E2329; } .p-paginator .p-paginator-first { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .p-paginator .p-paginator-last { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 2.357rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 2.357rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 1px solid #DCE1E3; color: #485A6A; min-width: 2.357rem; height: 2.357rem; margin: 0; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 1px solid #DCE1E3; color: #485A6A; min-width: 2.357rem; height: 2.357rem; margin: 0; transition: box-shadow 0.2s; border-radius: 4px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #E3F2FD; border-color: #E3F2FD; color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #F3F4F5; border-color: 1px solid #DCE1E3; color: #1E2329; } .p-picklist .p-picklist-buttons { padding: 1rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-list-wrapper { background: #ffffff; border: 1px solid #dee2e6; border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: transparent; } .p-picklist .p-picklist-list-wrapper.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-picklist .p-picklist-header { color: #495057; padding: 1rem; font-weight: 600; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; } .p-picklist .p-picklist-filter-container { padding: 1rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { padding-right: 1.5rem; } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.5rem; color: #6c757d; } .p-picklist .p-picklist-list { color: #495057; padding: 0.5rem 0; outline: 0 none; } .p-picklist .p-picklist-list:not(:first-child) { border-top: 1px solid #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; color: #1E2329; background: transparent; transition: box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(231, 235, 236, 0.5); color: #1E2329; } .p-picklist .p-picklist-list .p-picklist-item.p-focus { color: #495057; background: #dee2e6; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; background: #E3F2FD; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { background: #E3F2FD; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: #1E2329; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: rgba(231, 235, 236, 0.5); color: #1E2329; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #e9ecef; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: rgba(231, 235, 236, 0.5); } .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); border: 0 none; color: #1E2329; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { border: 2px solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1rem; border-radius: 4px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; outline: 0 none; } .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 4px; transition: box-shadow 0.2s; padding: 0; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #6c757d; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #1E2329; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #E3F2FD; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(231, 235, 236, 0.5); color: #1E2329; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: rgba(231, 235, 236, 0.5); color: #1E2329; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.5rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.5rem; color: #6c757d; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-tree-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { background-color: rgb(137.4, 200.4, 246.6); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 4px; border: 1px solid #dee2e6; background-color: #ffffff; color: #495057; padding: 0; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { background-color: #E3F2FD; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { color: #6c757d; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { background-color: inherit; color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: rgba(231, 235, 236, 0.5); color: #1E2329; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #f8f9fa; color: #1E2329; border: 0; border-width: 1px 0 1px 0; padding: 0.25rem 0.5rem; font-weight: var(--semiWeight, 600); } .p-treetable .p-treetable-footer { background: #F3F4F5; color: #1E2329; border: 1px solid #C7CDD2; border-width: 1px 0 0 0; padding: 1rem 1rem; font-weight: var(--semiWeight, 600); } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.5rem 0.5rem; border: 0.5px solid #DCE1E3; border-width: 0 0 1px 0; font-weight: 600; color: #1E2329; background: #f8f9fa; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 0.25rem 0.5rem; border: 1px solid #C7CDD2; border-width: 0 0 1px 0; font-weight: var(--semiWeight, 600); color: #1E2329; background: #F3F4F5; } .p-treetable .p-sortable-column { outline-color: none; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: rgba(72, 90, 106, 0.5); margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #495057; background: #E3F2FD; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: rgb(237.6763636364, 239.12, 240.5636363636); color: #1E2329; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-treetable .p-sortable-column.p-highlight { background: rgb(231.0218181818, 233.02, 235.0181818182); color: #1E2329; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #1E2329; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 0.5px solid #DCE1E3; border-width: 0 0 1px 0; padding: 0.25rem 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { width: 2rem; height: 2rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { color: #1E2329; } .p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid none; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #E3F2FD; color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #495057; } .p-treetable .p-column-resizer-helper { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable .p-treetable-loading-icon.p-icon { width: 2rem; height: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.21875rem 0.4375rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.25rem 0.25rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.125rem 0.25rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 0.3125rem 0.625rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 0.625rem 0.625rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 0.3125rem 0.625rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #1E2329; border: 0; border-width: 1px 0 1px 0; padding: 0.25rem 0.5rem; font-weight: var(--semiWeight, 600); } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { background: #F3F4F5; color: #1E2329; border: 1px solid #C7CDD2; border-width: 1px 0 0 0; padding: 1rem 1rem; font-weight: var(--semiWeight, 600); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 4px; transition: box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #dee2e6; background: #e9ecef; color: #495057; } .p-accordion .p-accordion-content { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #1E2329; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 1.5rem; } .p-card { background: #ffffff; color: #495057; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); border-radius: 4px; } .p-card .p-card-body { padding: 1rem; } .p-card .p-card-title { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #1E2329; } .p-card .p-card-content { padding: 0; } .p-card .p-card-footer { padding: 1rem 0 0 0; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1rem 0; padding: 0 1rem; } .p-divider.p-divider-horizontal:before { border-top: 1px #dee2e6; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1rem; padding: 1rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px #dee2e6; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-radius: 4px; } .p-fieldset .p-fieldset-legend { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 4px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: #495057; border-radius: 4px; transition: box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-fieldset .p-fieldset-content { padding: 1rem; } .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; background: #f8f9fa; color: #495057; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-panel .p-panel-header .p-panel-title { font-weight: 600; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.5rem 1rem; } .p-panel .p-panel-content { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top: 0 none; } .p-panel .p-panel-icons-end { order: 2; margin-left: auto; } .p-panel .p-panel-icons-start { order: 0; margin-right: 0.5rem; } .p-panel .p-panel-icons-center { order: 2; width: 100%; text-align: center; } .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-splitter { border: 1px solid #dee2e6; background: #ffffff; border-radius: 4px; color: #495057; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #DCE1E3; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #C7CDD2; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { background: #C7CDD2; } .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 1px 0; } .p-tabview .p-tabview-nav li { margin-right: 0 0.5rem; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #DCE1E3; border-width: 0 0 3px 0; border-color: transparent; background: #ffffff; color: #1E2329; padding: 1rem; font-weight: var(--semiWeight, 600); border-top-right-radius: 4px; border-top-left-radius: 4px; transition: box-shadow 0.2s; margin: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: none; border-color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: none; border-color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; } .p-tabview .p-tabview-right-icon { margin-left: 0.5rem; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: none; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); width: 2.357rem; box-shadow: none; border-radius: 0; } .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; } .p-tabview .p-tabview-panels { background: none; padding: 1rem 1.5rem; border: 0 none; color: #1E2329; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; padding: 1rem; border-radius: 4px; gap: 0.5rem; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { background: #ffffff; color: #495057; border: 0 none; border-radius: 4px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-confirm-popup .p-confirm-popup-content { padding: 1rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0.5rem 1rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #ffffff; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog { border-radius: 4px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); border: 0 none; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #fff; color: #1E2329; padding: 1rem 1.5rem; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: bold; font-size: 1.125rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #495057; padding: 1rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #495057; padding: 0 1.5rem 1rem 1.5rem; text-align: right; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-dialog .p-dialog-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon { width: 2rem; height: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } .p-overlaypanel { background: #ffffff; color: #495057; border: 0 none; border-radius: 4px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-overlaypanel .p-overlaypanel-content { padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { background: #13A1D6; color: #fff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); color: #fff; } .p-overlaypanel:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: rgb(242.25, 242.25, 242.25); } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } .p-sidebar { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-sidebar .p-sidebar-header { padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 1rem; } .p-sidebar .p-sidebar-footer { padding: 1rem; } .p-tooltip .p-tooltip-text { background: #485A6A; color: #fff; padding: 0.5rem 0.5rem; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); border-radius: 4px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #485A6A; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #485A6A; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #485A6A; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #485A6A; } .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-fileupload .p-fileupload-buttonbar .p-button { margin-right: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-fileupload .p-fileupload-content.p-fileupload-highlight { border-color: 1px dashed hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-style: dashed; background-color: #E3F2FD; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 0.25rem 0.5rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); color: #fff; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .p-fileupload-choose:not(.p-disabled):active { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); color: #fff; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .p-breadcrumb { background: transparent; border: 0; border-radius: 4px; padding: 0; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { transition: box-shadow 0.2s; border-radius: 4px; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; color: #485A6A; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { color: #1E2329; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #485A6A; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; color: #1E2329; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; width: 12.5rem; } .p-contextmenu .p-contextmenu-root-list { outline: 0 none; } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1rem; -webkit-user-select: none; user-select: none; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #495057; background: #e9ecef; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: rgba(231, 235, 236, 0.6); } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-list-container .p-dock-list { outline: 0 none; } .p-dock .p-dock-item { padding: 0.5rem; border-radius: 3px; } .p-dock .p-dock-item.p-focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-dock .p-dock-link { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock .p-dock-list .p-dock-item { transform: none; margin: 0; } } .p-megamenu { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 4px; } .p-megamenu .p-megamenu-root-list { outline: 0 none; } .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1rem; -webkit-user-select: none; user-select: none; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #495057; background: #e9ecef; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: rgba(231, 235, 236, 0.6); } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #1E2329; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #1E2329; background: transparent; font-weight: bold; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 3px; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.75rem 1rem; -webkit-user-select: none; user-select: none; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu { padding: 0.25rem 0; background: transparent; color: #1E2329; border: 1px solid #DCE1E3; border-radius: 4px; width: 12.5rem; } .p-menu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1rem; -webkit-user-select: none; user-select: none; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content { color: #495057; background: #e9ecef; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: rgba(231, 235, 236, 0.6); } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #1E2329; background: transparent; font-weight: bold; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menu .p-menuitem-badge { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 4px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menubar { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 4px; } .p-menubar .p-menubar-root-list { outline: 0 none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 3px; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { padding: 0.75rem 1rem; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1rem; -webkit-user-select: none; user-select: none; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { color: #495057; background: #e9ecef; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: rgba(231, 235, 236, 0.6); } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } @media screen and (max-width: 960px) { .p-menubar { position: relative; } .p-menubar .p-menubar-button { display: flex; width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #6c757d; background: #e9ecef; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3.75rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 5.25rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 6.75rem; } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 8.25rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } } .p-panelmenu .p-panelmenu-header { outline: 0 none; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; border-radius: 4px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { color: #495057; padding: 1rem; font-weight: 600; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset none; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; } .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dee2e6; background: #e9ecef; color: #495057; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; border: 1px solid #dee2e6; background: #ffffff; color: #1E2329; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { outline: 0 none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1rem; -webkit-user-select: none; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { color: #495057; background: #e9ecef; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: rgba(231, 235, 236, 0.6); } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 1.5rem; } .p-slidemenu { padding: 0.25rem 0; background: transparent; color: #1E2329; border: 1px solid #DCE1E3; border-radius: 4px; width: 12.5rem; } .p-slidemenu .p-slidemenu-root-list { outline: 0 none; } .p-slidemenu .p-submenu-list { outline: 0 none; } .p-slidemenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1rem; -webkit-user-select: none; user-select: none; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { color: #495057; background: #e9ecef; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: rgba(231, 235, 236, 0.6); } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { font-size: 0.875rem; } .p-slidemenu .p-icon { width: 0.875rem; height: 0.875rem; } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1rem; color: #495057; } .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset none; } .p-slidemenu .p-menuitem-badge { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 4px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; border-radius: 4px; background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #495057; border: 1px solid #e9ecef; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #6c757d; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #E3F2FD; color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; color: #1E2329; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #dee2e6; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 1px 0; } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 4px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #DCE1E3; border-width: 0 0 3px 0; border-color: transparent; background: #ffffff; color: #1E2329; padding: 1rem; font-weight: var(--semiWeight, 600); border-top-right-radius: 4px; border-top-left-radius: 4px; transition: box-shadow 0.2s; margin: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: none; border-color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: none; border-color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-right-icon { margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: none; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); width: 2.357rem; box-shadow: none; border-radius: 0; } .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset none; } .p-tieredmenu { padding: 0.25rem 0; background: transparent; color: #1E2329; border: 1px solid #DCE1E3; border-radius: 4px; width: 12.5rem; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #495057; padding: 0.75rem 1rem; -webkit-user-select: none; user-select: none; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: #495057; background: #e9ecef; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; background: #dee2e6; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #495057; background: rgba(231, 235, 236, 0.6); } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; border-radius: 4px; } .p-inline-message.p-inline-message-info { background: #D9F2FC; border: none; border-width: 0px; color: #1E2329; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-inline-message.p-inline-message-success { background: #AFFFD6; border: none; border-width: 0px; color: rgb(0, 55.3, 29.1692307692); } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #37D282; } .p-inline-message.p-inline-message-warn { background: #FFF2A7; border: none; border-width: 0px; color: rgb(71.5, 49.9422110553, 0); } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #C78B00; } .p-inline-message.p-inline-message-error { background: #FFD9DD; border: none; border-width: 0px; color: rgb(126.3, 0, 0); } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #F55858; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-icon { width: 1rem; height: 1rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message { margin: 0.75rem 0; border-radius: 4px; } .p-message .p-message-wrapper { padding: 0.25rem 0.5rem; } .p-message .p-message-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.5); } .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-message.p-message-info { background: #D9F2FC; border: none; border-width: 0 0 0 6px; color: #1E2329; } .p-message.p-message-info .p-message-icon { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-message.p-message-info .p-message-close { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-message.p-message-success { background: #AFFFD6; border: none; border-width: 0 0 0 6px; color: rgb(0, 55.3, 29.1692307692); } .p-message.p-message-success .p-message-icon { color: #37D282; } .p-message.p-message-success .p-message-close { color: #37D282; } .p-message.p-message-warn { background: #FFF2A7; border: none; border-width: 0 0 0 6px; color: rgb(71.5, 49.9422110553, 0); } .p-message.p-message-warn .p-message-icon { color: #C78B00; } .p-message.p-message-warn .p-message-close { color: #C78B00; } .p-message.p-message-error { background: #FFD9DD; border: none; border-width: 0 0 0 6px; color: rgb(126.3, 0, 0); } .p-message.p-message-error .p-message-icon { color: #F55858; } .p-message.p-message-error .p-message-close { color: #F55858; } .p-message .p-message-text { font-size: 1rem; font-weight: normal; } .p-message .p-message-icon { font-size: 1.5rem; margin-right: 0.5rem; } .p-message .p-icon { width: 1.5rem; height: 1.5rem; } .p-message .p-message-summary { font-weight: 700; } .p-message .p-message-detail { margin-left: 0.5rem; } .p-toast { opacity: 1; } .p-toast .p-toast-message { margin: 0 0 0.5rem 0; box-shadow: 0 0 0 1px rgba(72, 90, 106, 0.12), 0 3px 8px rgba(30, 35, 41, 0.15); border-radius: 4px; } .p-toast .p-toast-message .p-toast-message-content { padding: 1rem; border-width: 0; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0.1rem 0 0 0.5rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 1.5rem; } .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) { width: 1.5rem; height: 1.5rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 700; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 1.5rem; height: 1.5rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.5); } .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { background: #D9F2FC; border: none; border-width: 0 0 0 6px; color: #1E2329; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-toast .p-toast-message.p-toast-message-success { background: #AFFFD6; border: none; border-width: 0 0 0 6px; color: rgb(0, 55.3, 29.1692307692); } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #37D282; } .p-toast .p-toast-message.p-toast-message-warn { background: #FFF2A7; border: none; border-width: 0 0 0 6px; color: rgb(71.5, 49.9422110553, 0); } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #C78B00; } .p-toast .p-toast-message.p-toast-message-error { background: #FFD9DD; border: none; border-width: 0 0 0 6px; color: rgb(126.3, 0, 0); } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #F55858; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close .p-icon-wrapper .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 3px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { width: 2rem; height: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f8f9fa; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #e9ecef; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8f9fa; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #f8f9fa; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-image-action.p-link .p-icon { width: 1.5rem; height: 1.5rem; } .p-avatar { background-color: #dee2e6; border-radius: 4px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #E7EBEC; color: #1E2329; } .p-badge.p-badge-success { background-color: #37D282; color: #ffffff; } .p-badge.p-badge-info { background-color: #0288d1; color: #ffffff; } .p-badge.p-badge-warning { background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { background-color: #F55858; color: #fff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-chip { background-color: #F3F4F5; color: #485A6A; border-radius: 4px; padding: 0 0.5rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.25rem; margin-bottom: 0.25rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { margin-left: 0.5rem; } .p-chip img { width: 2rem; height: 2rem; margin-left: -0.5rem; margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-chip .pi-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #e9ecef; color: #495057; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } .p-progressbar { border: 0 none; height: 1rem; background: #E7EBEC; border-radius: 4px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-progressbar .p-progressbar-label { color: #fff; line-height: 1rem; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.3), 0 4px 7px 0 rgba(30, 35, 41, 0.1), 0 1px 12px 0 rgba(30, 35, 41, 0.1); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f8f9fa; } .p-scrolltop .p-icon { width: 1.5rem; height: 1.5rem; } .p-skeleton { background-color: #e9ecef; border-radius: 4px; } .p-skeleton:after { background: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 4px; } .p-tag.p-tag-success { background-color: #37D282; color: #ffffff; } .p-tag.p-tag-info { background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { background-color: #F55858; color: #fff; } .p-tag .p-tag-icon { margin-right: 0.25rem; font-size: 0.75rem; } .p-tag .p-icon { width: 0.75rem; height: 0.75rem; } .p-terminal { background: #ffffff; color: #495057; border: 1px solid #dee2e6; padding: 1rem; } .p-terminal .p-terminal-input { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f8f9fa; --surface-c: #e9ecef; --surface-d: #dee2e6; --surface-e: #ffffff; --surface-f: #ffffff; --text-color: #495057; --text-color-secondary: #6c757d; --primary-color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l)); --primary-color-text: #fff; --surface-0: #ffffff; --surface-50: #fafafa; --surface-100: #f5f5f5; --surface-200: #eeeeee; --surface-300: #e0e0e0; --surface-400: #bdbdbd; --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #eeeeee; --gray-300: #e0e0e0; --gray-400: #bdbdbd; --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding: 1rem; --inline-spacing: 0.5rem; --border-radius: 4px; --surface-ground: #f8f9fa; --surface-section: #ffffff; --surface-card: #ffffff; --surface-overlay: #ffffff; --surface-border: #dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #E3F2FD; --highlight-text-color: #495057; --focus-ring: none; color-scheme: light; } :root { font-family: var(--expFontFamily, "Open Sans"), sans-serif; --font-family: $fontFamily; } .cfv2 a:focus, .cfv2 button:focus { outline: none; outline-offset: 0; box-shadow: none; } .cfv2 .task-running .p-splitbutton-defaultbutton { position: relative; } .cfv2 .task-running.p-button { position: relative; } .cfv2 .p-component-overlay.p-dialog-mask { background: rgba(0, 0, 0, 0.35); } .cfv2 .p-component-overlay.p-blockui { background: rgba(0, 0, 0, 0.2); } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: rgba(0, 0, 0, 0.4); } } @keyframes p-component-overlay-leave-animation { from { background-color: rgba(0, 0, 0, 0.4); } to { background-color: transparent; } } .cfv2 .p-menu-list .p-menuitem .p-menuitem-link { padding: 0.5rem; } .cfv2 .p-menu-list .p-menuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.35rem; } .cfv2 .p-menu-list .p-menuitem .p-menuitem-link:not(.p-disabled) { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cfv2 .p-menu-list .p-menuitem .p-menuitem-link:not(.p-disabled):focus { box-shadow: none; } .cfv2 .p-menu-list .p-menuitem.p-button-danger .p-menuitem-link .p-menuitem-icon, .cfv2 .p-menu-list .p-menuitem.p-button-danger .p-menuitem-link .p-menuitem-text { color: #FF1E1E; } .cfv2:not(.inb2b) .p-field-radiobutton label { font-size: 1rem; } .cfv2 .p-field-radiobutton { display: flex; align-items: center; } .cfv2 .p-field-radiobutton label { display: inline-block; padding: 0 0 0 0.5rem; margin: 0; cursor: pointer; } .cfv2 .p-field-radiobutton.p-checkbox-disabled { cursor: not-allowed; } .cfv2 .p-field-radiobutton.option-detail.has-qty-picker { border-top: 1px solid #C7CDD2; border-bottom: 1px solid #C7CDD2; padding: 0.25rem 0; } .cfv2 .p-field-radiobutton:hover label { color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .cfv2 .p-radiobutton.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon { background: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l)); } .cfv2 .p-chip { line-height: 1.2; padding: 0.2rem 0.5rem; font-weight: var(--expSemiWeight, 600); } .cfv2 .p-chip .p-chip-text { margin: 0; } .cfv2 input { filter: none; } .cfv2 input:-internal-autofill-selected, .cfv2 input:focus:-internal-autofill-selected, .cfv2 input:-webkit-autofill, .cfv2 input:-webkit-autofill:hover, .cfv2 input:-webkit-autofill:focus, .cfv2 input:-webkit-autofill:active { background: #fff !important; -webkit-text-fill-color: var(--black); -webkit-box-shadow: inset 0 0 0px 1000px #fff; transition: all 5000s ease-in-out 0s; font: 0.875rem var(--expFontFamily, "Open Sans"), sans-serif !important; -webkit-transition-delay: 99999s; } .cfv2 input.p-inputtext { width: 100%; } .cfv2 input.p-input-sm { max-width: 8rem; } .cfv2 textarea.p-inputtextarea { width: 100%; resize: vertical; min-height: 3.5rem; } .cfv2 .p-field { margin-bottom: 1rem; } .cfv2 .p-field.p-field-small { max-width: 15.625rem; } .cfv2 .p-field-optional { font-weight: normal; font-style: italic; opacity: 0.5; } .cfv2 p-inputswitch { line-height: 1; } .cfv2 .p-inputswitch .p-inputswitch-slider:before { border: 1px solid #C7CDD2; } .cfv2 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { border: 1px solid transparent; } .p-sidebar.cookies-consent { height: auto; padding: 1rem; background: rgba(255, 255, 255, 0.94); } .p-sidebar.cookies-consent p { margin: 0.5rem 0; } .p-sidebar.cookies-consent a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; font-weight: var(--expSemiWeight, 600); color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l)); } .p-sidebar.cookies-consent a:hover, .p-sidebar.cookies-consent a:focus, .p-sidebar.cookies-consent a:active { color: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) - 10%)); } .cfv2 .item-codes { font-size: 0; } .cfv2 .item-codes .p-tag { margin: 0 0.25rem 0.25rem 0; } .cfv2 .item-codes .p-tag .p-tag-value { word-break: break-word; } .cfv2:not(.inb2b) .p-tag { padding: 0.1rem 0.2rem; font-weight: var(--expSemiWeight, 600); } .cfv2:not(.inb2b) .p-tag.ellipsis { display: block; } .cfv2:not(.inb2b) .p-tag.ellipsis .p-tag-value { display: inline !important; } .cfv2:not(.inb2b) .p-tag .p-tag-value { font-weight: var(--expSemiWeight, 600); } .cfv2:not(.inb2b) .p-tag .p-tag-icon { font-size: 0.875rem; } .cfv2:not(.inb2b) .p-tag.icon-only { min-width: 24px; } .cfv2:not(.inb2b) .p-tag.icon-only .p-tag-icon { margin: 0; font-size: 1rem; } .cfv2:not(.inb2b) .p-tag.icon-only .p-tag-value { padding: 0; } .cfv2:not(.inb2b) .p-tag.p-tag-info { background-color: #F1F4F7; color: #485A6A; border: 1px solid #C7CDD2; } .cfv2:not(.inb2b) .p-tag.p-tag-success { background-color: #AFFFD6; color: #00361D; } .cfv2:not(.inb2b) .p-tag.p-tag-success .p-tag-icon { color: #37D282; } .cfv2:not(.inb2b) .p-tag.p-tag-warning { background-color: #FFF2A7; color: #C78B00; } .cfv2:not(.inb2b) .item-codes .p-tag { font-size: 0.875rem; } .cfv2:not(.inb2b) .summary-item .item-codes .p-tag { background: #fff; } .cfv2 .p-tabview .p-tabview-nav { width: 100%; padding: 0 1rem; } .cfv2 .p-tabview .p-tabview-nav li .p-tabview-nav-link { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; padding: 0.5rem 0.5rem 1rem; } .cfv2 .p-tabview .p-tabview-nav li .p-tabview-nav-link .p-tabview-title { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; color: var(--black); } .cfv2 .p-tabview .p-tabview-nav li .p-tabview-nav-link:hover, .cfv2 .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { text-decoration: none !important; } .cfv2 .p-tabview .p-tabview-nav li .p-tabview-nav-link:hover .p-tabview-title, .cfv2 .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus .p-tabview-title { color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l)); border: 0; text-decoration: none !important; } .cfv2 .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { border-bottom-width: 3px; } .cfv2 .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link .p-tabview-title { color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l)); } .cfv2 .p-toast-top-center { left: 50% !important; transform: translateX(-50%) !important; margin-left: 0 !important; } .cfv2 .p-toast { max-width: calc(100% - 2rem); } .cfv2 .p-toast .p-toast-message { background: none !important; box-shadow: none; padding: 0.3125rem; } .cfv2 .p-toast .p-toast-message .p-toast-icon-close { width: auto; height: auto; position: absolute; right: 0; top: 0; background: #485A6A; padding: 0.35rem; } .cfv2 .p-toast .p-toast-message .p-toast-icon-close .pi { font-size: 0.75rem; color: #fff; } .cfv2 .p-toast .p-toast-message .p-toast-icon-close:focus, .cfv2 .p-toast .p-toast-message .p-toast-icon-close:hover { outline: none; outline-offset: 0; box-shadow: none; background: none; color: var(--black); } .cfv2 .p-toast .p-toast-message .p-toast-message-content { background: transparent; border-radius: var(--global-radius); box-shadow: 0 0 0 1px rgba(72, 90, 106, 0.12), 0 3px 8px rgba(30, 35, 41, 0.15); } .cfv2 .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { word-wrap: break-word; min-width: 0; } .cfv2 .p-toast .p-toast-message.p-toast-message-success .p-toast-message-content { background: #AFFFD6; } .cfv2 .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { background: #37D282; } .cfv2 .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { background: rgb(42.1163265306, 187.1836734694, 112.3102040816); } .cfv2 .p-toast .p-toast-message.p-toast-message-error .p-toast-message-content { background: #FFE6E6; } .cfv2 .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { background: #FF1E1E; } .cfv2 .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { background: rgb(249.3, 0, 0); } .cfv2 .p-toast .p-toast-message.p-toast-message-warning .p-toast-message-content { background: rgb(255, 249.5340909091, 218); } .cfv2 .p-toast .p-toast-message.p-toast-message-warning .p-toast-icon-close { background: #C78B00; } .cfv2 .p-toast .p-toast-message.p-toast-message-warning .p-toast-icon-close:hover { background: rgb(163.3, 114.0638190955, 0); } .cfv2 .progress-thin .p-progressbar { height: 0.4rem; border: 1px solid #DCE1E3; } .cfv2 .config-progress .p-progressbar .p-progressbar-label { display: none !important; } .cfv2 .p-menu.p-menu-primary { padding: 0; } .cfv2 .p-menu.p-menu-primary.border-0 .p-menu-list .p-submenu-header { padding: 0.5rem; padding-top: 0; } .cfv2 .p-menu.p-menu-primary.border-0 .p-menu-list .p-menuitem .p-menuitem-link { padding: 0.5rem; } .cfv2 .p-menu.p-menu-primary .p-menu-list .p-menuitem .p-menuitem-link .p-menuitem-text { color: hsl(var(--primary-color-h), var(--primary-color-s), var(--primary-color-l)); font-weight: var(--expSemiWeight, 600); } .cfv2 .p-menu.p-menu-primary.p-menu-overlay { padding: 1rem; max-width: 21.875rem; } .cfv2 .p-component.has-warning .p-inputtext { padding-right: 1.625rem; } input[type=password]::-ms-reveal, input[type=password]::-ms-clear { display: none !important; } .p-tabview.bee-tabs { display: flex; flex-direction: column; height: 100%; } .p-tabview.bee-tabs .p-tabview-nav, .p-tabview.bee-tabs .p-tabview-panels { padding-right: 0; padding-left: 0; } .p-tabview.bee-tabs .p-tabview-panels { padding-top: 0; flex: 1 1 auto; min-height: 0; overflow: auto; height: calc(100% - 44px); } .p-tabview.bee-tabs .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { border-bottom-color: #13A1D6; } .p-tabview.bee-tabs .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link .p-tabview-title { color: #13A1D6; } .p-tabview.bee-tabs .p-tabview-nav li.p-highlight .p-tabview-nav-link { border-bottom-color: #13A1D6; } .p-tabview.bee-tabs .p-tabview-nav li.p-highlight .p-tabview-nav-link .p-tabview-title { color: #13A1D6; } .p-tabview.bee-tabs .p-datatable-header { position: sticky; top: 0; z-index: 3; } .p-datatable.bee-datatable { font-size: 14px; color: #000; } .p-datatable.bee-datatable .p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight) { color: #000; } .p-datatable.bee-datatable table .cell-icon { width: 2rem; text-align: center; } .p-datatable.bee-datatable table .cell-type { width: 20%; } .p-datatable.bee-datatable table .cell-component { width: 30%; } .p-datatable.bee-datatable table .cell-actions { width: 94px; text-align: center; } .p-datatable.bee-datatable table .cell-value { width: 50%; line-height: 1.6; } .p-datatable.bee-datatable table .cell-qty { width: 64px; } .p-datatable.bee-datatable table .p-datatable-thead > tr > th { padding: 0.5rem; } .p-datatable.bee-datatable table .p-datatable-thead > tr > th.text-right { text-align: right; } .p-datatable.bee-datatable table .p-datatable-thead > tr > th.text-center { text-align: center; } .p-datatable.bee-datatable table .p-datatable-tbody > tr > td { padding: 0.5rem; color: #000; word-break: break-all; } .p-datatable.bee-datatable table .p-datatable-tbody > tr > td.text-right { text-align: right; } .p-datatable.bee-datatable table .p-datatable-tbody > tr > td.text-center { text-align: center; } .p-datatable.bee-datatable table .p-datatable-tbody > tr:hover { cursor: default; background: #fff !important; } .p-datatable.bee-datatable table .p-datatable-tbody > tr:hover > td { background: #F1F4F7; } .p-datatable.bee-datatable table .p-datatable-tbody > tr.has-error > td { background: rgba(255, 30, 30, 0.07); color: black; } .p-datatable.bee-datatable table .p-datatable-tbody > tr.has-error:hover > td { background: rgba(255, 30, 30, 0.1); } .p-datatable.bee-datatable table .p-datatable-tbody > tr.has-warning > td { background: rgba(255, 227, 115, 0.15); color: black; } .p-datatable.bee-datatable table .p-datatable-tbody > tr.has-warning:hover > td { background: rgba(255, 227, 115, 0.3); } .p-datatable.bee-datatable table .p-datatable-tbody > tr.total > td { background: #E7EAED; font-weight: bold; } .p-datatable.bee-datatable table .p-datatable-tbody > tr.total:hover > td { background: #DCE1E3; } .step-header-title, .summary .step .step-header h6 { font-weight: var(--expSemiWeight, 600); font-size: 1.125rem; } .model-name, .cfv2 .product .item-name { font-size: 1.125rem; font-weight: var(--expSemiWeight, 600); } .cfv2 .config-wrapper { position: relative; z-index: 1; } @media print, screen and (min-width: 64em) { .cfv2 .config-wrapper { height: 100%; overflow-y: auto; } } .cfv2 .overlay-header-small-menu { width: 50%; min-width: 250px; margin-top: 1rem !important; } .cfv2 .overlay-header-small-menu:after, .cfv2 .overlay-header-small-menu:before { display: none; } @media screen and (min-width: 40em) and (max-width: 63.99875em) { .cfv2 .overlay-header-small-menu { width: 30%; } } .cfv2 .overlay-header-small-menu .p-overlaypanel-content { padding: 1rem 1.5rem; } .cfv2 .overlay-header-small-menu .p-overlaypanel-content ul { list-style: none; padding: 0; margin: 0; } .cfv2 .overlay-header-small-menu .p-overlaypanel-content ul li { padding: 0.5rem 0; } .cfv2 .overlay-header-small-menu .p-overlaypanel-content ul li:not(:last-child) { border-bottom: 1px solid #C7CDD2; } .cfv2 .overlay-header-small-menu .p-overlaypanel-close { top: 0; right: 0; border-radius: 0; } .cfv2 .item-top-label { display: flex; align-items: flex-end; } .cfv2 .item-top-label .item-label { flex: 1 1 auto; } @media screen and (max-width: 63.99875em) { .config-wrapper, .cfv2 .progress-container { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } } @media screen and (max-width: 63.99875em) { .summary-is-open .progress-container { z-index: -1; top: 0 !important; opacity: 0; } } @media screen and (max-width: 63.99875em) { .summary-is-open .content-container .config-wrapper { opacity: 0; } } .cs .step-content { background: #F1F4F7; border-radius: var(--global-radius); padding: 1rem 0.5rem; } .cs.summary { font-size: 0.875rem; } .cs:not(.summary) .display-none { display: none; } .cs .gs-wrapper .qty-picker-container { height: 100%; } .cs .gs-wrapper .qty-picker-container .qty-picker { height: 100%; display: flex; align-items: center; } .display-none { display: none; } .no-events { pointer-events: none !important; } .p-button { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); font-weight: var(--semiWeight, 600); } .font-opens_sans .p-button { font-size: 0.8125rem; } .p-button.p-button-outlined { background-color: transparent; color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-button.p-button-outlined:enabled:hover { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.04); } .p-button.p-button-outlined:enabled:active { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.16); } .p-button.p-button-text { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-button.p-button-text:enabled:hover { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.04); } .p-button.p-button-text:enabled:active { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.16); } .p-button.p-button-text:enabled:hover, .p-button.p-button-text:enabled:active { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .p-button.button-children-toggler { position: relative; z-index: 3; } .p-button.ctx-settings-close { background: #fff; box-shadow: 0 7px 20px 0 rgba(72, 90, 106, 0.57); border: 1px solid #C7CDD2; color: #485A6A; } .p-button.ctx-settings-close:enabled:hover, .p-button.ctx-settings-close:enabled:active { background: #fff; border: 1px solid #C7CDD2; } .p-button.ctx-settings-close:enabled:hover .p-button-icon, .p-button.ctx-settings-close:enabled:active .p-button-icon { color: #F55858; } .p-button.var-name-button { background: #E7EBEC; color: #1E2329; font-weight: var(--semiWeight, 600); font-size: 0.875rem; padding: 0.25rem 0.5rem; border: 1px solid #C7CDD2; border-radius: 4px; white-space: nowrap; cursor: text; max-width: 100%; } .p-button.var-name-button .p-button-label { overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .ref-label .p-button.var-name-button .p-button-label { overflow: initial; text-overflow: initial; white-space: initial; word-break: break-word; } .p-button.var-name-button:enabled:hover, .p-button.var-name-button:enabled:active { background: #fff; border: 1px solid hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); color: #1E2329; } .p-button.cs-node-label:after { display: none; } .p-button .p-button-label { text-align: left; } .p-button .p-button-icon { opacity: 0.7; } .p-button .p-button-icon.opac-1 { opacity: 1; } .p-button.ellipsis { min-width: 0; max-width: 100%; } .p-button.ellipsis .p-button-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .p-button.text-center { display: inline-block; text-align: center; } .p-button.p-splitbutton-menubutton { margin-left: 2px; } .p-button.p-button-secondary timesicon { color: #485A6A; } .p-button.p-button-secondary .p-button-icon { color: #485A6A; opacity: 0.4; } .p-button.p-button-secondary.p-button-darker { background: #DCE1E3; border-color: #DCE1E3; } .p-button.p-button-secondary.p-button-darker:hover, .p-button.p-button-secondary.p-button-darker:focus { background: rgb(200.1666666667, 208, 211.1333333333); border-color: rgb(200.1666666667, 208, 211.1333333333); } .p-button.p-button-secondary.p-button-darkest { background: #485A6A; } .p-button.p-button-secondary.p-button-darkest .p-button-icon, .p-button.p-button-secondary.p-button-darkest .p-button-label { color: #fff; } .p-button.p-button-secondary.p-button-darkest:hover, .p-button.p-button-secondary.p-button-darkest:focus { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-button.p-button-success .p-button-icon { color: #005B30; } .p-button.p-button-link { font-weight: var(--semiWeight, 600); font-size: 0.875rem; padding: 0; } .p-button.p-button-link .p-button-label { text-decoration: none !important; } .p-button.p-button-text { font-weight: var(--semiWeight, 600); font-size: 0.875rem; } .p-button.p-button-text.pad-0:focus { background: none; } .p-button.p-button-text .p-button-icon { opacity: 1; } .p-button.p-button-text.p-button-hover-alert:enabled:hover, .p-button.p-button-text.p-button-hover-alert:enabled:focus { color: #F55858; } .p-button.p-button-text.p-button-hover-alert:enabled:hover .p-button-icon, .p-button.p-button-text.p-button-hover-alert:enabled:focus .p-button-icon { color: #F55858; } .p-button.p-button-text:enabled:hover { background: rgba(72, 90, 106, 0.07); } .p-button.p-button-text.p-button-circle, .p-button.p-button-text.p-button-circle.p-button-ripple { overflow: inherit; position: relative; } .p-button.p-button-text.p-button-circle:hover, .p-button.p-button-text.p-button-circle.p-button-ripple:hover { background: none; } .p-button.p-button-text.p-button-circle:before, .p-button.p-button-text.p-button-circle.p-button-ripple:before { content: ""; display: block; position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: 2rem; height: 2rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-button.p-button-text.p-button-circle:hover:before, .p-button.p-button-text.p-button-circle.p-button-ripple:hover:before { background: rgba(72, 90, 106, 0.1); } .p-button.p-button-text.p-button-circle:focus:before, .p-button.p-button-text.p-button-circle.p-button-ripple:focus:before { background: rgba(72, 90, 106, 0.15); width: 2.3rem; height: 2.3rem; } .p-button.p-button-text.p-button-circle.p-button-icon-only:enabled:hover, .p-button.p-button-text.p-button-circle.p-button-ripple.p-button-icon-only:enabled:hover { background: transparent; } .p-button.p-button-text.p-button-plain-text .p-button-label { color: #1E2329; } .p-button.p-button-icon-only .p-button-label { display: none; } .p-button.p-button-icon-only .p-button-icon { font-size: 1.125rem; opacity: 1; display: flex; justify-content: center; } .p-button.p-button-icon-only.p-icon-primary .p-button-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-button.p-button-icon-only.p-button-text .p-button-icon, .p-button.p-button-icon-only.p-button-secondary:not(.p-button-darkest) .p-button-icon { color: #485A6A; } .p-button.p-button-icon-only.p-button-text.p-icon-primary .p-button-icon, .p-button.p-button-icon-only.p-button-secondary:not(.p-button-darkest).p-icon-primary .p-button-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-button.p-button-icon-only.p-button-text { border-radius: 50%; height: 2.357rem; } .p-button.p-button-icon-only.p-button-text:enabled:hover { background: rgba(72, 90, 106, 0.1); } .p-button.p-button-icon-only.p-button-small-action { width: 1.75rem; height: 1.75rem; padding: 0; } .p-button.p-button-icon-only.p-button-small-action .p-button-icon { font-size: 1rem; } .p-button.p-button-icon-only.in-comp-header { background: #fff; box-shadow: 0 1px 3px 0 rgba(72, 90, 106, 0.57); border: 0; color: #485A6A; } .p-button.p-button-icon-only.in-comp-header:enabled:hover, .p-button.p-button-icon-only.in-comp-header:enabled:active { background: #fff; border: 1px solid #C7CDD2; } .p-button.p-button-icon-only.in-comp-header:enabled:hover .p-button-icon, .p-button.p-button-icon-only.in-comp-header:enabled:active .p-button-icon { color: #1E2329; } .p-button.p-button-icon-only.p-button-danger:enabled:hover { background: rgba(72, 90, 106, 0.1); } .p-button.p-button-icon-only.p-button-danger .p-button-icon { color: #F55858; } .p-button.p-button-outlined { border: 1px solid #C7CDD2; border-radius: 100px; padding: 0.5rem; } .p-button.p-button-outlined .p-button-icon, .p-button.p-button-outlined .fa { color: #485A6A; } .p-button.p-button-outlined .fa-file-excel-o { color: #007C00; } .p-button.p-button-outlined:enabled:hover, .p-button.p-button-outlined:enabled:focus { background: #fff; border: 1px solid rgb(170.7227722772, 179.7524752475, 187.2772277228); } .top-bar .p-button.p-button-outlined { height: 36px; padding-top: 0; padding-bottom: 0; } .p-button.p-button-disabled { opacity: 0.65; } .p-button .p-button-icon-left { margin-right: 0.35rem; } .p-button.p-togglebutton.p-button-icon-only { width: 1.75rem; height: 1.75rem; border-color: #C7CDD2; padding: 0; position: relative; } .p-button.p-togglebutton.p-button-icon-only .p-button-icon { color: rgba(72, 90, 106, 0.7); font-size: 1rem; line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .p-button.p-togglebutton.p-button-icon-only:hover .p-button-icon { color: rgba(72, 90, 106, 0.7); } .p-button.p-button-helptext { width: 1.25rem; height: 1.25rem; background: none !important; border: 0; padding: 0; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); font-size: 0.875rem; position: relative; overflow: visible; text-align: center; } .p-button.p-button-helptext:before { content: ""; width: 1.875rem; height: 1.875rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #485A6A; border-radius: 1000px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-button.p-button-helptext .p-button-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; padding-bottom: 3px; white-space: nowrap; } .p-button.p-button-helptext:hover:before { opacity: 0.1; } .p-button.p-button-helptext:hover .p-button-label { color: #485A6A; } .p-button.p-button-first-in-group { border-radius: 4px 0 0 4px; display: flex; justify-content: center; width: 100%; } .p-button.p-button-first-in-group .p-button-label { flex: 0 1 auto; } .p-button.ctx-more-actions { vertical-align: middle; border-radius: 4px !important; padding-left: 0; padding-right: 0; } .p-button-cart { overflow: visible !important; max-width: 100%; } .p-button-cart .p-badge { font-size: 0.8125rem; position: relative; margin: 0; margin-right: -0.7rem; top: -0.5rem; left: -0.5rem; min-width: initial; padding: 0.15rem 0.3rem; } .p-button-cart .p-button-icon, .p-button-cart .p-button-icon-left { margin: 0; font-size: 1rem; color: #485A6A; opacity: 1; } .p-button-cart .p-button-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 48vw; } @media print, screen and (min-width: 75em) { .p-button-cart .p-button-label { max-width: 350px; } } .p-button-cart.cart-full .p-badge { background: #F55858; color: #fff; } .primary-value .p-button-text.p-button-price-info { padding: 0 0 0.25rem 1.375rem; cursor: default; font-weight: var(--semiWeight, 600); font-size: 0.875rem; border-top: 1px solid transparent; border-bottom: 1px solid transparent; line-height: 1; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .primary-value .p-button-text.p-button-price-info:hover { background: none; } .primary-value .p-button-text.p-button-price-info .p-button-label { color: #1E2329; } .primary-value .p-button-text.p-button-price-info:not(.p-button-with-refresh-triangle) { padding-top: 0.25rem; } .primary-value .p-button-text.p-button-with-refresh-triangle { position: relative; cursor: pointer; padding: 0.25rem 1.375rem 0.25rem 0; } .primary-value .p-button-text.p-button-with-refresh-triangle .p-button-label { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .primary-value .p-button-text.p-button-with-refresh-triangle:hover .p-button-label { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .primary-value .p-button-text.p-button-with-refresh-triangle .p-button-icon { position: absolute; right: 0; bottom: 0.1rem; width: 1.125rem; height: 1.125rem; } .primary-value .p-button-text.p-button-with-refresh-triangle .p-button-icon:before { visibility: hidden; } .primary-value .p-button-text.p-button-with-refresh-triangle .p-button-icon:after { content: ""; width: 24px; height: 24px; position: absolute; top: -5px; left: 0; background: url("./media/refresh-triangle-TGQ2NLRX.svg") no-repeat center left; background-size: 1.125rem auto; } .primary-value.has-error .p-button-text.p-button-price-info .p-button-label, .primary-value.has-error .p-button-text.p-button-with-refresh-triangle .p-button-label { color: #FF1E1E; } @media screen and (max-width: 22.49875em) { .small-only-button-icon.p-button { padding: 0.6875rem 1rem; } .small-only-button-icon.p-button .p-button-label { display: none; } .small-only-button-icon.p-button .p-button-icon { font-size: 1rem; margin: 0; } .small-only-button-icon.p-button.p-button-secondary .p-button-icon { color: #485A6A; opacity: 1; } } @media screen and (min-width: 40em) and (max-width: 56.24875em) { .medium640-only-button-icon.p-button { padding: 0.6875rem 1rem; } .medium640-only-button-icon.p-button .p-button-label { display: none; } .medium640-only-button-icon.p-button .p-button-icon { font-size: 1rem; margin: 0; } .medium640-only-button-icon.p-button.p-button-secondary .p-button-icon { color: #485A6A; opacity: 1; } } @media screen and (min-width: 56.25em) and (max-width: 74.99875em) { .medium-only-button-icon.p-button { padding: 0.6875rem 1rem; } .medium-only-button-icon.p-button .p-button-label { display: none; } .medium-only-button-icon.p-button .p-button-icon { font-size: 1rem; margin: 0; } .medium-only-button-icon.p-button.p-button-secondary .p-button-icon { color: #485A6A; opacity: 1; } } @media screen and (min-width: 75em) and (max-width: 74.99875em) { .large-only-button-icon.p-button { padding: 0.6875rem 1rem; } .large-only-button-icon.p-button .p-button-label { display: none; } .large-only-button-icon.p-button .p-button-icon { font-size: 1rem; margin: 0; } .large-only-button-icon.p-button.p-button-secondary .p-button-icon { color: #485A6A; opacity: 1; } } @media screen and (min-width: 75em) and (max-width: 89.99875em) { .xlarge-only-button-icon.p-button { padding: 0.6875rem 1rem; } .xlarge-only-button-icon.p-button .p-button-label { display: none; } .xlarge-only-button-icon.p-button .p-button-icon { font-size: 1rem; margin: 0; } .xlarge-only-button-icon.p-button.p-button-secondary .p-button-icon { color: #485A6A; opacity: 1; } } @media screen and (min-width: 90em) and (max-width: 112.49875em) { .xxlarge-only-button-icon.p-button { padding: 0.6875rem 1rem; } .xxlarge-only-button-icon.p-button .p-button-label { display: none; } .xxlarge-only-button-icon.p-button .p-button-icon { font-size: 1rem; margin: 0; } .xxlarge-only-button-icon.p-button.p-button-secondary .p-button-icon { color: #485A6A; opacity: 1; } } @media screen and (min-width: 112.5em) and (max-width: 127.99875em) { .xxxlarge-only-button-icon.p-button { padding: 0.6875rem 1rem; } .xxxlarge-only-button-icon.p-button .p-button-label { display: none; } .xxxlarge-only-button-icon.p-button .p-button-icon { font-size: 1rem; margin: 0; } .xxxlarge-only-button-icon.p-button.p-button-secondary .p-button-icon { color: #485A6A; opacity: 1; } } @media screen and (min-width: 128em) { .twok-only-button-icon.p-button { padding: 0.6875rem 1rem; } .twok-only-button-icon.p-button .p-button-label { display: none; } .twok-only-button-icon.p-button .p-button-icon { font-size: 1rem; margin: 0; } .twok-only-button-icon.p-button.p-button-secondary .p-button-icon { color: #485A6A; opacity: 1; } } .p-splitbutton .p-splitbutton-defaultbutton { border-top-right-radius: 0; border-bottom-right-radius: 0; } .p-splitbutton .p-splitbutton-defaultbutton .p-button-icon { color: #fff; } .p-splitbutton .p-splitbutton-menubutton { border-top-left-radius: 0; border-bottom-left-radius: 0; } .p-splitbutton .p-splitbutton-menubutton .p-button-icon { color: #fff; } .p-splitbutton.p-button-secondary .p-splitbutton-defaultbutton:not(.p-button-icon-only) .p-button-icon { color: rgba(72, 90, 106, 0.4); } .p-splitbutton.p-button-secondary.p-button-darker > .p-button { background: #DCE1E3; border-color: #DCE1E3; } .p-splitbutton.p-button-secondary.p-button-darker > .p-button:hover, .p-splitbutton.p-button-secondary.p-button-darker > .p-button:focus { background: rgb(200.1666666667, 208, 211.1333333333); border-color: rgb(200.1666666667, 208, 211.1333333333); } .p-splitbutton.p-button-secondary.p-button-darker > .p-button .p-button-icon { color: rgba(72, 90, 106, 0.6); } .p-splitbutton.p-button-secondary .p-button.p-splitbutton-menubutton .p-button-icon { color: #485A6A; } .p-splitbutton.p-button-secondary .p-button-icon-only .p-button-icon { color: #485A6A; } .p-splitbutton.p-button-rounded .p-splitbutton-defaultbutton { border-radius: 100px 0 0 100px; padding-inline: 0.75rem; } .p-splitbutton.p-button-rounded .p-splitbutton-menubutton { border-radius: 0 100px 100px 0; padding-inline: 0.25rem 0.5rem; } .p-splitbutton .p-menu { text-align: left; } .p-splitbutton .p-menu .p-menuitem-link { align-items: flex-start; } .p-splitbutton .p-menu .p-menuitem-text, .p-splitbutton .p-menu .p-menuitem-icon { line-height: 1.4; } .p-button-disabled .p-splitbutton .p-splitbutton-defaultbutton { opacity: 0.65; } .p-selectbutton { display: flex; align-items: stretch; } .p-selectbutton .p-button { font-size: 0.875rem; font-weight: var(--semiWeight, 600); } .p-selectbutton .p-button:not(.p-highlight) { opacity: 0.85; } .p-selectbutton .p-button.p-highlight { background: #fff; color: #1E2329; box-shadow: inset 0 0 0 2px hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-selectbutton .p-button.p-highlight:hover { background: #F3F4F5; color: #1E2329; } .p-selectbutton .p-button:not(:disabled):not(.p-highlight):hover { background: transparent; color: #485A6A; border-color: #C7CDD2; } .p-selectbutton.min-content-width .p-button { min-width: min-content; } .cs-children-toggler .p-button.p-button-icon-only, .cs-small-actions .p-button.p-button-icon-only { width: 1.75rem; height: 1.75rem; padding: 0; } .cs-children-toggler .p-button.p-button-icon-only .p-button-icon, .cs-small-actions .p-button.p-button-icon-only .p-button-icon { font-size: 1rem; } .ds-inline-settings .p-selectbutton .p-button, .ds-inline-settings .inline-setting__select-option .p-button, .mn-inline-settings .p-selectbutton .p-button, .mn-inline-settings .inline-setting__select-option .p-button { margin: 0 0.25rem; background: transparent; color: #485A6A; } .ds-inline-settings .p-selectbutton .p-button:first-child, .ds-inline-settings .inline-setting__select-option .p-button:first-child, .mn-inline-settings .p-selectbutton .p-button:first-child, .mn-inline-settings .inline-setting__select-option .p-button:first-child { margin-left: 0; } .ds-inline-settings .p-selectbutton .p-button:last-child, .ds-inline-settings .inline-setting__select-option .p-button:last-child, .mn-inline-settings .p-selectbutton .p-button:last-child, .mn-inline-settings .inline-setting__select-option .p-button:last-child { margin-right: 0; } .ds-inline-settings .p-selectbutton .p-button.p-button-icon-only, .ds-inline-settings .inline-setting__select-option .p-button.p-button-icon-only, .mn-inline-settings .p-selectbutton .p-button.p-button-icon-only, .mn-inline-settings .inline-setting__select-option .p-button.p-button-icon-only { height: 36px; } .ds-inline-settings .p-selectbutton .p-button.is-selected, .ds-inline-settings .inline-setting__select-option .p-button.is-selected, .mn-inline-settings .p-selectbutton .p-button.is-selected, .mn-inline-settings .inline-setting__select-option .p-button.is-selected { background: #fff; box-shadow: 0 2px 1px rgba(30, 35, 41, 0.3); border: 0; } .ds-inline-settings .p-selectbutton .p-button.is-selected:hover, .ds-inline-settings .inline-setting__select-option .p-button.is-selected:hover, .mn-inline-settings .p-selectbutton .p-button.is-selected:hover, .mn-inline-settings .inline-setting__select-option .p-button.is-selected:hover { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .ds-inline-settings .p-selectbutton .p-button.is-selected:focus, .ds-inline-settings .p-selectbutton .p-button.is-selected:active, .ds-inline-settings .p-selectbutton .p-button.is-selected.active, .ds-inline-settings .inline-setting__select-option .p-button.is-selected:focus, .ds-inline-settings .inline-setting__select-option .p-button.is-selected:active, .ds-inline-settings .inline-setting__select-option .p-button.is-selected.active, .mn-inline-settings .p-selectbutton .p-button.is-selected:focus, .mn-inline-settings .p-selectbutton .p-button.is-selected:active, .mn-inline-settings .p-selectbutton .p-button.is-selected.active, .mn-inline-settings .inline-setting__select-option .p-button.is-selected:focus, .mn-inline-settings .inline-setting__select-option .p-button.is-selected:active, .mn-inline-settings .inline-setting__select-option .p-button.is-selected.active { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .ds-inline-settings .p-selectbutton .p-button.p-highlight, .ds-inline-settings .inline-setting__select-option .p-button.p-highlight, .mn-inline-settings .p-selectbutton .p-button.p-highlight, .mn-inline-settings .inline-setting__select-option .p-button.p-highlight { background: #fff; box-shadow: 0 2px 1px rgba(30, 35, 41, 0.3); border: 0; } .ds-inline-settings .p-selectbutton .p-button.p-highlight:hover, .ds-inline-settings .inline-setting__select-option .p-button.p-highlight:hover, .mn-inline-settings .p-selectbutton .p-button.p-highlight:hover, .mn-inline-settings .inline-setting__select-option .p-button.p-highlight:hover { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .ds-inline-settings .p-selectbutton .p-button.p-highlight:focus, .ds-inline-settings .p-selectbutton .p-button.p-highlight:active, .ds-inline-settings .p-selectbutton .p-button.p-highlight.active, .ds-inline-settings .inline-setting__select-option .p-button.p-highlight:focus, .ds-inline-settings .inline-setting__select-option .p-button.p-highlight:active, .ds-inline-settings .inline-setting__select-option .p-button.p-highlight.active, .mn-inline-settings .p-selectbutton .p-button.p-highlight:focus, .mn-inline-settings .p-selectbutton .p-button.p-highlight:active, .mn-inline-settings .p-selectbutton .p-button.p-highlight.active, .mn-inline-settings .inline-setting__select-option .p-button.p-highlight:focus, .mn-inline-settings .inline-setting__select-option .p-button.p-highlight:active, .mn-inline-settings .inline-setting__select-option .p-button.p-highlight.active { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .ds-inline-settings .p-dropdown, .mn-inline-settings .p-dropdown { background: #fff; box-shadow: 0 2px 1px rgba(30, 35, 41, 0.3); border: 0; } .ds-inline-settings .p-dropdown:hover, .mn-inline-settings .p-dropdown:hover { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .sub-section:not(:last-child) { margin-bottom: 1rem; } .sub-section h2 { font-weight: bold; font-size: 0.875rem; } .sub-section > h2 { margin: 1rem 0 0.5rem; } .sub-section .sub-section-title { display: flex; align-items: center; margin: 1rem 0 0.5rem; } .sub-section .sub-section-title .title-text { flex: 0 1 auto; } .sub-section .sub-section-title .title-action { flex: 1 1 auto; margin-left: 0.5rem; } .sub-section .sub-section-title h2 { margin: 0; } .ds-inline-settings, .mn-inline-settings { display: flex; align-items: center; max-width: 100%; min-width: 0; } .ds-inline-settings .inline-setting, .mn-inline-settings .inline-setting { border-radius: 4px; display: flex; min-width: 0; } .ds-inline-settings .inline-setting.size-m, .mn-inline-settings .inline-setting.size-m { max-width: 21.875rem; min-width: 9.375rem; } .ds-inline-settings .inline-setting:not(.label-top), .mn-inline-settings .inline-setting:not(.label-top) { align-items: center; } .ds-inline-settings .inline-setting:not(.label-top) label, .mn-inline-settings .inline-setting:not(.label-top) label { margin: 0 0.5rem 0 0; } .ds-inline-settings .inline-setting.label-top, .mn-inline-settings .inline-setting.label-top { flex-direction: column; } .ds-inline-settings .inline-setting.label-top label, .mn-inline-settings .inline-setting.label-top label { margin: 0 0 0.25rem; } .ds-inline-settings .p-error, .mn-inline-settings .p-error { background: #F55858; color: #fff; border-radius: 0 0 4px 4px; padding: 0.5rem; } .ds-inline-settings .inline-setting { background: rgba(72, 90, 106, 0.08); padding: 0.5rem; } .ds-inline-settings .inline-setting + .inline-setting { margin-left: 0.5rem; } .ds-inline-settings .inline-setting label { color: #485A6A; font-weight: bold; } .mn-inline-settings { background: #F3F4F5; border: 1px solid #C7CDD2; padding: 1rem; border-radius: 4px; } .mn-inline-settings .inline-setting + .inline-setting { margin-left: 1rem; } .mn-inline-settings .inline-setting label { font-weight: var(--semiWeight, 600); } .simple-inline-setting { background: rgba(72, 90, 106, 0.08); padding: 0.5rem; border-radius: 4px; } .p-button-ds-wizard.p-button.p-button-outlined { height: 36px; padding: 0 0.5rem; } .p-button-ds-wizard.p-button.p-button-outlined .p-button-label { line-height: 1; } .p-button-ds-wizard.p-button.p-button-outlined .p-button-icon { line-height: 1; opacity: 1; } .p-button-ds-wizard.p-button.p-button-outlined .p-button-icon .material-icons { color: #485A6A; } .p-button-ds-wizard.p-button.p-button-outlined .p-badge { margin: 0; line-height: 1.1rem; height: 1.1rem; width: auto; min-width: 1.1rem; font-weight: 600; text-align: center; color: #fff; text-align: center; display: inline-block; padding: 0 0.25rem; } .p-button-ds-wizard.p-button.p-button-outlined .p-badge.p-badge-warning { background: #C78B00; color: #fff; } .p-button-ds-wizard.p-button.p-button-outlined .p-badge.p-badge-danger { background: #FF1E1E; color: #fff; } .p-button-ds-wizard.p-button.p-button-outlined .p-tag.p-tag-success.icon-only { border-radius: 50%; background-color: #37D282; padding: 0; width: 1.3rem; height: 1.3rem; min-width: initial; } .p-button-ds-wizard.p-button.p-button-outlined .p-tag.p-tag-success.icon-only .p-tag-icon { color: #fff; font-size: 0.875rem; } .p-button-ds-wizard.p-button.p-button-outlined:enabled:focus:not(.is-visible) { background: transparent; } .p-button-ds-wizard.p-button.p-button-outlined.has-issues .p-badge { animation: hasErrAnim 1.3s 1 ease-in-out; } @keyframes hasErrAnim { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.8); } } .h-wizard .p-dialog { height: initial !important; max-height: 60vh; max-width: 32rem; } @media print, screen and (min-width: 56.25em) { .h-wizard .p-dialog { width: 23.75rem; } } @media screen and (min-width: 75em) { .h-wizard .p-dialog { width: 26.25rem; max-height: 50vh; } } @media screen and (min-width: 90em) { .h-wizard .p-dialog { width: 28.125rem; } } .h-wizard .p-dialog .p-dialog-header { border: 0; } .p-dialog-ds-wizard .p-dialog { min-height: 200px; } .p-dialog-ds-wizard .p-dialog .p-dialog-header { padding-top: 0.5rem; padding-bottom: 0.25rem; } .p-dialog-ds-wizard .p-dialog .p-dialog-content { padding: 0; } .p-dialog-ds-wizard .p-tabview .p-tabview-nav-container { border-bottom: 1px solid #C7CDD2; box-shadow: 0 2px 0 0 #fff; background: #fff; position: sticky; top: 0; z-index: 3; } .p-dialog-ds-wizard .p-tabview .p-tabview-nav-content { text-align: center; padding-bottom: 0.25rem; } .p-dialog-ds-wizard .p-tabview .p-tabview-nav { border: 0; width: auto !important; min-width: initial; padding: 0.25rem; border-radius: 4px; background: #E7EBEC; display: inline-flex; margin: auto; } .p-dialog-ds-wizard .p-tabview .p-tabview-nav li .p-tabview-nav-link { padding: 0.25rem 0.5rem; border-radius: 4px; color: #485A6A; background: transparent; border: 0; } .p-dialog-ds-wizard .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #fff; border: 0; color: #1E2329; } .p-dialog-ds-wizard .p-tabview .p-tabview-nav .p-badge { line-height: 1.2rem; height: 1.2rem; width: auto; min-width: 1.2rem; font-weight: 600; text-align: center; color: #fff; text-align: center; display: inline-block; padding: 0 0.25rem; } .p-dialog-ds-wizard .p-tabview .p-tabview-nav .p-badge.p-badge-danger { background-color: #FF1E1E; } .p-dialog-ds-wizard .p-tabview .p-tabview-nav .p-badge.p-badge-warning { background-color: #C78B00; } .p-dialog-ds-wizard .p-tabview .p-tabview-panels { padding: 0.25rem 0.5rem 0.5rem; background: #F3F4F5; } .p-dialog-ds-wizard .wiz-empty-state { text-align: center; padding: 1rem 1.5rem 1.5rem; } .p-dialog-ds-wizard .p-tag.ds-wizard-tag { font-size: 0.75rem; padding: 0.125rem 0.25rem; white-space: nowrap; } .p-dialog-ds-wizard .p-tag.ds-wizard-tag.p-tag-danger { background-color: #FF1E1E; color: #fff; } .p-dialog-ds-wizard .p-tag.ds-wizard-tag.p-tag-warning { background-color: #C78B00; color: #fff; } .p-dialog-ds-wizard .p-tag.ds-wizard-tag.p-tag-info { color: #485A6A; } .p-dialog-ds-wizard .p-tag.ds-wizard-tag .p-tag-value { line-height: 1; } .p-dialog-ds-wizard .ds-issues-list.ds-issues-warnings .ds-issue::before { border-left-color: #C78B00; } .p-dialog-ds-wizard .ds-issues-list.ds-issues-errors .ds-issue::before { border-left-color: #FF1E1E; } .ctx-panel .p-button-close.p-button-icon-only { background: #C7CDD2; position: absolute; right: -0.3rem; top: -0.3rem; z-index: 10; padding: 0; height: 1.5rem !important; width: 1.5rem !important; } .ctx-panel .p-button-close.p-button-icon-only .p-button-icon { font-size: 0.7rem; color: #1E2329 !important; } .ctx-panel .actions > div { margin-top: 0.5rem; } .ctx-panel .actions.side { position: absolute; left: -1.7rem; top: 3.3rem; z-index: 10; display: flex; flex-direction: column; text-align: center; } .ctx-panel .actions .p-button { background: #fff; box-shadow: 0 2px 1px rgba(30, 35, 41, 0.3); border: 0; position: relative; border-radius: 50px; padding: 0.25rem; } .ctx-panel .actions .p-button:hover { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .ctx-panel .actions .p-button .p-button-icon { line-height: 1; opacity: 1; color: #485A6A; } .ctx-panel .actions .p-button .p-button-icon.p-button-icon-left { margin-right: 0; } .ctx-panel .actions .p-button .p-button-label { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .ctx-panel .actions .p-button:enabled:hover, .ctx-panel .actions .p-button:enabled:active, .ctx-panel .actions .p-button:enabled:focus { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .ctx-panel .actions .p-button:enabled:hover .p-button-icon, .ctx-panel .actions .p-button:enabled:active .p-button-icon, .ctx-panel .actions .p-button:enabled:focus .p-button-icon { color: #1E2329; } .ctx-panel .actions .p-button.p-button-icon-only { width: 2.4rem; height: 2.4rem; border-radius: 50%; padding: 0; } .ctx-panel .actions .p-button.p-button-icon-only .p-button-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ctx-panel .actions .p-button.p-button-icon-only:enabled:hover, .ctx-panel .actions .p-button.p-button-icon-only:enabled:active, .ctx-panel .actions .p-button.p-button-icon-only:enabled:focus { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .ctx-panel .actions .p-button.p-button-icon-only:enabled:hover .p-button-icon, .ctx-panel .actions .p-button.p-button-icon-only:enabled:active .p-button-icon, .ctx-panel .actions .p-button.p-button-icon-only:enabled:focus .p-button-icon { color: #1E2329; } .ctx-panel__context { background: #F5F6F7; padding: 1rem 1rem 0.75rem 2.375rem; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); position: relative; z-index: 5; } .ctx-panel__unsaved-warning { color: #db9f18; } .p-dialog-ai-bee .p-messages { max-width: 87%; } .p-dialog-ai-bee .p-messages .p-message { margin: 0.5rem 0 0; border-radius: 0 10px 10px 0; padding: 0.25rem 0 0.5rem; } .p-dialog-ai-bee .p-messages .p-message.p-message-warning { background: rgb(255, 249.5340909091, 218); color: rgb(71.5, 49.9422110553, 0); } .p-dialog-ai-bee .p-messages .p-message.p-message-success { background: #AFFFD6; color: rgb(0, 55.3, 29.1692307692); } .p-dialog-ai-bee .p-messages .p-message.p-message-danger { background: #FFE6E6; color: rgb(138.3, 0, 0); } .p-dialog-ai-bee .p-messages .p-message .p-message-wrapper { padding-left: 2.75rem; padding-top: 0; } .p-dialog-ai-bee .p-messages .p-message .p-message-wrapper .p-message-icon { top: 0; left: 0.5rem; } .p-dialog-ai-bee .p-messages .p-message .p-message-wrapper .p-message-summary, .p-dialog-ai-bee .p-messages .p-message .p-message-wrapper .p-message-detail { display: block; } .p-dialog-ai-bee .p-messages .p-message .p-message-wrapper .p-message-summary { padding-top: 0.25rem; } .p-dialog-ai-bee .p-messages .p-message .p-message-wrapper .p-message-detail { padding-top: 0.25rem; } .p-dialog-ai-bee .p-messages .p-message .p-message-wrapper .p-message-detail ul { margin: 0; padding-left: 0.5rem; } .p-dialog-ai-bee .chat-messages p { margin: 0; } .p-button-bee-ai { position: relative; height: 1.75rem !important; width: 1.75rem; padding: 0 !important; } .p-button-bee-ai::before { content: ""; border-radius: 100px; display: block; background-image: linear-gradient( 45deg, #1319D6, #D974FF, #49DBFF); position: absolute; left: -0.375rem; right: -0.375rem; top: -0.375rem; bottom: -0.375rem; } .p-button-bee-ai::after { content: ""; border-radius: 100px; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 1; } .p-button-bee-ai .p-button-icon { position: relative; z-index: 2; opacity: 1 !important; margin-inline: auto; } .p-button-bee-ai .p-button-icon .the-icon { color: #1E2329; } .p-button-bee-ai.p-button.toggle-view.is-visible { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .ctx-ai-button { position: absolute; z-index: 97; } .ctx-ai-button.top { top: 1rem; } .ctx-ai-button.right { right: 1rem; } .ctx-ai-button.left { left: 1rem; } .ctx-ai-button.bottom { bottom: 1rem; } .ctx-ai-button .p-button { padding: 0; width: auto; height: auto; background: transparent; border: 0; } .ctx-ai-button .p-button .p-button-icon { position: relative; line-height: 1; color: #000; width: 1.75rem; height: 1.75rem; opacity: 1; z-index: 2; } .ctx-ai-button .p-button .p-button-icon .icon-circle { display: inline-block; z-index: 1; width: 100%; height: 100%; background: #fff; border: 1px solid #fff; border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.3); } .ctx-ai-button .p-button .p-button-icon .the-icon { line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; } .ctx-ai-button .p-button .p-button-icon::after { content: ""; border-radius: 50%; display: block; position: absolute; background-image: linear-gradient( 45deg, #1319D6, #D974FF, #49DBFF); z-index: -1; left: -0.25rem; right: -0.25rem; top: -0.25rem; bottom: -0.25rem; border: 1px solid rgba(73, 255, 226, 0.8); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; animation: rotate 6s linear infinite; } .ctx-ai-button .p-button .p-button-label { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; background: transparent; color: transparent; overflow: hidden; width: 0; height: 0; white-space: nowrap; position: absolute; left: 0; } .ctx-ai-button .p-button:enabled:hover, .ctx-ai-button .p-button:enabled:focus, .ctx-ai-button .p-button:enabled:active { border: 0; background: transparent; } .ctx-ai-button .p-button:enabled:hover .p-button-icon .icon-circle, .ctx-ai-button .p-button:enabled:focus .p-button-icon .icon-circle, .ctx-ai-button .p-button:enabled:active .p-button-icon .icon-circle { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.3); } .ctx-ai-button.is-visible .p-button .p-button-icon::after { left: -0.4375rem; right: -0.4375rem; top: -0.4375rem; bottom: -0.4375rem; animation: rotate 4s linear infinite; } .ctx-ai-button.is-visible .p-button { animation: expand 0.3s ease-in-out 1; } .ctx-ai-button .p-button:hover .p-button-label { background: #fff; overflow: visible; width: auto; height: auto; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.3); border-radius: 1000px; color: #1E2329; } .ctx-ai-button .p-button:hover .p-button-label > span { display: block; padding: 0.5rem 0.5rem 0.5rem 2.5rem; } @keyframes rotate { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } @keyframes thinking { from { opacity: 0.99; } to { opacity: 0.2; } } @keyframes expand { 0% { transform: scale(0.65, 0.65); } 50% { transform: scale(1.3, 1.3); } 85% { transform: scale(0.85, 0.85); } 95% { transform: scale(1.1, 1.1); } } .is-thinking { animation: thinking 2s linear infinite; } .bee-handle { width: 2.375rem; height: 2.375rem; border-radius: 50%; position: relative; } .bee-handle .icon-wrapper { background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 3; } .bee-handle .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .bee-handle .bee-icon { width: 1.375rem; } .bee-handle::after, .bee-handle::before { content: ""; border-radius: 50%; display: block; position: absolute; background-image: linear-gradient( 45deg, #1319D6, #D974FF, #49DBFF); } .bee-handle::after { z-index: -1; left: -0.4375rem; right: -0.4375rem; top: -0.4375rem; bottom: -0.4375rem; animation: rotate 5s linear infinite; } .bee-handle::before { left: -0.625rem; right: -0.625rem; top: -0.625rem; bottom: -0.625rem; z-index: -2; backdrop-filter: blur(30px); filter: blur(24px); opacity: 0.8; animation: rotate 7s linear infinite; animation-direction: reverse; } .bee-handle.is-thinking::before { display: none; } .bee-handle.is-thinking::after { animation: rotate 2s linear infinite; } .ctx-ai-menu__warning, .ai-search-menu__warning { padding: 0.25rem 0.5rem 0; } .ctx-ai-menu__warning .p-message, .ai-search-menu__warning .p-message { margin: 0; padding: 0.25rem 0.5rem; } .ctx-ai-menu__warning .p-message .p-message-wrapper, .ai-search-menu__warning .p-message .p-message-wrapper { padding: 0; } .ctx-ai-menu__item.p-button, .ai-search-menu__item.p-button { width: 100%; border-radius: 0; padding: 0.5rem; } .ctx-ai-menu__item.p-button .p-button-label, .ai-search-menu__item.p-button .p-button-label { color: #1E2329; } .ctx-ai-menu__item.p-button .p-button-icon, .ai-search-menu__item.p-button .p-button-icon { line-height: 1; color: #485A6A; margin-right: 0.25rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .ctx-ai-menu__item.p-button:not(:disabled):hover, .ctx-ai-menu__item.p-button:not(:disabled):active, .ctx-ai-menu__item.p-button:not(:disabled):focus, .ai-search-menu__item.p-button:not(:disabled):hover, .ai-search-menu__item.p-button:not(:disabled):active, .ai-search-menu__item.p-button:not(:disabled):focus { background: #E7EBEC !important; } .ctx-ai-menu__item.p-button:not(:disabled):hover .p-button-icon, .ctx-ai-menu__item.p-button:not(:disabled):active .p-button-icon, .ctx-ai-menu__item.p-button:not(:disabled):focus .p-button-icon, .ai-search-menu__item.p-button:not(:disabled):hover .p-button-icon, .ai-search-menu__item.p-button:not(:disabled):active .p-button-icon, .ai-search-menu__item.p-button:not(:disabled):focus .p-button-icon { color: #1E2329; } .ctx-ai-menu .ai-chat-input-wrapper, .ai-search-menu .ai-chat-input-wrapper { padding: 0.5rem; background: #F3F4F5; border-top: 1px solid #C7CDD2; box-shadow: inset 0 2px 0 #fff; border-radius: 0 0 4px 4px; } .ctx-ai-menu .ai-chat-input-wrapper .ai-chat-input, .ai-search-menu .ai-chat-input-wrapper .ai-chat-input { background: #fff; position: relative; } .ctx-ai-menu .ai-chat-input-wrapper .ai-chat-send, .ai-search-menu .ai-chat-input-wrapper .ai-chat-send { bottom: 0.25rem; } .ctx-ai-menu .ai-chat-input-wrapper { margin-top: 0.5rem; } .code-editor-container .ctx-ai-button { transform: translate(-28px, 24px); } .cf-layout-full { font-size: 0.875rem; } .cf-layout-full .sticky-bar-container, .cf-layout-full .sticky-bottom-bar { background: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)) !important; } .cf-layout-full .sticky-bottom-bar { border-top: 1px solid hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 13%)) !important; } @media screen and (min-width: 40em) { .cf-layout-full .sticky-bottom-bar .purchase + .sales:before { border-left: 1px solid hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 13%)); } } .cf-layout-full .cf-toolbar { background: hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 8%)); } @media screen and (max-width: 56.25em) { .cf-layout-full .cf-toolbar { display: none; } } .cf-layout-full .cf-toolbar .button-wrapper.wizard-button { border-left: 1px solid hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 28%)); } .cf-layout-full .cf-toolbar .button-wrapper.wizard-button:before { border-left: 1px solid hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) + 11%)); } body.cf-layout-full { height: 100%; } .cf-layout-light .bg-base { height: initial; } .cf-layout-full .bg-base { height: 100%; } .cf-layout-full .cs.summary-is-open .config-total-bar { display: none; } .cf-layout-light .p-component { font-size: 0.875rem; } .cf-layout-full .p-component { font-size: 0.875rem; } .cf-layout-light .cfv2 .item-img { line-height: 1; margin-right: 0.5rem; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; font-size: 0; } @media screen and (max-width: 22.49875em) { .cf-layout-light .cfv2 .item-img { width: calc(3.5rem * 0.7); } } .cf-layout-light .cfv2 .item-img img { width: 100%; height: 100%; object-fit: contain; } .cf-layout-full .cfv2 .item-img { line-height: 1; margin-right: 0.25rem; width: 3.25rem; height: 3.25rem; display: flex; align-items: center; justify-content: center; font-size: 0; } @media screen and (max-width: 22.49875em) { .cf-layout-full .cfv2 .item-img { width: calc(3.25rem * 0.7); } } .cf-layout-full .cfv2 .item-img img { width: 100%; height: 100%; object-fit: contain; } .cfv2 .item-price.is-optional { font-weight: normal; position: relative; } .cfv2 .item-price.is-optional i.fa-asterisk { display: inline-block; color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .cf-layout-light .cfv2 .item-price.is-optional i.fa-asterisk { position: relative; top: -0.5rem; } .cf-layout-full .cfv2 .item-price.is-optional i.fa-asterisk { position: absolute; left: calc(100% + 2px); position: absolute; top: 50%; transform: translateY(-50%); padding-bottom: 0.5rem; } .cfv2 .item-price.is-optional .p-button.p-button-link { font-weight: normal; } .cfv2 .p-tag.p-tag-discount { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); font-size: 12px; cursor: pointer; } .cfv2 .p-tag.p-tag-discount:hover { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .cf-layout-light .cfv2 .bom-item .item-price.is-optional i.fa-asterisk { position: absolute; left: calc(100% + 2px); position: absolute; top: 50%; transform: translateY(-50%); padding-bottom: 0.5rem; } .cf-layout-full .cfv2 .bom-item .item-price.is-optional i.fa-asterisk { position: relative; position: relative; top: -0.25rem; left: initial; padding: 0; transform: none; } .cfv2 .cs.summary .item-price.is-optional i.fa-asterisk { position: relative; top: -0.25rem; left: initial; padding: 0; transform: none; } .archived-cs-top-bar { position: sticky; z-index: 100; } .cfv2:not(.inb2b) .archived-cs-top-bar { background: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)); } .archived-cs-top-bar .bar-content { border-radius: 4px 4px 0 0; box-shadow: 0 0 1px rgba(30, 35, 41, 0.15), 0 3px 10px rgba(30, 35, 41, 0.15); } .archived-cs { background: #fff; padding: 0.5rem 1rem 1rem; border-radius: 4px; margin: 0 0 1rem; } .summary .read-only-cs-item:not(.is-title):not(.is-step) { border-bottom: 1px solid #C7CDD2; } .read-only-cs-item:not(.is-title):not(.is-step) { padding: 0.5rem 0; } .read-only-cs-item.is-step { font-size: 1.125rem; font-weight: bold; margin: 0.5rem 0 0.25rem; } .read-only-cs-item.is-step:not(:first-child) { margin-top: 1rem; } .read-only-cs-item.is-title { font-size: 1rem; font-weight: bold; margin: 1rem 0 0.25rem; } .read-only-cs-item .read-only-cs-item-flex-container { display: flex; align-items: center; } .read-only-cs-item .read-only-cs-item-flex-container .item-ilv-container { display: flex; align-items: center; flex: 1 1 auto; } .read-only-cs-item .read-only-cs-item-flex-container .item-img-container, .read-only-cs-item .read-only-cs-item-flex-container .item-qp { flex: 0 1 auto; } .read-only-cs-item .read-only-cs-item-flex-container .item-lv { flex: 1 1 auto; font-size: 0; } .read-only-cs-item .read-only-cs-item-flex-container .item-label { font-weight: var(--semiWeight, 600); } .cf-layout-light .read-only-cs-item .read-only-cs-item-flex-container .item-value div > * { font-size: 0.875rem; } .cf-layout-full .read-only-cs-item .read-only-cs-item-flex-container .item-value div > * { font-size: 0.875rem; } .read-only-cs-item .read-only-cs-item-flex-container .item-codes .p-tag { font-size: 0.75rem; margin: 0.25rem 0 0; } .read-only-cs-item .read-only-cs-item-flex-container .item-qp { text-align: right; margin-left: 0.5rem; } .read-only-cs-item .read-only-cs-item-flex-container .item-qp .item-qty { margin-bottom: 0.25rem; white-space: nowrap; } .read-only-cs-item .read-only-cs-item-flex-container .item-qp .item-price { margin: 0; white-space: nowrap; } .cf-layout-light .read-only-cs-item .read-only-cs-item-flex-container .item-label > * { font-size: 0.875rem; } .cf-layout-full .read-only-cs-item .read-only-cs-item-flex-container .item-label > * { font-size: 0.875rem; } .read-only-cs-item.no-image:not(.is-checkbox) .item-label, .read-only-cs-item.no-image:not(.is-checkbox) .item-value { display: inline-block; vertical-align: middle; } .read-only-cs-item.no-image:not(.is-checkbox) .item-label { margin-right: 0.25rem; } .read-only-cs-item.is-checkbox:not(.is-checked) { } .read-only-cs-item.is-checkbox:not(.is-checked) .item-price, .read-only-cs-item.is-checkbox:not(.is-checked) .item-qty, .read-only-cs-item.is-checkbox:not(.is-checked) .item-label .ro-toggle-lable { opacity: 0.7; font-weight: normal; } .summary .read-only-cs-item p-message { display: none; } .layout-row .layout-row-item .formnode-container { max-width: initial; margin-bottom: 0; } .cs.summary .read-only-cs-item.is-checkbox.is-checked .toggle-child { display: none; } .cs:not(.summary) .read-only-cs-item.is-checkbox { padding: 0; } .cf-layout-light .cs:not(.summary) .read-only-cs-item.is-checkbox { margin-bottom: 1rem; } .cf-layout-full .cs:not(.summary) .read-only-cs-item.is-checkbox { margin-bottom: 1rem; } .cs:not(.summary) .read-only-cs-item.is-checkbox .p-field-label { font-weight: normal; } .cs:not(.summary) .read-only-cs-item.is-checkbox .toggle-child:hover { cursor: not-allowed; } .cs:not(.summary) .node-group-wrapper.display-inpanel .read-only-cs-item.is-checkbox .toggle-child:hover { cursor: pointer; } .cs:not(.summary) .layout-row .layout-row-item .read-only-cs-item { padding: 0; margin: 0; } .cs:not(.summary) .layout-row .layout-row-item:not(:only-child) .read-only-cs-item.no-image { min-height: 37px; display: flex; justify-content: center; flex-direction: column; } .cs:not(.summary) .layout-row .layout-row-item:not(:only-child) .read-only-cs-item.is-checkbox .item-lv { min-height: 37px; display: flex; align-items: center; } .cs:not(.summary) .layout-row .layout-row-item:not(:only-child) .read-only-cs-item.is-checkbox:not(.no-image) .read-only-cs-item-flex-container { align-items: flex-end; } .cs:not(.summary) .layout-row .layout-row-item:not(:only-child) .read-only-cs-item .item-qp { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; flex: 0 1 auto; margin-left: 0.5rem; min-height: 37px; } .cs:not(.summary) .layout-row .layout-row-item:not(:only-child) .read-only-cs-item .item-qp .item-qty { flex: 0 1 auto; margin: 0; } .cs:not(.summary) .layout-row .layout-row-item:not(:only-child) .read-only-cs-item .item-qp .item-price { flex: 0 1 auto; text-align: right; } .cs:not(.summary) .layout-row .layout-row-item:not(:only-child) .read-only-cs-item .item-qp .item-price:not(:only-child) { margin-left: 0.5rem; } .cf-layout-light .cs:not(.summary) .read-only-cs-item { max-width: 50rem; } .cf-layout-full .cs:not(.summary) .read-only-cs-item { max-width: 41.5rem; } .cf-ctx-menu { white-space: nowrap; } .selection-buttons .formnode-container .p-field-label.text-size-m { margin-bottom: 0.75rem !important; } .weight-bold { font-weight: bold !important; } .hidden { display: none !important; } .disabled-anchor { pointer-events: none !important; cursor: pointer !important; text-decoration: none !important; } .formnode-container { width: 100%; } .cf-layout-light .formnode-container:not(.full-width) { max-width: 50rem; } .cf-layout-full .formnode-container:not(.full-width) { max-width: 41.5rem; } .cf-layout-light .formnode-container { margin-bottom: 1rem; } .cf-layout-full .formnode-container { margin-bottom: 1rem; } .formnode-container > .flex-container { display: flex; align-items: flex-end; min-width: 0; } .formnode-container .formitem-child { flex: 1 1 auto; min-width: 0; } .cf-layout-light .formnode-container .formitem-child .bfr-optional-notooltip { margin: 0 0.5rem 0 0; } .cf-layout-full .formnode-container .formitem-child .bfr-optional-notooltip { margin: 0; } .formnode-container .formitem-child:only-child .p-field-label:only-child { margin: 0; } .formnode-container .qtypricing-child { display: flex; justify-content: flex-end; align-items: center; flex: 0 1 auto; margin-left: 0.5rem; min-height: 37px; } .cf-layout-light .formnode-container .qtypricing-child { flex-wrap: wrap-reverse; } .cf-layout-full .formnode-container .qtypricing-child { flex-wrap: wrap-reverse; } .formnode-container .qtypricing-child .qty-child { flex: 0 1 auto; } .formnode-container .qtypricing-child .item-price { flex: 0 1 auto; text-align: right; } .formnode-container .qtypricing-child .item-price:not(:only-child) { margin-left: 0.5rem; } .formnode-container .qtypricing-child .item-price > span { display: block; } .formnode-container .qtypricing-child .item-price .discount-container { text-align: right; } .gs-wrapper .formnode-container .qtypricing-child .qty-child { align-self: flex-start; } .split-item .formnode-container .qtypricing-child .discount-container { display: inline-block; } .cf-node.label-pos-left .formitem-child { display: flex; align-items: center; } .cf-node.label-pos-left .formitem-child .textitem-grandchild { flex: 0 1 auto; margin-right: 0.5rem; order: 1; } .cf-node.label-pos-left .formitem-child .formelitem-grandchild { order: 2; flex: 1 1 auto; } .cf-node.label-pos-left.is-in-row:not(.textfield-wrapper) .formitem-child { align-items: flex-end; } .cf-node.label-pos-left:not(.toggle-wrapper):not(.textnode-wrapper):not(.is-in-row) .formitem-child .textitem-grandchild { width: 35%; } .cf-layout-light .cf-node.label-pos-left:not(.toggle-wrapper):not(.textnode-wrapper):not(.is-in-row) .formitem-child .textitem-grandchild { min-width: 130px; } .cf-layout-full .cf-node.label-pos-left:not(.toggle-wrapper):not(.textnode-wrapper):not(.is-in-row) .formitem-child .textitem-grandchild { min-width: 130px; } .cf-node.label-pos-left:not(.toggle-wrapper):not(.textnode-wrapper).is-in-row .formitem-child .textitem-grandchild { max-width: 30%; min-width: 100px; } .label-container, .p-field-label { display: block; color: #1E2329; } .label-container:not(.label-is-left), .p-field-label:not(.label-is-left) { margin: 0 0 0.25rem; } .label-container .help-text, .p-field-label .help-text { font-weight: normal; font-style: italic; opacity: 0.7; } .label-container + .help-text-container, .label-container + .help-text, .p-field-label + .help-text-container, .p-field-label + .help-text { margin: -0.25rem 0 0.25rem; } .p-field-label { font-weight: var(--semiWeight, 600); margin: 0 0 0.25rem; } .cf-label { vertical-align: middle; word-break: break-word; font-weight: var(--semiWeight, 600); } .selected-item-label .cf-label, .item-label:not(.label-container) .cf-label, .toggle-wrapper .cf-label, .split-item .cf-label, .gs-list-item-details .cf-label { font-weight: normal; } .cf-label.weight-bold { font-weight: bold; } .cf-layout-light .cf-label.text-size-s { font-size: 0.75rem; } .cf-layout-full .cf-label.text-size-s { font-size: 0.75rem; } .cf-layout-light .cf-label.text-size-nrm { font-size: 0.875rem; } .cf-layout-full .cf-label.text-size-nrm { font-size: 0.875rem; } .cf-layout-light .cf-label.text-size-m { font-size: 1.125rem; } .cf-layout-full .cf-label.text-size-m { font-size: 1.125rem; } .cf-layout-light .cf-label.text-size-l { font-size: 1.5rem; } .cf-layout-full .cf-label.text-size-l { font-size: 1.3125rem; } .node-code .item-codes, .read-only-cs-item .item-codes { font-size: 0; margin-top: 0 !important; } .node-code .p-tag.p-tag-info.gray, .read-only-cs-item .p-tag.p-tag-info.gray { font-weight: normal; color: #1E2329; background-color: transparent; padding: 0; border: 0; margin: 0; font-size: 0.75rem; opacity: 0.9; } .node-code .p-tag.p-tag-info.gray .p-tag-value, .read-only-cs-item .p-tag.p-tag-info.gray .p-tag-value { font-weight: normal; } .node-code { margin-top: -0.25rem; } .node-description { padding: 0 0 0.25rem; word-break: break-word; } .node-description p { margin: 0; } .node-description p:not(:first-child) { margin-top: 0.5rem; } .form-el-style, .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-dropdown { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; border-width: calc(var(--expSolidBgBorder, 1) * 1px); border-style: solid; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); } .form-el-style:focus, .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:focus, .cf-table p-columnfilter .p-checkbox .p-checkbox-box:focus:not(.p-highlight), .cf-table p-columnfilter .p-dropdown:focus, .form-el-style:active, .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:active, .cf-table p-columnfilter .p-checkbox .p-checkbox-box:active:not(.p-highlight), .cf-table p-columnfilter .p-dropdown:active, .form-el-style:enabled:focus, .cf-table p-columnfilter .p-dropdown:enabled:focus, .form-el-style:enabled:active, .cf-table p-columnfilter .p-dropdown:enabled:active { box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); } .cf-node.has-error .form-el-style, .cf-node.has-error .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node.has-error .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-node.has-error .p-checkbox-box:not(.p-highlight), .cf-node.has-error .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .cf-node.has-error .p-dropdown { border: 1px solid #FF1E1E !important; } .framed-container-style { border-width: calc(var(--expSolidBgBorder, 1) * 1px); border-style: solid; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); } .cf-node.node-group-wrapper.is-framed .group-container { border-width: calc(var(--expSolidBgBorder, 1) * 1px); border-style: solid; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); } .cf-node.textfield-wrapper .p-inputgroup .p-inputgroup-addon { border-width: calc(var(--expSolidBgBorder, 1) * 1px); border-style: solid; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); border-left: 0; } .cf-node .qty-picker .p-inputnumber { border-width: calc(var(--expSolidBgBorder, 1) * 1px); border-style: solid; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); } .qty-picker .p-inputnumber.p-inputnumber-buttons-stacked { border-width: calc(var(--expSolidBgBorder, 1) * 1px); border-style: solid; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); } .qty-picker-container .p-inputgroup-addon { border-width: calc(var(--expSolidBgBorder, 1) * 1px); border-style: solid; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); border-left: 0; } .gs-list-item .form-el-style, .gs-list-item .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .gs-list-item .p-paginator-rpp-options, .gs-list-item .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .gs-list-item .p-checkbox-box:not(.p-highlight), .gs-list-item .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .gs-list-item .p-dropdown { background: white; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .gs-list-item .form-el-style:hover, .gs-list-item .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:hover, .cf-node .page-table-paginator .p-paginator .gs-list-item .p-paginator-rpp-options:hover, .gs-list-item .cf-table p-columnfilter .p-checkbox .p-checkbox-box:hover:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .gs-list-item .p-checkbox-box:hover:not(.p-highlight), .gs-list-item .cf-table p-columnfilter .p-dropdown:hover, .cf-table p-columnfilter .gs-list-item .p-dropdown:hover, .gs-list-item .form-el-style:enabled:hover { background: white; border-color: #9A9FA3; color: #1E2329; border-radius: 4px; } .cf-gs-overlay.is-dropdown .gs-list-item .form-el-style, .cf-gs-overlay.is-dropdown .gs-list-item .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .cf-gs-overlay.is-dropdown .gs-list-item .p-paginator-rpp-options, .cf-gs-overlay.is-dropdown .gs-list-item .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-gs-overlay.is-dropdown .gs-list-item .p-checkbox-box:not(.p-highlight), .cf-gs-overlay.is-dropdown .gs-list-item .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .cf-gs-overlay.is-dropdown .gs-list-item .p-dropdown { border-radius: 0; border: 0; box-shadow: none; } .cf-gs-overlay.is-dropdown .gs-list-item .form-el-style:hover, .cf-gs-overlay.is-dropdown .gs-list-item .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:hover, .cf-node .page-table-paginator .p-paginator .cf-gs-overlay.is-dropdown .gs-list-item .p-paginator-rpp-options:hover, .cf-gs-overlay.is-dropdown .gs-list-item .cf-table p-columnfilter .p-checkbox .p-checkbox-box:hover:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-gs-overlay.is-dropdown .gs-list-item .p-checkbox-box:hover:not(.p-highlight), .cf-gs-overlay.is-dropdown .gs-list-item .cf-table p-columnfilter .p-dropdown:hover, .cf-table p-columnfilter .cf-gs-overlay.is-dropdown .gs-list-item .p-dropdown:hover { background: rgba(0, 37, 51, 0.07); border-color: transparent; color: #1E2329; } .cf-gs-overlay.is-dropdown .gs-list-item.is-selected .form-el-style, .cf-gs-overlay.is-dropdown .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .cf-gs-overlay.is-dropdown .gs-list-item.is-selected .p-paginator-rpp-options, .cf-gs-overlay.is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-gs-overlay.is-dropdown .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight), .cf-gs-overlay.is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .cf-gs-overlay.is-dropdown .gs-list-item.is-selected .p-dropdown { background: rgba(0, 0, 0, 0.03); border-color: #A9AEB3; color: #1E2329; box-shadow: inset 0 0 0 2px hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)), inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .gs-list-item.is-selected .form-el-style, .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .gs-list-item.is-selected .p-paginator-rpp-options, .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight), .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .gs-list-item.is-selected .p-dropdown { background: rgba(0, 0, 0, 0.03); border-color: #A9AEB3; color: #1E2329; border-radius: 4px; box-shadow: inset 0 0 0 2px hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)), inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cf-steps-nobg.cf-layout-full .ui-outlined .form-el-style, .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .cf-steps-nobg.cf-layout-full .ui-outlined .p-paginator-rpp-options, .cf-steps-nobg.cf-layout-full .ui-outlined .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-steps-nobg.cf-layout-full .ui-outlined .p-checkbox-box:not(.p-highlight), .cf-steps-nobg.cf-layout-full .ui-outlined .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .cf-steps-nobg.cf-layout-full .ui-outlined .p-dropdown, .cf-steps-nobg.cf-layout-full .ui-outlined .framed-container-style, .cf-layout-light .ui-outlined .form-el-style, .cf-layout-light .ui-outlined .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .cf-layout-light .ui-outlined .p-paginator-rpp-options, .cf-layout-light .ui-outlined .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-light .ui-outlined .p-checkbox-box:not(.p-highlight), .cf-layout-light .ui-outlined .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .cf-layout-light .ui-outlined .p-dropdown, .cf-layout-light .ui-outlined .framed-container-style { background: white; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node.node-group-wrapper.is-framed .group-container, .cf-layout-light .ui-outlined .cf-node.node-group-wrapper.is-framed .group-container { background: white; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node.textfield-wrapper .p-inputgroup .p-inputgroup-addon, .cf-layout-light .ui-outlined .cf-node.textfield-wrapper .p-inputgroup .p-inputgroup-addon { background: rgba(0, 37, 51, 0.035); border-color: #C7CDD2; color: #1E2329; } .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node .p-checkbox-checked .toggle-frame-container.form-el-style, .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node .p-checkbox-checked .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options, .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node .page-table-paginator .p-paginator .p-checkbox-checked .toggle-frame-container.p-paginator-rpp-options, .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node .p-checkbox-checked .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node .p-checkbox-checked .toggle-frame-container.p-checkbox-box:not(.p-highlight), .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node .p-checkbox-checked .cf-table p-columnfilter .toggle-frame-container.p-dropdown, .cf-table p-columnfilter .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node .p-checkbox-checked .toggle-frame-container.p-dropdown, .cf-layout-light .ui-outlined .cf-node .p-checkbox-checked .toggle-frame-container.form-el-style, .cf-layout-light .ui-outlined .cf-node .p-checkbox-checked .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options, .cf-layout-light .ui-outlined .cf-node .page-table-paginator .p-paginator .p-checkbox-checked .toggle-frame-container.p-paginator-rpp-options, .cf-layout-light .ui-outlined .cf-node .p-checkbox-checked .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-light .ui-outlined .cf-node .p-checkbox-checked .toggle-frame-container.p-checkbox-box:not(.p-highlight), .cf-layout-light .ui-outlined .cf-node .p-checkbox-checked .cf-table p-columnfilter .toggle-frame-container.p-dropdown, .cf-table p-columnfilter .cf-layout-light .ui-outlined .cf-node .p-checkbox-checked .toggle-frame-container.p-dropdown { background: rgba(0, 37, 51, 0.035); border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .cf-steps-nobg.cf-layout-full .ui-outlined .cf-node .qty-picker .p-inputnumber, .cf-layout-light .ui-outlined .cf-node .qty-picker .p-inputnumber { background: white; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .cf-steps-nobg.cf-layout-full .ui-outlined .qty-picker .p-inputnumber.p-inputnumber-buttons-stacked, .cf-layout-light .ui-outlined .qty-picker .p-inputnumber.p-inputnumber-buttons-stacked { background: white; border-color: #C7CDD2; color: #1E2329; } .cf-steps-nobg.cf-layout-full .ui-outlined .qty-picker-container .p-inputgroup-addon, .cf-layout-light .ui-outlined .qty-picker-container .p-inputgroup-addon { background: rgba(0, 37, 51, 0.035); border-color: #C7CDD2; color: #1E2329; } .cf-steps-solidbg.cf-layout-full .ui-outlined .form-el-style, .cf-steps-solidbg.cf-layout-full .ui-outlined .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .cf-steps-solidbg.cf-layout-full .ui-outlined .p-paginator-rpp-options, .cf-steps-solidbg.cf-layout-full .ui-outlined .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-steps-solidbg.cf-layout-full .ui-outlined .p-checkbox-box:not(.p-highlight), .cf-steps-solidbg.cf-layout-full .ui-outlined .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .cf-steps-solidbg.cf-layout-full .ui-outlined .p-dropdown, .cf-steps-solidbg.cf-layout-full .ui-outlined .framed-container-style { background: rgba(0, 37, 51, 0.035); border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .cf-steps-solidbg.cf-layout-full .ui-outlined .cf-node { } .cf-steps-solidbg.cf-layout-full .ui-outlined .cf-node.node-group-wrapper.is-framed .group-container { background: #F6F7F8; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .cf-steps-solidbg.cf-layout-full .ui-outlined .cf-node.textfield-wrapper .p-inputgroup .p-inputgroup-addon { background: white; border-color: #C7CDD2; color: #1E2329; } .cf-steps-solidbg.cf-layout-full .ui-outlined .cf-node .qty-picker .p-inputnumber { background: rgba(0, 37, 51, 0.035); border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .cf-steps-solidbg.cf-layout-full .ui-outlined .qty-picker .p-inputnumber.p-inputnumber-buttons-stacked { background: rgba(0, 37, 51, 0.035); border-color: #C7CDD2; color: #1E2329; } .cf-steps-solidbg.cf-layout-full .ui-outlined .qty-picker-container .p-inputgroup-addon { background: white; border-color: #C7CDD2; color: #1E2329; } .cf-layout-full .ui-outlined .form-el-style:hover, .cf-layout-full .ui-outlined .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:hover, .cf-node .page-table-paginator .p-paginator .cf-layout-full .ui-outlined .p-paginator-rpp-options:hover, .cf-layout-full .ui-outlined .cf-table p-columnfilter .p-checkbox .p-checkbox-box:hover:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-full .ui-outlined .p-checkbox-box:hover:not(.p-highlight), .cf-layout-full .ui-outlined .cf-table p-columnfilter .p-dropdown:hover, .cf-table p-columnfilter .cf-layout-full .ui-outlined .p-dropdown:hover, .cf-layout-full .ui-outlined .form-el-style:enabled:hover, .cf-layout-light .ui-outlined .form-el-style:hover, .cf-layout-light .ui-outlined .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:hover, .cf-node .page-table-paginator .p-paginator .cf-layout-light .ui-outlined .p-paginator-rpp-options:hover, .cf-layout-light .ui-outlined .cf-table p-columnfilter .p-checkbox .p-checkbox-box:hover:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-light .ui-outlined .p-checkbox-box:hover:not(.p-highlight), .cf-layout-light .ui-outlined .cf-table p-columnfilter .p-dropdown:hover, .cf-table p-columnfilter .cf-layout-light .ui-outlined .p-dropdown:hover, .cf-layout-light .ui-outlined .form-el-style:enabled:hover { background: rgba(0, 37, 51, 0.035); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #1E2329; border-radius: 4px; } .cf-layout-full .ui-outlined .form-el-style:focus, .cf-layout-full .ui-outlined .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:focus, .cf-node .page-table-paginator .p-paginator .cf-layout-full .ui-outlined .p-paginator-rpp-options:focus, .cf-layout-full .ui-outlined .cf-table p-columnfilter .p-checkbox .p-checkbox-box:focus:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-full .ui-outlined .p-checkbox-box:focus:not(.p-highlight), .cf-layout-full .ui-outlined .cf-table p-columnfilter .p-dropdown:focus, .cf-table p-columnfilter .cf-layout-full .ui-outlined .p-dropdown:focus, .cf-layout-full .ui-outlined .form-el-style:active, .cf-layout-full .ui-outlined .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:active, .cf-node .page-table-paginator .p-paginator .cf-layout-full .ui-outlined .p-paginator-rpp-options:active, .cf-layout-full .ui-outlined .cf-table p-columnfilter .p-checkbox .p-checkbox-box:active:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-full .ui-outlined .p-checkbox-box:active:not(.p-highlight), .cf-layout-full .ui-outlined .cf-table p-columnfilter .p-dropdown:active, .cf-table p-columnfilter .cf-layout-full .ui-outlined .p-dropdown:active, .cf-layout-full .ui-outlined .form-el-style:enabled:focus, .cf-layout-full .ui-outlined .form-el-style:enabled:active, .cf-layout-light .ui-outlined .form-el-style:focus, .cf-layout-light .ui-outlined .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:focus, .cf-node .page-table-paginator .p-paginator .cf-layout-light .ui-outlined .p-paginator-rpp-options:focus, .cf-layout-light .ui-outlined .cf-table p-columnfilter .p-checkbox .p-checkbox-box:focus:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-light .ui-outlined .p-checkbox-box:focus:not(.p-highlight), .cf-layout-light .ui-outlined .cf-table p-columnfilter .p-dropdown:focus, .cf-table p-columnfilter .cf-layout-light .ui-outlined .p-dropdown:focus, .cf-layout-light .ui-outlined .form-el-style:active, .cf-layout-light .ui-outlined .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:active, .cf-node .page-table-paginator .p-paginator .cf-layout-light .ui-outlined .p-paginator-rpp-options:active, .cf-layout-light .ui-outlined .cf-table p-columnfilter .p-checkbox .p-checkbox-box:active:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-light .ui-outlined .p-checkbox-box:active:not(.p-highlight), .cf-layout-light .ui-outlined .cf-table p-columnfilter .p-dropdown:active, .cf-table p-columnfilter .cf-layout-light .ui-outlined .p-dropdown:active, .cf-layout-light .ui-outlined .form-el-style:enabled:focus, .cf-layout-light .ui-outlined .form-el-style:enabled:active { background: inherit; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #1E2329; border-radius: 4px; box-shadow: 0 0 0.5px 0.5px hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cf-layout-full .ui-outlined .form-el-style.is-selected, .cf-layout-full .ui-outlined .cf-node .page-table-paginator .p-paginator .is-selected.p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .cf-layout-full .ui-outlined .is-selected.p-paginator-rpp-options, .cf-layout-full .ui-outlined .cf-table p-columnfilter .p-checkbox .is-selected.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-full .ui-outlined .is-selected.p-checkbox-box:not(.p-highlight), .cf-layout-full .ui-outlined .cf-table p-columnfilter .is-selected.p-dropdown, .cf-table p-columnfilter .cf-layout-full .ui-outlined .is-selected.p-dropdown, .cf-layout-light .ui-outlined .form-el-style.is-selected, .cf-layout-light .ui-outlined .cf-node .page-table-paginator .p-paginator .is-selected.p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .cf-layout-light .ui-outlined .is-selected.p-paginator-rpp-options, .cf-layout-light .ui-outlined .cf-table p-columnfilter .p-checkbox .is-selected.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .cf-layout-light .ui-outlined .is-selected.p-checkbox-box:not(.p-highlight), .cf-layout-light .ui-outlined .cf-table p-columnfilter .is-selected.p-dropdown, .cf-table p-columnfilter .cf-layout-light .ui-outlined .is-selected.p-dropdown { background: inherit; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #1E2329; border-radius: 4px; box-shadow: 0 0 0.5px 0.5px hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cf-layout-full .ui-outlined .cf-node.node-group-wrapper.is-framed:hover .group-container, .cf-layout-light .ui-outlined .cf-node.node-group-wrapper.is-framed:hover .group-container { background: rgba(0, 37, 51, 0.035); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #1E2329; border-radius: 4px; } .ui-shadows .form-el-style, .ui-shadows .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .ui-shadows .p-paginator-rpp-options, .ui-shadows .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-shadows .p-checkbox-box:not(.p-highlight), .ui-shadows .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .ui-shadows .p-dropdown { background: white; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .ui-shadows .form-el-style:hover, .ui-shadows .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:hover, .cf-node .page-table-paginator .p-paginator .ui-shadows .p-paginator-rpp-options:hover, .ui-shadows .cf-table p-columnfilter .p-checkbox .p-checkbox-box:hover:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-shadows .p-checkbox-box:hover:not(.p-highlight), .ui-shadows .cf-table p-columnfilter .p-dropdown:hover, .cf-table p-columnfilter .ui-shadows .p-dropdown:hover, .ui-shadows .form-el-style:enabled:hover { background: white; border-color: #9A9FA3; color: #1E2329; border-radius: 4px; } .ui-shadows .form-el-style:focus, .ui-shadows .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:focus, .cf-node .page-table-paginator .p-paginator .ui-shadows .p-paginator-rpp-options:focus, .ui-shadows .cf-table p-columnfilter .p-checkbox .p-checkbox-box:focus:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-shadows .p-checkbox-box:focus:not(.p-highlight), .ui-shadows .cf-table p-columnfilter .p-dropdown:focus, .cf-table p-columnfilter .ui-shadows .p-dropdown:focus, .ui-shadows .form-el-style:active, .ui-shadows .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:active, .cf-node .page-table-paginator .p-paginator .ui-shadows .p-paginator-rpp-options:active, .ui-shadows .cf-table p-columnfilter .p-checkbox .p-checkbox-box:active:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-shadows .p-checkbox-box:active:not(.p-highlight), .ui-shadows .cf-table p-columnfilter .p-dropdown:active, .cf-table p-columnfilter .ui-shadows .p-dropdown:active, .ui-shadows .form-el-style:enabled:focus, .ui-shadows .form-el-style:enabled:active, .ui-shadows .form-el-style.is-selected, .ui-shadows .cf-node .page-table-paginator .p-paginator .is-selected.p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .ui-shadows .is-selected.p-paginator-rpp-options, .ui-shadows .cf-table p-columnfilter .p-checkbox .is-selected.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-shadows .is-selected.p-checkbox-box:not(.p-highlight), .ui-shadows .cf-table p-columnfilter .is-selected.p-dropdown, .cf-table p-columnfilter .ui-shadows .is-selected.p-dropdown { background: rgba(0, 0, 0, 0.03); border-color: #A9AEB3; color: #1E2329; border-radius: 4px; box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); } .ui-shadows .framed-container-style { background: white; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .ui-shadows .cf-node.node-group-wrapper.is-framed .group-container { background: white; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .ui-shadows .cf-node.node-group-wrapper.is-open .group-container.form-el-style, .ui-shadows .cf-node.node-group-wrapper.is-open .page-table-paginator .p-paginator .group-container.p-paginator-rpp-options, .ui-shadows .cf-node.node-group-wrapper.is-open .cf-table p-columnfilter .p-checkbox .group-container.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-shadows .cf-node.node-group-wrapper.is-open .group-container.p-checkbox-box:not(.p-highlight), .ui-shadows .cf-node.node-group-wrapper.is-open .cf-table p-columnfilter .group-container.p-dropdown, .cf-table p-columnfilter .ui-shadows .cf-node.node-group-wrapper.is-open .group-container.p-dropdown { background: rgba(0, 0, 0, 0.03); border-color: #A9AEB3; color: #1E2329; border-radius: 4px; box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); } .ui-shadows .cf-node.textfield-wrapper .p-inputgroup .p-inputgroup-addon { background: rgba(0, 0, 0, 0.03); border-color: #A9AEB3; color: #1E2329; box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); } .ui-shadows .cf-node .p-checkbox-checked .toggle-frame-container.form-el-style, .ui-shadows .cf-node .p-checkbox-checked .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options, .ui-shadows .cf-node .page-table-paginator .p-paginator .p-checkbox-checked .toggle-frame-container.p-paginator-rpp-options, .ui-shadows .cf-node .p-checkbox-checked .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-shadows .cf-node .p-checkbox-checked .toggle-frame-container.p-checkbox-box:not(.p-highlight), .ui-shadows .cf-node .p-checkbox-checked .cf-table p-columnfilter .toggle-frame-container.p-dropdown, .cf-table p-columnfilter .ui-shadows .cf-node .p-checkbox-checked .toggle-frame-container.p-dropdown { background: rgba(0, 0, 0, 0.03); border-color: #A9AEB3; color: #1E2329; border-radius: 4px; box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); } .ui-shadows .cf-node .qty-picker .p-inputnumber { background: white; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .ui-shadows .cf-node .qty-picker-container.inner-qty .qty-picker .p-inputnumber { box-shadow: none; } .ui-shadows .qty-picker .p-inputnumber.p-inputnumber-buttons-stacked { background: white; border-color: #C7CDD2; color: #1E2329; border-radius: 4px; } .ui-shadows .qty-picker-container .p-inputgroup-addon { background: rgba(0, 0, 0, 0.03); border-color: #A9AEB3; color: #1E2329; box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); } .ui-solid-bg .form-el-style, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .p-paginator-rpp-options, .ui-solid-bg .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .p-checkbox-box:not(.p-highlight), .ui-solid-bg .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .ui-solid-bg .p-dropdown { background: rgba(0, 37, 51, 0.045); border-color: transparent; color: #1E2329; border-radius: 4px; } .ui-solid-bg .form-el-style:hover, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:hover, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .p-paginator-rpp-options:hover, .ui-solid-bg .cf-table p-columnfilter .p-checkbox .p-checkbox-box:hover:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .p-checkbox-box:hover:not(.p-highlight), .ui-solid-bg .cf-table p-columnfilter .p-dropdown:hover, .cf-table p-columnfilter .ui-solid-bg .p-dropdown:hover, .ui-solid-bg .form-el-style:enabled:hover { background: rgba(0, 37, 51, 0.07); border-color: transparent; color: #1E2329; border-radius: 4px; } .ui-solid-bg .form-el-style:focus, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:focus, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .p-paginator-rpp-options:focus, .ui-solid-bg .cf-table p-columnfilter .p-checkbox .p-checkbox-box:focus:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .p-checkbox-box:focus:not(.p-highlight), .ui-solid-bg .cf-table p-columnfilter .p-dropdown:focus, .cf-table p-columnfilter .ui-solid-bg .p-dropdown:focus, .ui-solid-bg .form-el-style:active, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options:active, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .p-paginator-rpp-options:active, .ui-solid-bg .cf-table p-columnfilter .p-checkbox .p-checkbox-box:active:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .p-checkbox-box:active:not(.p-highlight), .ui-solid-bg .cf-table p-columnfilter .p-dropdown:active, .cf-table p-columnfilter .ui-solid-bg .p-dropdown:active, .ui-solid-bg .form-el-style:enabled:focus, .ui-solid-bg .form-el-style:enabled:active { background: rgba(0, 37, 51, 0.07); border-color: transparent; color: #1E2329; border-radius: 4px; } .ui-solid-bg .framed-container-style { background: rgba(0, 37, 51, 0.045); border-color: transparent; color: #1E2329; border-radius: 4px; } .ui-solid-bg .gs-list-item .form-el-style, .ui-solid-bg .gs-list-item .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .gs-list-item .p-paginator-rpp-options, .ui-solid-bg .gs-list-item .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .gs-list-item .p-checkbox-box:not(.p-highlight), .ui-solid-bg .gs-list-item .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .ui-solid-bg .gs-list-item .p-dropdown { box-shadow: none !important; } .ui-solid-bg .cf-gs-overlay:not(.is-dropdown) .gs-list-item.is-selected .form-el-style, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown) .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .cf-gs-overlay:not(.is-dropdown) .gs-list-item.is-selected .p-paginator-rpp-options, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown) .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .cf-gs-overlay:not(.is-dropdown) .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight), .ui-solid-bg .cf-gs-overlay:not(.is-dropdown) .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .ui-solid-bg .cf-gs-overlay:not(.is-dropdown) .gs-list-item.is-selected .p-dropdown, .ui-solid-bg .ui-styling .read-only-cs-item.is-checkbox .p-checkbox .p-checkbox-box:not(.p-highlight) { background: rgba(0, 37, 51, 0.07); border-color: transparent; color: #1E2329; border-radius: 4px; } .ui-solid-bg .is-dropdown .gs-list-item .form-el-style, .ui-solid-bg .is-dropdown .gs-list-item .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-dropdown .gs-list-item .p-paginator-rpp-options, .ui-solid-bg .is-dropdown .gs-list-item .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-dropdown .gs-list-item .p-checkbox-box:not(.p-highlight), .ui-solid-bg .is-dropdown .gs-list-item .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .ui-solid-bg .is-dropdown .gs-list-item .p-dropdown { background: white; } .ui-solid-bg .is-dropdown .gs-list-item.is-selected .form-el-style, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-paginator-rpp-options, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight), .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-dropdown { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); border-color: transparent; color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .ui-solid-bg .form-el-style.is-selected, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .is-selected.p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-selected.p-paginator-rpp-options, .ui-solid-bg .cf-table p-columnfilter .p-checkbox .is-selected.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-selected.p-checkbox-box:not(.p-highlight), .ui-solid-bg .cf-table p-columnfilter .is-selected.p-dropdown, .cf-table p-columnfilter .ui-solid-bg .is-selected.p-dropdown, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .form-el-style, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-paginator-rpp-options, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight), .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown, .cf-table p-columnfilter .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-dropdown { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); border-color: transparent; color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); border-radius: 4px; } .ui-solid-bg .form-el-style.is-selected .cf-label, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .is-selected.p-paginator-rpp-options .cf-label, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-selected.p-paginator-rpp-options .cf-label, .ui-solid-bg .cf-table p-columnfilter .p-checkbox .is-selected.p-checkbox-box:not(.p-highlight) .cf-label, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-selected.p-checkbox-box:not(.p-highlight) .cf-label, .ui-solid-bg .cf-table p-columnfilter .is-selected.p-dropdown .cf-label, .cf-table p-columnfilter .ui-solid-bg .is-selected.p-dropdown .cf-label, .ui-solid-bg .form-el-style.is-selected .node-description, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .is-selected.p-paginator-rpp-options .node-description, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-selected.p-paginator-rpp-options .node-description, .ui-solid-bg .cf-table p-columnfilter .p-checkbox .is-selected.p-checkbox-box:not(.p-highlight) .node-description, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-selected.p-checkbox-box:not(.p-highlight) .node-description, .ui-solid-bg .cf-table p-columnfilter .is-selected.p-dropdown .node-description, .cf-table p-columnfilter .ui-solid-bg .is-selected.p-dropdown .node-description, .ui-solid-bg .form-el-style.is-selected .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .is-selected.p-paginator-rpp-options .p-button.p-button-link.p-button-price .p-button-label, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-selected.p-paginator-rpp-options .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .cf-table p-columnfilter .p-checkbox .is-selected.p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price .p-button-label, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-selected.p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .cf-table p-columnfilter .is-selected.p-dropdown .p-button.p-button-link.p-button-price .p-button-label, .cf-table p-columnfilter .ui-solid-bg .is-selected.p-dropdown .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .form-el-style .cf-label, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .cf-label, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-paginator-rpp-options .cf-label, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight) .cf-label, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight) .cf-label, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown .cf-label, .cf-table p-columnfilter .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-dropdown .cf-label, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .form-el-style .node-description, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .node-description, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-paginator-rpp-options .node-description, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight) .node-description, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight) .node-description, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown .node-description, .cf-table p-columnfilter .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-dropdown .node-description, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .form-el-style .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .p-button.p-button-link.p-button-price .p-button-label, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-paginator-rpp-options .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price .p-button-label, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown .p-button.p-button-link.p-button-price .p-button-label, .cf-table p-columnfilter .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-dropdown .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .form-el-style .cf-label, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .cf-label, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-paginator-rpp-options .cf-label, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight) .cf-label, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight) .cf-label, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown .cf-label, .cf-table p-columnfilter .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-dropdown .cf-label, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .form-el-style .node-description, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .node-description, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-paginator-rpp-options .node-description, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight) .node-description, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight) .node-description, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown .node-description, .cf-table p-columnfilter .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-dropdown .node-description, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .form-el-style .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .p-button.p-button-link.p-button-price .p-button-label, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-paginator-rpp-options .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price .p-button-label, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price .p-button-label, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown .p-button.p-button-link.p-button-price .p-button-label, .cf-table p-columnfilter .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-dropdown .p-button.p-button-link.p-button-price .p-button-label { color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .ui-solid-bg .form-el-style.is-selected .p-button.p-button-link.p-button-price, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .is-selected.p-paginator-rpp-options .p-button.p-button-link.p-button-price, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-selected.p-paginator-rpp-options .p-button.p-button-link.p-button-price, .ui-solid-bg .cf-table p-columnfilter .p-checkbox .is-selected.p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-selected.p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price, .ui-solid-bg .cf-table p-columnfilter .is-selected.p-dropdown .p-button.p-button-link.p-button-price, .cf-table p-columnfilter .ui-solid-bg .is-selected.p-dropdown .p-button.p-button-link.p-button-price, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .form-el-style .p-button.p-button-link.p-button-price, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .p-button.p-button-link.p-button-price, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-paginator-rpp-options .p-button.p-button-link.p-button-price, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price, .ui-solid-bg .is-dropdown .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown .p-button.p-button-link.p-button-price, .cf-table p-columnfilter .ui-solid-bg .is-dropdown .gs-list-item.is-selected .p-dropdown .p-button.p-button-link.p-button-price, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .form-el-style .p-button.p-button-link.p-button-price, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .p-button.p-button-link.p-button-price, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-paginator-rpp-options .p-button.p-button-link.p-button-price, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-checkbox .p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-checkbox-box:not(.p-highlight) .p-button.p-button-link.p-button-price, .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .cf-table p-columnfilter .p-dropdown .p-button.p-button-link.p-button-price, .cf-table p-columnfilter .ui-solid-bg .cf-gs-overlay:not(.is-dropdown):not(.has-img) .gs-list-item.is-selected .p-dropdown .p-button.p-button-link.p-button-price { border-bottom-color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .ui-solid-bg .cf-node.node-group-wrapper.is-framed .group-container { background: #F4F5F6; border-color: transparent; color: #1E2329; border-radius: 4px; } .ui-solid-bg .cf-node.node-group-wrapper.is-framed.is-open .group-container .state-indicator-child, .ui-solid-bg .cf-node.node-group-wrapper.is-framed:hover .group-container .state-indicator-child { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); border-color: transparent; color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .ui-solid-bg .cf-node.node-group-wrapper.is-framed.is-open .group-container .state-indicator-child:after, .ui-solid-bg .cf-node.node-group-wrapper.is-framed:hover .group-container .state-indicator-child:after { color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .ui-solid-bg .cf-node.selection-buttons .split-selector .split-list .split-item .selected-check:before { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); border-color: transparent; color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .ui-solid-bg .cf-node.selection-buttons .split-selector .split-list .split-item .selected-check .split-check { color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .ui-solid-bg .cf-node.textfield-wrapper .p-inputgroup .p-inputgroup-addon { background: rgba(0, 37, 51, 0.07); border-color: transparent; color: #1E2329; } .ui-solid-bg .cf-node .qty-picker .p-inputnumber { background: rgba(0, 37, 51, 0.045); border-color: transparent; color: #1E2329; border-radius: 4px; } .ui-solid-bg .cf-node .form-el-style.is-selected .qty-picker-container.inner-qty .qty-picker .p-inputnumber, .ui-solid-bg .cf-node .page-table-paginator .p-paginator .is-selected.p-paginator-rpp-options .qty-picker-container.inner-qty .qty-picker .p-inputnumber, .ui-solid-bg .cf-node .cf-table p-columnfilter .p-checkbox .is-selected.p-checkbox-box:not(.p-highlight) .qty-picker-container.inner-qty .qty-picker .p-inputnumber, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .cf-node .is-selected.p-checkbox-box:not(.p-highlight) .qty-picker-container.inner-qty .qty-picker .p-inputnumber, .ui-solid-bg .cf-node .cf-table p-columnfilter .is-selected.p-dropdown .qty-picker-container.inner-qty .qty-picker .p-inputnumber, .cf-table p-columnfilter .ui-solid-bg .cf-node .is-selected.p-dropdown .qty-picker-container.inner-qty .qty-picker .p-inputnumber { background: white; } .ui-solid-bg .toggle-wrapper .toggle-button:not(.p-checkbox-checked) .p-checkbox .p-checkbox-box, .ui-solid-bg .p-field-checkbox.toggle-button:not(.p-checkbox-checked) .p-inputswitch .p-inputswitch-slider, .ui-solid-bg .p-checkbox .p-checkbox-box:not(.p-highlight) { background: rgba(0, 37, 51, 0.07); border-color: transparent; color: #1E2329; } .ui-solid-bg .qty-picker .p-inputnumber.p-inputnumber-buttons-stacked { background: rgba(0, 37, 51, 0.045); border-color: transparent; color: #1E2329; border-radius: 4px; } .ui-solid-bg .qty-picker-container .p-inputgroup-addon { background: rgba(0, 37, 51, 0.07); border-color: transparent; color: #1E2329; } .cfv2 .p-splitter { background: transparent; border: 0; color: #1E2329; } .cf-layout-light p-splitter .p-splitter { color: #1E2329; } .cf-layout-light p-splitter .p-splitter.cfb2bv2-splitter { border: none; } .cf-layout-light p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-gutter { display: none; } .cf-layout-light p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-panel:first-child { order: 2; flex-basis: initial !important; flex: 0 1 auto; } .cf-layout-light p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-panel:last-child { order: 1; flex-basis: initial !important; flex: 1 1 auto; } @media screen and (max-width: 74.99875em) { .cf-layout-light p-splitter .p-splitter.cfb2bv2-splitter { flex-direction: column; } } .cf-layout-light p-splitter .p-splitter.cfb2bv2-vertical-splitter > .p-splitter-gutter { display: none; } .cf-layout-light p-splitter .p-splitter.cfb2bv2-vertical-splitter > .p-splitter-panel:last-child { display: none; } .cf-layout-full p-splitter .p-splitter .p-splitter-gutter { background: rgba(0, 0, 0, 0.12); } .cf-layout-full p-splitter .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(0, 0, 0, 0.28); } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter { margin: 0; } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle { height: 4rem !important; position: relative; } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle:after, .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); z-index: -1; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle:after { left: 100%; display: block; width: 0; height: 0; border: inset 8px; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle:before { right: 100%; display: block; width: 0; height: 0; border: inset 8px; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)) transparent transparent; } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter:hover { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.3); } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle:after, .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle:before { opacity: 0.99; z-index: 3; } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle:after { left: calc(100% + 0.25rem); } .cf-layout-full p-splitter .p-splitter.p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle:before { right: calc(100% + 0.25rem); } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter { margin: 0; } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle { width: 4rem !important; position: relative; } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle:after, .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle:after { top: 100%; display: block; width: 0; height: 0; border: inset 8px; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)) transparent transparent; } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle:before { bottom: 100%; display: block; width: 0; height: 0; border: inset 8px; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter:hover { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.3); } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle:after, .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle:before { opacity: 0.99; z-index: 3; } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle:after { top: calc(100% + 0.25rem); } .cf-layout-full p-splitter .p-splitter.p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle:before { bottom: calc(100% + 0.25rem); } @media screen and (min-width: 56.25em) { .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-panel:first-child { min-width: 428px; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-panel:last-child { min-width: 150px; } } @media screen and (min-width: 75em) { .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-panel:first-child { min-width: 428px; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-panel:last-child { min-width: 250px; } } @media screen and (max-width: 56.25em) { .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter { flex-direction: column; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-panel:first-child { order: 2; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-panel:last-child { order: 1; height: 30vh; min-height: 200px; flex-basis: initial !important; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-gutter { display: none; } } @media screen and (max-width: 40em) { .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter > .p-splitter-panel:last-child { height: 20vh; min-height: 180px; } } .hide-second-panel .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter .p-splitter-gutter { display: none; } .hide-second-panel .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter .p-splitter-panel:first-child { width: 100%; } .hide-second-panel .cf-layout-full p-splitter .p-splitter.cfb2bv2-splitter .p-splitter-panel:last-child { display: none; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter { min-height: 0; min-width: 0; width: 100%; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel { position: relative; display: block; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel:first-child { min-height: 0; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel:last-child { overflow-y: auto; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel .close-splitter { position: sticky; z-index: 100; top: 0; height: 0; width: 100%; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel .close-splitter .p-button { position: absolute; right: 2px; top: 0; border-radius: 0 0 0 4px; width: auto; padding: 0.5rem; background: rgba(255, 255, 255, 0.75); box-shadow: 0 1px 3px rgba(30, 35, 41, 0.3); color: #485A6A; border: 0; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel .close-splitter .p-button .p-button-icon { font-size: 1rem; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel .close-splitter .p-button:hover { background: #FF1E1E; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel .close-splitter .p-button:hover .p-button-icon { color: #fff; } @media screen and (max-width: 56.25em) { .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel .close-splitter { display: none; } } @media screen and (min-width: 56.25em) { .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel:first-child, .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel:last-child { min-height: 100px; } } @media screen and (max-width: 56.25em) { .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter > .p-splitter-gutter { display: none; } .cf-layout-full p-splitter .p-splitter.cfb2bv2-vertical-splitter > .p-splitter-panel:last-child { display: none; } } .cf-layout-full p-splitter.hide-second-panel .p-splitter .p-splitter-gutter, .cf-layout-full p-splitter.hide-first-panel .p-splitter .p-splitter-gutter { display: none; } .cf-layout-full p-splitter.hide-first-panel .p-splitter .p-splitter-panel:first-child { display: none; } .cf-layout-full p-splitter.hide-first-panel .p-splitter .p-splitter-panel:last-child { height: 100%; } .cf-layout-full p-splitter.hide-second-panel .p-splitter .p-splitter-panel:first-child { height: 100%; } .cf-layout-full p-splitter.hide-second-panel .p-splitter .p-splitter-panel:last-child { display: none; } .cf-layout-full .configurator-blockable-container .p-splitter.p-splitter-horizontal > .p-splitter-panel:first-child { position: relative; } @media screen and (max-width: 56.25em) { .cf-layout-full .configurator-blockable-container { height: initial !important; } } @media screen and (max-width: 56.25em) { .cf-layout-full .summary-is-open p-splitter .p-splitter.cfb2bv2-splitter .p-splitter-panel:last-child { display: none; } } .cf-header { z-index: 2; } .cf-header .logo { max-width: 3rem; } @media print, screen and (min-width: 75em) { .cf-header .logo { max-width: 12.5rem; } } @media screen and (min-width: 75em) { .cf-header .logo { max-width: 15rem; } } @media screen and (min-width: 118.75em) { .cf-header .logo { max-width: 17.5rem; } } .cf-header .logo img { max-width: 100%; } @media screen and (max-width: 74.99875em) { .cf-header { position: relative; min-height: 2rem; z-index: 101; padding: 0.5rem 1rem 0; } .cf-header .logo { height: 2rem; width: 2rem; } .cf-layout-full .cf-header { padding-bottom: 1rem; } } @media screen and (min-width: 64em) { .cf-layout-light .cf-header { position: fixed; padding: 1rem 1.5rem 0 1rem; width: calc(100% - 26.875rem); } .cf-layout-full .cf-header { position: initial; padding: 1rem; width: 100%; } .cf-header .logo img { max-height: var(--header-height-85); } } @media screen and (min-width: 75em) { .cf-layout-light .cf-header { width: calc(100% - 31.25rem); } .cf-layout-full .cf-header { width: 100%; } .cf-header .logo img { max-height: var(--header-height); } } .cf-header .header-lang { padding-left: 0.5rem; margin-left: 0.5rem; border-left: 1px solid rgba(30, 35, 41, 0.2); } .bar-content { background: #fff; padding: 0.5rem 1rem; } .cfv2 .config-top-bar { background: transparent; top: 0; } .cf-layout-light .cfv2 .config-top-bar { position: sticky; z-index: 100; margin: 0 0 0.5rem; padding: 1rem 0 0; } .cf-layout-full .cfv2 .config-top-bar { position: absolute; z-index: 4; margin: 0 0 0.5rem; padding: 0; left: 0; width: 100%; } .cf-layout-full .cfv2 .config-top-bar { height: 40px; } @media screen and (max-width: 56.25em) { .cf-layout-full .cfv2 .config-top-bar { height: initial; } } @media screen and (min-width: 22.5em) { .cf-layout-full .cfv2 .config-top-bar { padding: 0.5rem 1rem 0; padding-top: 0; padding-bottom: 0; } } @media screen and (min-width: 40em) { .cf-layout-full .cfv2 .config-top-bar { padding: 1rem; padding-top: 0; padding-bottom: 0; } } @media screen and (min-width: 56.25em) { .cf-layout-full .cfv2 .config-top-bar { padding: 1rem 0.5rem 1rem 1rem; padding-top: 0; padding-bottom: 0; } } .cf-layout-full .cfv2 .config-top-bar .title-and-load { display: none; } @media screen and (max-width: 56.25em) { .cfv2 .config-top-bar { position: relative !important; padding-left: 0 !important; padding-right: 0 !important; } } .cfv2 .config-top-bar .bar-content { border-radius: 4px 4px 0 0; box-shadow: 0 0 1px rgba(30, 35, 41, 0.15), 0 3px 10px rgba(30, 35, 41, 0.15); } @media screen and (min-width: 56.3125em) { .cf-layout-full .cfv2 .config-top-bar .bar-content { height: 100%; } .cf-layout-full .cfv2 .config-top-bar .bar-content .top-flex, .cf-layout-full .cfv2 .config-top-bar .bar-content .product, .cf-layout-full .cfv2 .config-top-bar .bar-content .product-flex, .cf-layout-full .cfv2 .config-top-bar .bar-content .img-flex, .cf-layout-full .cfv2 .config-top-bar .bar-content .item-img { height: 100%; } .cf-layout-full .cfv2 .config-top-bar .bar-content .item-img, .cf-layout-full .cfv2 .config-top-bar .bar-content .item-img { width: 2rem; } .cf-layout-full .cfv2 .config-top-bar .bar-content .img-flex > .flex-child-shrink { height: 100%; } } @media screen and (max-width: 22.49875em) { .cfv2 .config-top-bar .bar-content { padding: 0.5rem 1rem; } } @media screen and (max-width: 74.99875em) { .cfv2 .config-top-bar .item-img { display: none; } } .cf-layout-light .cfv2 .config-top-bar .item-name { font-size: 1.125rem; } .cf-layout-full .cfv2 .config-top-bar .item-name { font-size: 1rem; } @media screen and (max-width: 74.99875em) { .config-column-sizing .cfv2 .config-top-bar { position: fixed; left: 0; right: 0; top: 0; padding: 0; height: 56px; } .config-column-sizing .cfv2 .config-top-bar .bar-content { padding-left: calc(2rem + 0.5rem); } .config-column-sizing .cfv2 .config-top-bar .item-name { padding-left: 0.25rem; } } .cfv2 .config-top-bar .p-button.p-button-change { display: none; } @media screen and (min-width: 40em) { .cf-layout-light .cfv2 .config-top-bar .p-button.p-button-change { display: block; } } @media screen and (min-width: 0.0625em) { .cf-layout-full .cfv2 .config-top-bar .p-button.p-button-change { display: block; } } @media screen and (max-width: 74.99875em) { .summary .cfv2 .config-top-bar { padding: 0; } .summary .cfv2 .config-top-bar .bar-content { padding-top: 0.5rem; padding-bottom: 0.5rem; } } @media screen and (min-width: 64em) { .cf-layout-full .cfv2 .config-body.has-v-steps .p-splitter-panel > .config-top-bar { left: -156px; width: calc(100% + 156px); } } @media screen and (min-width: 64em) { .cf-layout-full .cfv2 .config-body.has-v-steps .config-column { padding-top:!important; } } @media screen and (max-width: 74.99875em) { .cfv2 .config-column .config-column-sizing.summary-is-open.config-column-sizing .config-top-bar { display: none; } } @media screen and (max-width: 74.99875em) { .cfv2 .summary .summary-content .config-top-bar .bar-content { box-shadow: none; border-bottom: 1px solid #C7CDD2; } } .cfv2 .summary .summary-content .archived-cs { margin-bottom: 0; } .cfv2 .config-total-bar { bottom: 0; max-width: initial; } .cf-layout-light .cfv2 .config-total-bar { position: sticky; margin: 0.5rem 0 0; padding: 0 0 1rem; z-index: 102; background: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)); } @media screen and (max-width: 75em) { .cf-layout-light .cfv2 .config-total-bar { margin: auto; } } .cf-layout-light .cfv2 .config-total-bar .bar-content { box-shadow: 0 0 1px rgba(30, 35, 41, 0.15), 0 -1px 10px rgba(30, 35, 41, 0.2); } @media screen and (max-width: 74.99875em) { .cf-layout-light .cfv2 .config-total-bar { max-width: calc(31.25rem + 5rem); } } .cf-layout-full .cfv2 .config-total-bar { position: initial; margin: 0.25rem 0 0.5rem; padding: 0; z-index: initial; background: none; } .cf-layout-full .cfv2 .config-total-bar .bar-content { box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); } @media screen and (max-width: 74.99875em) { .cf-layout-full .cfv2 .config-total-bar { max-width: calc(100% + 5rem); } } @media screen and (max-width: 74.99875em) { .cfv2 .config-total-bar { width: 100%; position: relative; margin-left: auto; margin-right: auto; } } .cfv2 .config-total-bar .bar-content { border-radius: 0 0 4px 4px; } @media screen and (max-width: 74.99875em) { .cfv2 .config-total-bar { padding-bottom: 0; } } .cf-layout-full .cfv2 .summary-is-open .p-splitter-panel > .config-top-bar { display: none; } .cf-layout-full .cfv2 .summary-is-open .config-column { padding-top: 1rem !important; padding-left: 1rem; margin-top: 0; } .cf-layout-full .cfv2 .summary-is-open .config-body.has-v-steps .config-column { padding-top: 1rem !important; padding-left: 1rem; } .cf-layout-full .cfv2 .summary-is-open .cs.summary .config-top-bar { position: sticky; top: 0; padding: 0; margin-bottom: 0; z-index: 10; } .exp-footer-bar { padding-top: 0.25rem; } @media screen and (min-width: 22.5em) { .exp-footer-bar { margin: 0 1rem 0.5rem; } } .exp-footer-bar .qtpr-section { min-width: 0; flex-wrap: wrap-reverse; } .exp-footer-bar .qtpr-section > div { min-width: 0; } .exp-footer-bar .footer-content { background: #fff; border-radius: 4px; padding: 0.5rem; } .exp-footer-bar .p-button { padding-top: 0.75rem; padding-bottom: 0.75rem; } .exp-footer-bar .p-button .p-button-label { font-size: 0.875rem; } @media screen and (max-width: 74.99875em) { .progress-container { display: none; } } @media screen and (min-width: 56.25em) and (max-width: 74.99875em) { .progress-container { padding: 0; top: calc(56px + 30vh - 19px); } } @media print, screen and (min-width: 75em) { .progress-container { padding-right: 1rem; margin-top: 1rem; } } .progress-position { position: relative; } @media screen and (max-width: 74.99875em) { .progress-position { height: 100%; margin: auto; background: #fff; box-shadow: 0 0 1px rgba(30, 35, 41, 0.15), 0 3px 10px rgba(30, 35, 41, 0.15); padding: 0.4rem 1rem 0; } .cf-layout-light .progress-position { max-width: calc(31.25rem + 5rem); } .cf-layout-full .progress-position { max-width: calc(100% + 5rem); } } .progress-steps { position: absolute; width: 100%; height: 100%; left: 0; top: -0.34rem; } .progress-steps .step { cursor: pointer; display: none; } .progress-steps .step > span { font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; color: #485A6A; opacity: 0.6; position: absolute; top: 100%; padding-top: 0.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .progress-steps .step:not(:first-child):not(:last-child) > span { position: absolute; left: 50%; transform: translateX(-50%); } .progress-steps .step:first-child > span { left: 0; text-align: left; } .progress-steps .step:last-child > span { right: 0; text-align: right; } .progress-steps .step.p-step-incomplete, .progress-steps .step.p-step-finished { position: absolute; top: 0; width: 1.08rem; height: 1.08rem; border-radius: 50%; background-color: #E7EBEC; border: 1px solid #DCE1E3; text-align: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .progress-steps .step.p-step-incomplete:after, .progress-steps .step.p-step-finished:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgba(72, 90, 106, 0.5); width: 0.54rem; height: 0.54rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .progress-steps .step.p-step-error { position: absolute; top: 0; width: 1.08rem; height: 1.08rem; border-radius: 50%; background-color: #E7EBEC; border: 1px solid #DCE1E3; text-align: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .progress-steps .step.p-step-error:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: transparent; width: 0.54rem; height: 0.54rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .progress-steps .step.p-step-error:before { font-family: "FontAwesome"; text-rendering: auto; content: "\f00d"; font-size: 0.75rem; color: rgba(72, 90, 106, 0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .progress-steps .step.is-active, .progress-steps .step.is-prev-to-active { border: 1px solid #485A6A; background-color: #485A6A; } .progress-steps .step.is-active > span, .progress-steps .step.is-prev-to-active > span { opacity: 0.99; } .progress-steps .step.is-active.p-step-incomplete:after, .progress-steps .step.is-active.p-step-finished:after, .progress-steps .step.is-prev-to-active.p-step-incomplete:after, .progress-steps .step.is-prev-to-active.p-step-finished:after { background-color: #E7EBEC; } .progress-steps .step.is-active.p-step-error:before, .progress-steps .step.is-prev-to-active.p-step-error:before { color: #E7EBEC; } .progress-steps .step:hover:not(.is-active):not(.is-prev-to-active).p-step-incomplete:after, .progress-steps .step:hover:not(.is-active):not(.is-prev-to-active).p-step-finished:after { background-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .progress-steps .step:hover:not(.is-active):not(.is-prev-to-active).p-step-error:before { color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .progress-steps .step:hover.is-active, .progress-steps .step:hover.is-prev-to-active { background-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); border-color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } @media print, screen and (min-width: 75em) { .progress-steps .step { display: block; } } .progress-steps .step > span { display: none; } @media print, screen and (min-width: 75em) { .progress-steps .step:first-child, .progress-steps .step:last-child { display: block; } .progress-steps .step:first-child > span, .progress-steps .step:last-child > span { display: block; max-width: 5.375rem; } } .progress-steps .step.p-button { padding: 0; overflow: initial; } .progress-steps .step.p-button span { left: auto; } @media screen and (min-width: 143.75em) { .progress-steps.total-steps-13 .step > span { display: block; max-width: 7.5rem; } .progress-steps.total-steps-13 .step:first-child > span, .progress-steps.total-steps-13 .step:last-child > span { max-width: 5.375rem; } } @media screen and (min-width: 118.75em) { .progress-steps.total-steps-12 .step > span { display: block; max-width: 5.625rem; } .progress-steps.total-steps-12 .step:first-child > span, .progress-steps.total-steps-12 .step:last-child > span { max-width: 4.375rem; } } @media screen and (min-width: 143.75em) { .progress-steps.total-steps-12 .step > span { max-width: 7.5rem; } .progress-steps.total-steps-12 .step:first-child > span, .progress-steps.total-steps-12 .step:last-child > span { max-width: 5rem; } } @media screen and (min-width: 118.75em) { .progress-steps.total-steps-11 .step > span { display: block; max-width: 6.25rem; } .progress-steps.total-steps-11 .step:first-child > span, .progress-steps.total-steps-11 .step:last-child > span { max-width: 5.375rem; } } @media screen and (min-width: 143.75em) { .progress-steps.total-steps-11 .step > span { max-width: 8.125rem; } .progress-steps.total-steps-11 .step:first-child > span, .progress-steps.total-steps-11 .step:last-child > span { max-width: 5.625rem; } } @media print, screen and (min-width: 75em) { .progress-steps.total-steps-10 .step { display: block; } .progress-steps.total-steps-10 .step:first-child > span, .progress-steps.total-steps-10 .step:last-child > span { display: block; max-width: 5.375rem; } } @media screen and (min-width: 100em) { .progress-steps.total-steps-10 .step > span { display: block; max-width: 5.625rem; } .progress-steps.total-steps-10 .step:first-child > span, .progress-steps.total-steps-10 .step:last-child > span { max-width: 4.375rem; } } @media screen and (min-width: 118.75em) { .progress-steps.total-steps-10 .step > span { max-width: 6.25rem; } .progress-steps.total-steps-10 .step:first-child > span, .progress-steps.total-steps-10 .step:last-child > span { max-width: 5.375rem; } } @media screen and (min-width: 143.75em) { .progress-steps.total-steps-10 .step > span { max-width: 9.375rem; } .progress-steps.total-steps-10 .step:first-child > span, .progress-steps.total-steps-10 .step:last-child > span { max-width: 8.75rem; } } @media print, screen and (min-width: 75em) { .progress-steps.total-steps-9 .step { display: block; } .progress-steps.total-steps-9 .step:first-child > span, .progress-steps.total-steps-9 .step:last-child > span { display: block; max-width: 6.25rem; } } @media screen and (min-width: 100em) { .progress-steps.total-steps-9 .step > span { display: block; max-width: 6.25rem; } .progress-steps.total-steps-9 .step:first-child > span, .progress-steps.total-steps-9 .step:last-child > span { max-width: 5rem; } } @media screen and (min-width: 118.75em) { .progress-steps.total-steps-9 .step > span { max-width: 9.375rem; } .progress-steps.total-steps-9 .step:first-child > span, .progress-steps.total-steps-9 .step:last-child > span { max-width: 5.625rem; } } @media screen and (min-width: 143.75em) { .progress-steps.total-steps-9 .step > span { max-width: 11.875rem; } .progress-steps.total-steps-9 .step:first-child > span, .progress-steps.total-steps-9 .step:last-child > span { max-width: 6.875rem; } } @media print, screen and (min-width: 75em) { .progress-steps.total-steps-7 .step, .progress-steps.total-steps-8 .step { display: block; } .progress-steps.total-steps-7 .step:first-child > span, .progress-steps.total-steps-7 .step:last-child > span, .progress-steps.total-steps-8 .step:first-child > span, .progress-steps.total-steps-8 .step:last-child > span { display: block; max-width: 5.375rem; } } @media screen and (min-width: 90em) { .progress-steps.total-steps-7 .step > span, .progress-steps.total-steps-8 .step > span { display: block; max-width: 6.25rem; } .progress-steps.total-steps-7 .step:first-child > span, .progress-steps.total-steps-7 .step:last-child > span, .progress-steps.total-steps-8 .step:first-child > span, .progress-steps.total-steps-8 .step:last-child > span { max-width: 4.375rem; } } @media screen and (min-width: 100em) { .progress-steps.total-steps-7 .step > span, .progress-steps.total-steps-8 .step > span { max-width: 7.5rem; } .progress-steps.total-steps-7 .step:first-child > span, .progress-steps.total-steps-7 .step:last-child > span, .progress-steps.total-steps-8 .step:first-child > span, .progress-steps.total-steps-8 .step:last-child > span { max-width: 5.375rem; } } @media screen and (min-width: 118.75em) { .progress-steps.total-steps-7 .step > span, .progress-steps.total-steps-8 .step > span { max-width: 9.375rem; } .progress-steps.total-steps-7 .step:first-child > span, .progress-steps.total-steps-7 .step:last-child > span, .progress-steps.total-steps-8 .step:first-child > span, .progress-steps.total-steps-8 .step:last-child > span { max-width: 7.25rem; } } @media print, screen and (min-width: 75em) { .progress-steps.total-steps-5 .step, .progress-steps.total-steps-6 .step { display: block; } .progress-steps.total-steps-5 .step:first-child > span, .progress-steps.total-steps-5 .step:last-child > span, .progress-steps.total-steps-6 .step:first-child > span, .progress-steps.total-steps-6 .step:last-child > span { display: block; max-width: 7.25rem; } } @media screen and (min-width: 90em) { .progress-steps.total-steps-5 .step > span, .progress-steps.total-steps-6 .step > span { display: block; max-width: 8.5rem; } .progress-steps.total-steps-5 .step:first-child > span, .progress-steps.total-steps-5 .step:last-child > span, .progress-steps.total-steps-6 .step:first-child > span, .progress-steps.total-steps-6 .step:last-child > span { max-width: 6.625rem; } } @media screen and (min-width: 100em) { .progress-steps.total-steps-5 .step > span, .progress-steps.total-steps-6 .step > span { max-width: 10.625rem; } .progress-steps.total-steps-5 .step:first-child > span, .progress-steps.total-steps-5 .step:last-child > span, .progress-steps.total-steps-6 .step:first-child > span, .progress-steps.total-steps-6 .step:last-child > span { max-width: 7.25rem; } } @media print, screen and (min-width: 75em) { .progress-steps.total-steps-3 .step, .progress-steps.total-steps-4 .step { display: block; } .progress-steps.total-steps-3 .step:first-child > span, .progress-steps.total-steps-3 .step:last-child > span, .progress-steps.total-steps-4 .step:first-child > span, .progress-steps.total-steps-4 .step:last-child > span { display: block; max-width: 7.25rem; } } @media screen and (min-width: 75em) { .progress-steps.total-steps-3 .step > span, .progress-steps.total-steps-4 .step > span { display: block; max-width: 8.5rem; } .progress-steps.total-steps-3 .step:first-child > span, .progress-steps.total-steps-3 .step:last-child > span, .progress-steps.total-steps-4 .step:first-child > span, .progress-steps.total-steps-4 .step:last-child > span { max-width: 6.625rem; } } @media screen and (min-width: 90em) { .progress-steps.total-steps-3 .step > span, .progress-steps.total-steps-4 .step > span { display: block; max-width: 12.5rem; } .progress-steps.total-steps-3 .step:first-child > span, .progress-steps.total-steps-3 .step:last-child > span, .progress-steps.total-steps-4 .step:first-child > span, .progress-steps.total-steps-4 .step:last-child > span { max-width: 10rem; } } @media screen and (min-width: 100em) { .progress-steps.total-steps-3 .step > span, .progress-steps.total-steps-4 .step > span { display: block; max-width: 15rem; } .progress-steps.total-steps-3 .step:first-child > span, .progress-steps.total-steps-3 .step:last-child > span, .progress-steps.total-steps-4 .step:first-child > span, .progress-steps.total-steps-4 .step:last-child > span { max-width: 13.125rem; } } @media print, screen and (min-width: 75em) { .progress-steps.total-steps-2 { display: block; } .progress-steps.total-steps-2 .step > span { display: block; max-width: 15rem; } } .progress-steps .wtrigger { display: block; position: absolute; left: 100%; width: 1.08rem; height: 1.08rem; } .progress-steps .wtrigger .step { position: initial; } .bar-total-price { flex: 1 1 auto; text-align: right; } .cf-layout-light .bar-total-price { line-height: 1.5; } .cf-layout-full .bar-total-price { line-height: 1.2; } .cf-layout-light .bar-price-label { font-weight: var(--semiWeight, 600); font-size: 0.875rem; } .cf-layout-full .bar-price-label { font-weight: normal; font-size: 0.875rem; } .bar-price-value { font-weight: bold; } .cf-layout-light .bar-price-value { font-size: 1.125rem; } .cf-layout-full .bar-price-value { font-size: 1.125rem; } @media screen and (min-width: 64em) { .cf-layout-light .config-column-sizing { width: 26.875rem; } } @media screen and (min-width: 75em) { .cf-layout-light .config-column-sizing { width: 31.25rem; } } @media screen and (min-width: 64em) { .cf-layout-full .config-column-sizing { width: 100%; } } @media screen and (min-width: 75em) { .cf-layout-full .config-column-sizing { width: 100%; } } .config-column { background-color: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)); } @media screen and (min-width: 64em) { .config-column { height: calc(100vh - 30vh - 56px); height: 100vh; position: relative; z-index: 3; } } .cf-layout-light .config-column .config-column-sizing { height: 100%; } .cf-layout-full .config-column .config-column-sizing { height: 100%; } @media screen and (min-width: 64em) { .config-column .config-column-sizing { padding-right: 1rem; } } .config-column .config-column-sizing:not(.summary-is-open) { z-index: 2; } .config-column .config-column-sizing.summary-is-open { overflow: hidden; } @media screen and (max-width: 64em) { .config-column .config-column-sizing.summary-is-open { height: auto; } .config-column .config-column-sizing.summary-is-open.config-column-sizing { height: auto; overflow: initial; order: 2; } .config-column .config-column-sizing.summary-is-open.config-column-sizing .config-wrapper { display: none; } } .cf-layout-full .config-column { background: none; height: auto; width: 100%; } .cf-layout-full .config-column .config-column-sizing { padding: 0; } .cf-layout-full .config-column .config-column-sizing.summary-is-open.config-column-sizing { height: 0; } @media screen and (min-width: 22.5em) { .cf-layout-full .config-column { padding: 0.5rem 1rem 0; } } @media screen and (min-width: 40em) { .cf-layout-full .config-column { padding: 1rem; padding-bottom: 0.25rem; } } @media screen and (min-width: 56.25em) { .cf-layout-full .config-column { margin-right: 0.25rem; padding: 1rem 0.5rem 1rem 1rem; padding-bottom: 0.25rem; overflow: auto; display: block; } } @media screen and (max-width: 64em) { .config-column { width: 100%; overflow: initial; display: flex; flex-direction: column; justify-content: center; } } @media screen and (max-width: 64em) { .config-settings { display: block; } } @media screen and (min-width: 64em) { .config-settings { min-height: calc(100% - 96px); } } @media screen and (min-width: 64em) { .cf-steps-solidbg .config-body:not(.no-v-steps) .config-settings .config-wrapper { background: #fff; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-left: 1px solid #DCE1E3; } } @media screen and (min-width: 64em) { .cf-steps-nobg .config-body:not(.no-v-steps) .config-settings .config-wrapper { background: initial; box-shadow: initial; border-bottom-left-radius: initial; border-bottom-right-radius: initial; border-left: initial; } } .config-body.has-v-steps .config-wrapper { border-top-left-radius: 0; } @media screen and (min-width: 64em) { .cf-layout-full .config-body.has-v-steps .config-column { padding-top: 0; padding-left: 0; } .cf-layout-full .config-body.has-v-steps .config-settings { min-height: calc(100% - 39px) !important; display: flex; flex-direction: column; } .cf-layout-full .config-body.has-v-steps .config-settings .config-wrapper { display: flex; flex-direction: column; } .cf-layout-full .config-body.has-v-steps .config-settings .config-wrapper .p-accordion.config-steps .p-accordion-header { display: none; } .cf-layout-full .config-body.has-v-steps .config-settings .config-wrapper .p-accordion.config-steps p-accordiontab .p-accordion-tab { box-shadow: none; } } @media screen and (min-width: 64em) and (min-width: 56.25em) { .cf-layout-full .config-body.has-v-steps .config-settings .config-wrapper .p-accordion.config-steps p-accordiontab .p-accordion-tab { margin: 0; } } @media screen and (min-width: 64em) { .cf-layout-full .config-body.has-v-steps .config-settings .config-wrapper .p-accordion.config-steps p-accordiontab .p-accordion-tab.p-accordion-tab-active .p-accordion-content { padding-top: 1rem; } } .config-body:not(.has-ctx-bar) .config-wrapper { border-radius: 4px; } .config-body:not(.has-ctx-bar).has-v-steps .config-wrapper { border-top-left-radius: 0; } @media screen and (min-width: 64em) { .cf-layout-full .subconfig__instance .config-body.has-v-steps .config-settings { min-height: calc(100% - 0.5rem) !important; } } @media screen and (min-width: 56.3125em) { .cf-layout-full .bg-base:not(.summary-is-open) .config-body.has-ctx-bar .config-column { margin-top: 0; } } .cfv2 .v-split-content-container { flex: 1 1 100%; margin-left: 0.25rem; padding: 1rem 1rem 1rem 0.5rem; } .cfv2 .config-visual-container .control-3d { white-space: nowrap; } @media screen and (max-width: 64em) { .cfv2 .config-visual-container:not(.is-in-full-screen) .control-3d { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 999; } .cf-layout-light .cfv2 .config-visual-container:not(.is-in-full-screen) .control-3d { max-width: calc(31.25rem + 5rem); } .cf-layout-full .cfv2 .config-visual-container:not(.is-in-full-screen) .control-3d { max-width: calc(100% + 5rem); } .cfv2 .config-visual-container:not(.is-in-full-screen) .control-3d .control-button:not(.always-show) { display: none; } .cfv2 .config-visual-container:not(.is-in-full-screen) .control-3d .control-text { display: none; } } .cfv2 .config-visual-container { overflow: hidden; height: 24vh; } .cfv2 .config-visual-container .close-3d { display: none; } .cfv2 .config-visual-container .config-3d { height: 100%; width: 100%; overflow: hidden; } @media screen and (min-width: 64em) { .cfv2 .config-visual-container .config-3d { position: fixed; top: 0; left: 0; } .cf-layout-light .cfv2 .config-visual-container .config-3d { width: calc(100% - 26.875rem); } .cf-layout-full .cfv2 .config-visual-container .config-3d { width: calc(100% - 100%); } } @media screen and (min-width: 75em) { .cf-layout-light .cfv2 .config-visual-container .config-3d { width: calc(100% - 31.25rem); } .cf-layout-full .cfv2 .config-visual-container .config-3d { width: calc(100% - 100%); } } .cfv2 .config-visual-container .v3d-container { height: 100% !important; width: 100% !important; } .cfv2 .config-visual-container .control-text { font-size: 0.8125rem; padding: 0 1rem 0.25rem; white-space: normal; } @media screen and (max-width: 74.99875em) { .cfv2 .config-visual-container .ssr-loading { position: absolute; } } .cfv2 .config-visual-container.is-in-full-screen .config-visual-sizing { background: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)); height: 100vh; width: 100%; position: fixed; top: 0; bottom: 0; z-index: 1001; } .cfv2 .config-visual-container.is-in-full-screen .config-3d { width: 100%; } .cfv2 .config-visual-container.is-in-full-screen .control-3d { position: absolute; left: 50%; transform: translateX(-50%); bottom: 1rem; width: 100%; margin: 0; z-index: 999; } .cfv2 .config-visual-container.is-in-full-screen .close-3d { display: inline-block; position: absolute; top: 0; right: 0; z-index: 2; } .cfv2 .config-visual-container.is-in-full-screen .close-3d .p-button { background: #485A6A; border: #485A6A; } .cfv2 .config-visual-container.is-in-full-screen .close-3d .p-button:hover { background: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } @media print, screen and (min-width: 56.25em) { .cfv2 .config-visual-container { height: 30vh; } } @media print, screen and (min-width: 75em) { .cfv2 .config-visual-container { height: 100vh; } } @media print, screen and (min-width: 75em) { .cfv2 .config-visual-container .control-3d { position: fixed; left: 0; bottom: 3rem; z-index: 998; margin: 0 4.4rem; } .cf-layout-light .cfv2 .config-visual-container .control-3d { width: calc(100% - 26.875rem - 8.8rem); } .cf-layout-full .cfv2 .config-visual-container .control-3d { width: calc(100% - 100% - 8.8rem); } } @media screen and (min-width: 75em) { .cf-layout-light .cfv2 .config-visual-container .control-3d { width: calc(100% - 31.25rem - 8.8rem); } .cf-layout-full .cfv2 .config-visual-container .control-3d { width: calc(100% - 100% - 8.8rem); } } .cfv2 .config-visual-container .control-3d .control-3d-bg { border-radius: 4px; position: relative; } .cfv2 .config-visual-container .control-3d .control-3d-bg:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; background: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)); opacity: 0.7; } .cfv2 .config-visual-container .config-visual-sizing { overflow: hidden; } .cfv2 .config-visual-container .config-2d-image { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .cf-layout-full .cfv2 .config-visual-container .config-2d-image { padding-top: 0 !important; } @media screen and (max-width: 74.99875em) { .cfv2 .config-visual-container .config-2d-image { padding-top: 0 !important; } } @media print, screen and (min-width: 75em) { .cfv2 .config-visual-container .config-2d-image { position: fixed; top: 0; left: 0; padding: 0 1.5rem 5.25rem 1rem; } .cf-layout-light .cfv2 .config-visual-container .config-2d-image { width: calc(100% - 26.875rem); } .cf-layout-full .cfv2 .config-visual-container .config-2d-image { width: calc(100% - 100%); } } @media screen and (min-width: 75em) { .cf-layout-light .cfv2 .config-visual-container .config-2d-image { width: calc(100% - 31.25rem); } .cf-layout-full .cfv2 .config-visual-container .config-2d-image { width: calc(100% - 100%); } } .cfv2 .config-visual-container .config-2d-image .config-2d-image-sizing { min-height: 0; } @media print, screen and (min-width: 75em) { .cfv2 .config-visual-container .config-2d-image .config-2d-image-sizing { padding: 1.75rem 0 0.25rem; } } .cfv2 .config-visual-container .config-2d-image img { max-height: 100%; max-width: 100%; } .cfv2 .config-visual-container p-galleria, .cfv2 .config-visual-container p-galleriacontent, .cfv2 .config-visual-container .p-galleria, .cfv2 .config-visual-container .p-galleria-content, .cfv2 .config-visual-container p-galleriaitem, .cfv2 .config-visual-container .p-galleria-item-wrapper, .cfv2 .config-visual-container .p-galleria-item-container { height: 100%; width: 100%; } .cfv2 .config-visual-container p-galleria, .cfv2 .config-visual-container p-galleriacontent, .cfv2 .config-visual-container .p-galleria, .cfv2 .config-visual-container .p-galleria-content, .cfv2 .config-visual-container .p-galleria-item-container, .cfv2 .config-visual-container .p-galleria-item { display: flex; min-height: 0; } .cfv2 .config-visual-container .p-galleria .p-galleria-item { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .cfv2 .config-visual-container .p-galleria .p-galleria-item-nav { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; z-index: 2; background: rgba(30, 35, 41, 0.2); width: 2.5rem; height: 5.5rem; max-height: 80%; border-radius: 4px; margin: 0; backdrop-filter: blur(10px); } .cfv2 .config-visual-container .p-galleria .p-galleria-item-nav:hover { background: rgba(30, 35, 41, 0.3); } .cfv2 .config-visual-container .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon { width: 1.3rem; } @media screen and (max-width: 40em) { .cfv2 .config-visual-container .p-galleria .p-galleria-item-nav { opacity: 1; width: 2rem; height: 3rem; } } @media screen and (max-width: 64em) { .cfv2 .config-visual-container { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } } @media screen and (max-width: 64em) { .cf-layout-light .cfv2 .summary-is-open .content-container .config-visual-container { height: 0; opacity: 0; } } .cf-layout-full .cfv2 .config-visual-container { height: 100%; min-height: 0; min-width: 0; margin-left: 0.25rem; padding: 1rem 1rem 1rem 0.5rem; } @media screen and (max-width: 56.25em) { .cf-layout-full .cfv2 .config-visual-container { padding-bottom: 0; } } @media screen and (min-width: 75em) { .cf-layout-full .cfv2 .config-visual-container { display: flex; align-items: center; } } .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing { width: 100%; height: 100%; } .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing .img-loader-container { width: 100%; height: 100%; position: absolute; overflow: hidden; } .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing .p-galleria .p-galleria-item { width: 100%; height: 100%; text-align: center; } .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing .config-2d-image { position: relative; width: 100%; height: 100%; text-align: center; padding: 0; } .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing .config-2d-image img { margin: auto; } .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing .config-2d-image .config-2d-image-sizing { display: flex; align-items: center; padding: 0; } .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing .config-3d { width: 100%; position: relative; } @media screen and (min-width: 56.25em) { .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing .config-3d { height: 100%; } } .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing .control-3d { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: auto; margin: 0; } @media print, screen and (min-width: 56.25em) { .cf-layout-full .cfv2 .config-visual-container .config-visual-sizing .control-3d { width: 100%; } } @media screen and (max-width: 56.25em) { .cf-layout-full .cfv2 .config-visual-container:not(.is-in-full-screen) .control-3d { z-index: 999; } .cf-layout-full .cfv2 .config-visual-container:not(.is-in-full-screen) .control-3d .control-button:not(.always-show) { display: none; } .cf-layout-full .cfv2 .config-visual-container:not(.is-in-full-screen) .control-3d .control-text { display: none; } } .cf-layout-full .cfv2 .config-visual-container.is-in-full-screen { position: initial; } .cf-layout-full .cfv2 .config-visual-container.is-in-full-screen .config-visual-sizing { height: 100vh !important; left: 0; } .cf-layout-full .cfv2 .config-visual-container.is-in-full-screen .config-visual-sizing .config-3d { height: 100%; } .cf-layout-full .cfv2 .config-visual-container.is-in-full-screen .config-visual-sizing .control-3d { width: 100%; bottom: 1rem; } .cf-layout-full .cfv2 .config-visual-container .first-loader-3d { width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 1.5rem; margin: 0; } .cf-layout-full .cfv2 .config-visual-container .img-loader-container .first-loader-3d { bottom: initial; position: relative; } .cf-layout-full .cfv2 .summary-is-open .content-container .config-visual-container { height: 100%; opacity: initial; } @media screen and (max-width: 56.25em) { .cf-layout-full .cfv2 .summary-is-open .content-container .config-visual-container { height: 0; opacity: 0; } } @media print, screen and (min-width: 75em) { .lang-bar { position: fixed; top: calc(100% - 5.25rem); z-index: 10; padding: 0 1.5rem 1rem 1rem; } .cf-layout-light .lang-bar { width: calc(100% - 26.875rem); } .cf-layout-full .lang-bar { width: calc(100% - 100%); } } @media screen and (min-width: 75em) { .cf-layout-light .lang-bar { width: calc(100% - 31.25rem); } .cf-layout-full .lang-bar { width: calc(100% - 100%); } } .content-progress-loading { max-width: 256px; } .content-progress-loading .progress-wrapper { font-size: 0; padding-bottom: 0.4rem; } .content-progress-loading .progress-wrapper .loader-image { position: relative; z-index: 2; } .content-progress-loading .p-progressbar { margin: auto; overflow: visible; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); } .content-progress-loading .p-progressbar .p-progressbar-value { border-radius: 4px; } .content-progress-loading .p-progressbar.p-progressbar-indeterminate { overflow: hidden; } .content-progress-loading .p-progressbar .p-progressbar-label { position: absolute; top: 100%; padding-top: 0.5rem; } .content-progress-loading .pulsating-element { margin-top: 0.5rem; } .total-loader .content-progress-loading .p-progressbar { background: transparent; } .total-loader .content-progress-loading .p-progressbar .p-progressbar-value { display: none; width: 0 !important; } .total-loader .content-progress-loading .p-progressbar .p-progressbar-label:before { content: ""; position: absolute; display: block; top: 0; left: 0; right: 0; height: 2px; background: #13A1D6; } .no-bar .content-progress-loading .p-progressbar .p-progressbar-label:before { display: none; } .total-loader { z-index: 999; } .first-loader-3d { position: absolute; bottom: 0; width: 100%; } @media print, screen and (min-width: 75em) { .first-loader-3d { position: fixed; left: 0; bottom: 3rem; z-index: 98; margin: 0 4.4rem; } .cf-layout-light .first-loader-3d { width: calc(100% - 26.875rem - 8.8rem); } .cf-layout-full .first-loader-3d { width: calc(100% - 100% - 8.8rem); } } @media screen and (min-width: 75em) { .cf-layout-light .first-loader-3d { width: calc(100% - 26.875rem - 8.8rem); } .cf-layout-full .first-loader-3d { width: calc(100% - 100% - 8.8rem); } } .first-loader-3d .loading-3d-bg { border-radius: 4px; position: relative; width: 200px; } .first-loader-3d .loading-3d-bg:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; background: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)); opacity: 0.9; } .first-loader-3d .loading-3d-bg:before { background: rgba(0, 0, 0, 0.05); } .first-loader-3d .pulsating-element { position: relative; z-index: 1; } .img-loader-container { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } @media print, screen and (min-width: 75em) { .img-loader-container { position: fixed; top: 0; left: 0; height: 100vh; } .cf-layout-light .img-loader-container { width: calc(100% - 26.875rem); } .cf-layout-full .img-loader-container { width: calc(100% - 100%); } } @media screen and (min-width: 75em) { .cf-layout-light .img-loader-container { width: calc(100% - 31.25rem); } .cf-layout-full .img-loader-container { width: calc(100% - 100%); } } .img-loader-container:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)); opacity: 0.8; } .img-loader-container .first-loader-3d { position: relative; bottom: initial; left: initial; } .summary { overflow: hidden; width: 100%; } @media screen and (min-width: 64em) { .cf-layout-light .summary { width: 26.875rem; } .cf-layout-full .summary { width: 100%; } } @media screen and (min-width: 75em) { .cf-layout-light .summary { width: 31.25rem; } .cf-layout-full .summary { width: 100%; } } @media screen and (max-width: 40em) { .summary { position: relative; margin: auto; height: 0; } .cf-layout-light .summary { max-width: calc(31.25rem + 5rem); } .cf-layout-full .summary { max-width: calc(100% + 5rem); } } @media screen and (min-width: 64em) { .summary { position: absolute; left: 0; top: 0; bottom: 7.75rem; } } .summary .summary-content { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; background: #fff; overflow-y: auto; width: 100%; } @media screen and (min-width: 64em) { .summary .summary-content { position: absolute; z-index: 101; top: 0; left: calc(100% + 1rem); bottom: 0; } .cf-layout-light .summary .summary-content { width: calc(100% - 1rem); } .cf-layout-full .summary .summary-content { width: 100%; border-radius: 4px; } } @media screen and (max-width: 40em) { .summary.is-open { z-index: 10; height: auto; } } .summary.is-open .summary-content { left: 0; } .summary .step { margin: 1rem 0; } .summary .step.p-step-error .step-header h6 { position: relative; padding-left: 1.5rem; } .summary .step.p-step-error .step-header h6:before { font-size: 1.125rem; position: absolute; left: 0; top: 0; font-family: "FontAwesome"; text-rendering: auto; content: "\f00d"; color: #FF1E1E; } .summary .step .step-header { margin-bottom: 0.5rem; } .summary .step .step-header h6 { margin: 0; } .cf-layout-full .cfv2 .cs.summary { position: initial; bottom: auto; width: 100%; max-width: initial; } .cf-layout-full .cfv2 .cs.summary .summary-content { position: initial; overflow: initial; height: 0; } .cf-layout-full .cfv2 .cs.summary.is-open { overflow: initial; order: 1; } .cf-layout-full .cfv2 .cs.summary.is-open .summary-content { height: auto; } .cf-layout-full .cfv2 .cs.summary .step-content { padding: 0.25rem 0.5rem; } .cf-layout-full .cfv2 .cs.summary .step { margin: 0.5rem 0; } .cf-layout-full .cfv2 .cs.summary .step .step-header { margin: 0; } .cf-layout-full .cfv2 .cs.summary .step .step-header h6 { font-size: 1rem; margin: 0.5rem 0; } .cf-layout-full .cfv2 .config-total-bar .bar-toggle-summary-wrapper { text-align: center; } .subconfig__container { background: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)); border-radius: 4px; height: 100%; width: 100%; } .cf-layout-light .subconfig__container { position: absolute; right: 0; } .cf-layout-full .subconfig__container { position: relative; right: auto; } @media screen and (min-width: 40em) { .subconfig__container { min-width: 38.625rem; } } @media screen and (min-width: 40em) { .subconfig__container.size-s { width: 38.625rem; } } @media screen and (min-width: 40em) { .subconfig__container.size-m { max-width: 65%; width: 53.25rem; } } .cf-layout-light .subconfig__container { height: calc(100% - 2rem); } @media screen and (min-width: 40em) { .cf-layout-light .subconfig__container { width: 32.25rem; min-width: initial; margin-right: 1rem; } .cf-layout-light .subconfig__container .subconfig__content { overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; } } .subconfig__header { border-bottom: 1px solid hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 13%)) !important; } .subconfig__content .v-steps-container { padding-top: 0 !important; } .subconfig__content .config-column { margin-top: 0 !important; } .cf-layout-light .subconfig__content { padding: 0 0 0 1rem; } .cf-layout-full .subconfig__content { padding: 0; } .subconfig__content .config-body:not(.has-v-steps) { padding-top: 1rem; } .subconfig__footer { border-top: 1px solid hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 13%)) !important; } .cf-layout-light .subconfig__container .hide-second-panel .p-splitter.cfb2bv2-splitter .p-splitter-gutter, .cf-layout-light .rsc-overlay-panel .hide-second-panel .p-splitter.cfb2bv2-splitter .p-splitter-gutter { display: none; } .cf-layout-light .subconfig__container .hide-second-panel .p-splitter.cfb2bv2-splitter .p-splitter-panel:first-child, .cf-layout-light .rsc-overlay-panel .hide-second-panel .p-splitter.cfb2bv2-splitter .p-splitter-panel:first-child { width: 100%; } .cf-layout-light .subconfig__container .hide-second-panel .p-splitter.cfb2bv2-splitter .p-splitter-panel:last-child, .cf-layout-light .rsc-overlay-panel .hide-second-panel .p-splitter.cfb2bv2-splitter .p-splitter-panel:last-child { display: none; } html.rsc-open { overflow: hidden; } .cs:not(.summary) .layout-row, .instance-reorder .layout-row { display: flex; align-items: flex-end; flex-wrap: wrap; } .cs:not(.summary) .layout-row.has-divider.bottom-divider:after, .instance-reorder .layout-row.has-divider.bottom-divider:after { content: ""; display: block; width: 100%; font-size: 0; border-bottom: 1px solid #DCE1E3; } .cf-layout-light .cs:not(.summary) .layout-row.has-divider.bottom-divider:after, .cf-layout-light .instance-reorder .layout-row.has-divider.bottom-divider:after { margin: 0 0.5rem 1rem; } .cf-layout-full .cs:not(.summary) .layout-row.has-divider.bottom-divider:after, .cf-layout-full .instance-reorder .layout-row.has-divider.bottom-divider:after { margin: 0 0.5rem 1rem; } .cs:not(.summary) .layout-row.has-divider.top-divider:before, .instance-reorder .layout-row.has-divider.top-divider:before { content: ""; display: block; width: 100%; font-size: 0; border-top: 1px solid #DCE1E3; } .cf-layout-light .cs:not(.summary) .layout-row.has-divider.top-divider:before, .cf-layout-light .instance-reorder .layout-row.has-divider.top-divider:before { margin: 0 0.5rem; padding-top: 0.75rem; } .cf-layout-full .cs:not(.summary) .layout-row.has-divider.top-divider:before, .cf-layout-full .instance-reorder .layout-row.has-divider.top-divider:before { margin: 0 0.5rem; padding-top: 0.75rem; } .cf-layout-light .cs:not(.summary) .layout-row, .cf-layout-light .instance-reorder .layout-row { margin: 0 -0.5rem; } .cf-layout-full .cs:not(.summary) .layout-row, .cf-layout-full .instance-reorder .layout-row { margin: 0 -0.5rem; } .cf-layout-light .cs:not(.summary) .layout-row .layout-row-item, .cf-layout-light .instance-reorder .layout-row .layout-row-item { padding: 0 0.5rem; margin: 0 0 1rem; max-width: 51rem; } .cf-layout-full .cs:not(.summary) .layout-row .layout-row-item, .cf-layout-full .instance-reorder .layout-row .layout-row-item { padding: 0 0.5rem; margin: 0 0 1rem; max-width: 42.5rem; } .cs:not(.summary) .layout-row .layout-row-item.has-toggle:not(:only-child), .cs:not(.summary) .layout-row .layout-row-item.has-text:not(:only-child), .cs:not(.summary) .layout-row .layout-row-item.has-read-only:not(:only-child), .cs:not(.summary) .layout-row .layout-row-item.has-message:not(:only-child), .cs:not(.summary) .layout-row .layout-row-item.has-button:not(:only-child), .cs:not(.summary) .layout-row .layout-row-item.has-dropdown.has-img-size-fit:not(:only-child), .cs:not(.summary) .layout-row .layout-row-item.has-grid.has-img-size-fit:not(:only-child), .instance-reorder .layout-row .layout-row-item.has-toggle:not(:only-child), .instance-reorder .layout-row .layout-row-item.has-text:not(:only-child), .instance-reorder .layout-row .layout-row-item.has-read-only:not(:only-child), .instance-reorder .layout-row .layout-row-item.has-message:not(:only-child), .instance-reorder .layout-row .layout-row-item.has-button:not(:only-child), .instance-reorder .layout-row .layout-row-item.has-dropdown.has-img-size-fit:not(:only-child), .instance-reorder .layout-row .layout-row-item.has-grid.has-img-size-fit:not(:only-child) { flex: 0 1 auto; min-width: initial; } .cs:not(.summary) .layout-row.flexible-row .layout-row-item, .instance-reorder .layout-row.flexible-row .layout-row-item { flex: 1 1 auto; min-width: 200px; } .cf-layout-light .cs:not(.summary) .layout-row.flexible-row .layout-row-item, .cf-layout-light .instance-reorder .layout-row.flexible-row .layout-row-item { max-width: 51rem; } .cf-layout-full .cs:not(.summary) .layout-row.flexible-row .layout-row-item, .cf-layout-full .instance-reorder .layout-row.flexible-row .layout-row-item { max-width: 42.5rem; } .cs:not(.summary) .layout-row.fixed-row .layout-row-item, .instance-reorder .layout-row.fixed-row .layout-row-item { flex: 0 1 auto; min-width: 0; max-width: 100%; } .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item { width: 50%; } .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item { width: initial; } .cs:not(.summary) .layout-row.fixed-row .layout-row-item .formnode-container, .instance-reorder .layout-row.fixed-row .layout-row-item .formnode-container { max-width: 100%; } .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item .formnode-container, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item .formnode-container { width: 100%; } .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item .formnode-container, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item .formnode-container { width: 20.25rem; } .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item:not(.has-text) .formnode-container.wqty, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item:not(.has-text) .formnode-container.wqty { width: 100%; } .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item:not(.has-text) .formnode-container.wqty, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item:not(.has-text) .formnode-container.wqty { width: 41.5rem; } .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-l, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-qty, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-dropdown.has-img-size-l, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-dropdown.has-qty, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-split, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-price, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-l, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-qty, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-dropdown.has-img-size-l, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-dropdown.has-qty, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-split, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-price { width: 100%; } .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-l, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-qty, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-dropdown.has-img-size-l, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-dropdown.has-qty, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-split, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-price, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-l, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-qty, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-dropdown.has-img-size-l, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-dropdown.has-qty, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-split, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-price { width: initial; } .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-qty:not(.has-read-only) .formnode-container, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-dropdown.has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-dropdown.has-qty:not(.has-read-only) .formnode-container, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-split:not(.has-read-only) .formnode-container, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-price:not(.has-read-only) .formnode-container, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-qty:not(.has-read-only) .formnode-container, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-dropdown.has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-dropdown.has-qty:not(.has-read-only) .formnode-container, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-split:not(.has-read-only) .formnode-container, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-price:not(.has-read-only) .formnode-container { width: 100%; } .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-qty:not(.has-read-only) .formnode-container, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-dropdown.has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-dropdown.has-qty:not(.has-read-only) .formnode-container, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-split:not(.has-read-only) .formnode-container, .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-price:not(.has-read-only) .formnode-container, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-qty:not(.has-read-only) .formnode-container, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-dropdown.has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-dropdown.has-qty:not(.has-read-only) .formnode-container, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-split:not(.has-read-only) .formnode-container, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-price:not(.has-read-only) .formnode-container { width: 41.5rem; } .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-s, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid .has-img-size-l, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item .has-dropdown.has-img-size-s, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item .has-dropdown .has-img-size-l, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-img-size-s, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty .has-img-size-l, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-price.has-img-size-s, .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-price .has-img-size-l, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-s, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid .has-img-size-l, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item .has-dropdown.has-img-size-s, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item .has-dropdown .has-img-size-l, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-img-size-s, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty .has-img-size-l, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-price.has-img-size-s, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-price .has-img-size-l { width: 100%; } .cf-layout-light .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item .has-dropdown.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item .has-dropdown .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-price.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-price .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item .has-dropdown.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item .has-dropdown .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-price.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-light .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-price .has-img-size-l:not(.has-read-only) .formnode-container { width: 100%; } .cf-layout-full .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-grid .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item .has-dropdown.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item .has-dropdown .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-qty .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-price.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item.has-toggle.has-price .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-grid .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item .has-dropdown.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item .has-dropdown .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-qty .has-img-size-l:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-price.has-img-size-s:not(.has-read-only) .formnode-container, .cf-layout-full .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item.has-toggle.has-price .has-img-size-l:not(.has-read-only) .formnode-container { width: 41.5rem; } .cf-layout-light .cs:not(.summary) .layout-row.fixed-row .layout-row-item .read-only-cs-item, .cf-layout-light .instance-reorder .layout-row.fixed-row .layout-row-item .read-only-cs-item { width: 100%; } .cf-layout-full .cs:not(.summary) .layout-row.fixed-row .layout-row-item .read-only-cs-item, .cf-layout-full .instance-reorder .layout-row.fixed-row .layout-row-item .read-only-cs-item { width: 20.25rem; } .group-display .group-container, .repeater.user-repeater-override .node-group-wrapper .group-container, .node-group-wrapper.is-framed .group-container { border-radius: 4px; } .group-display.is-open .group-container .state-indicator-child, .repeater.user-repeater-override .is-open.node-group-wrapper .group-container .state-indicator-child, .is-open.node-group-wrapper.is-framed .group-container .state-indicator-child { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .group-display.is-open .group-container .state-indicator-child:after, .repeater.user-repeater-override .is-open.node-group-wrapper .group-container .state-indicator-child:after, .is-open.node-group-wrapper.is-framed .group-container .state-indicator-child:after { color: #fff; } .group-display.is-open .group-container .state-indicator-child:before, .repeater.user-repeater-override .is-open.node-group-wrapper .group-container .state-indicator-child:before, .is-open.node-group-wrapper.is-framed .group-container .state-indicator-child:before { border-color: transparent; } .group-display-solidbg .group-container { border: 0; background: #F3F4F5; } .group-display-solidbg:not(.is-open) .group-container:hover .state-indicator-child { background-color: #E7EBEC; } .group-display-solidbg:not(.is-open) .group-container:hover .state-indicator-child:before { border-color: transparent; } .group-display-solidbg.is-open .state-indicator-child { background-color: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); } .group-display-solidbg.is-open .state-indicator-child:after { color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .group-display-solidbg.is-open .state-indicator-child:before { border-color: transparent; } .cf-layout-light .repeater.user-repeater-override .node-group-wrapper.display-standard, .cf-layout-light .node-group-wrapper.is-framed.display-standard { margin-bottom: 1rem; } .cf-layout-full .repeater.user-repeater-override .node-group-wrapper.display-standard, .cf-layout-full .node-group-wrapper.is-framed.display-standard { margin-bottom: 1rem; } .cf-layout-light .node-group-wrapper.display-standard:not(.has-row) { max-width: 50rem; } .cf-layout-full .node-group-wrapper.display-standard:not(.has-row) { max-width: 41.5rem; } .cf-steps-solidbg .repeater.user-repeater-override .node-group-wrapper.display-standard .group-container, .cf-steps-solidbg .node-group-wrapper.is-framed.display-standard .group-container { padding: 0.75rem 1rem 1px; } @media screen and (min-width: 64em) { .cf-steps-nobg .config-body:not(.no-v-steps) .repeater.user-repeater-override .node-group-wrapper .group-container, .cf-steps-nobg .config-body:not(.no-v-steps) .node-group-wrapper .group-container { border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; } .cf-steps-nobg .config-body:not(.no-v-steps) .repeater.user-repeater-override .node-group-wrapper.display-standard, .cf-steps-nobg .config-body:not(.no-v-steps) .node-group-wrapper.display-standard { margin-bottom: 0.75rem; } .cf-steps-nobg .config-body:not(.no-v-steps) .repeater.user-repeater-override .node-group-wrapper.display-standard .group-container, .cf-steps-nobg .config-body:not(.no-v-steps) .node-group-wrapper.display-standard .group-container { padding: 0.75rem 1rem 1px; border: 0; } .cf-steps-nobg .config-body:not(.no-v-steps) .repeater.user-repeater-override .node-group-wrapper.display-inpanel, .cf-steps-nobg .config-body:not(.no-v-steps) .node-group-wrapper.display-inpanel { margin-bottom: 0.75rem; } .cf-steps-nobg .config-body:not(.no-v-steps) .repeater.user-repeater-override .node-group-wrapper.display-inpanel .group-container, .cf-steps-nobg .config-body:not(.no-v-steps) .node-group-wrapper.display-inpanel .group-container { margin: 0; } } @media screen and (max-width: 64em) { .cf-steps-nobg .repeater.user-repeater-override .node-group-wrapper.display-standard .group-container, .cf-steps-nobg .node-group-wrapper.is-framed.display-standard .group-container { padding: 0.75rem 1rem 1px; } } .cf-layout-light .node-group-wrapper.display-inpanel { max-width: 50rem; } .cf-layout-full .node-group-wrapper.display-inpanel { max-width: 41.5rem; } .node-group-wrapper.display-inpanel .group-container { cursor: pointer; } .node-group-wrapper.display-inpanel .group-overview { align-items: stretch; } .node-group-wrapper.display-inpanel .group-overview > .formitem-child { padding: 0.5rem 1rem; } .node-group-wrapper.display-inpanel .state-indicator-child { flex: 0 0 1.5rem; position: relative; border-radius: 0 4px 4px 0; } .node-group-wrapper.display-inpanel .state-indicator-child:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; content: "\e901"; font-family: "primeicons"; font-size: 0.8rem; text-rendering: auto; color: #485A6A; z-index: 2; } .node-group-wrapper.display-inpanel .state-indicator-child:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; left: 0; border-left: 1px solid #C7CDD2; height: calc(100% - 1rem); } .node-group-wrapper.display-inpanel.title-first { display: block; } .node-group-wrapper.display-inpanel.title-first .group-container { position: relative; } .node-group-wrapper.display-inpanel.title-first .group-actions { position: absolute; top: 0; right: 0; } .node-group-wrapper.display-inpanel.title-first .group > .section-title .formnode-container { padding-right: 70px; } .repeater.user-repeater-override .node-group-wrapper.display-standard > div:not(.reorder-handle) { position: relative; } .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button { display: inline-block; } .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button:not(:first-child) { margin-left: 0.25rem; } .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button .p-button.p-button-group-actions { border: 1px solid rgba(30, 35, 41, 0.15); background: #fff; } .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button .p-button.p-button-group-actions .p-button-icon { color: #485A6A; } .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button .p-button.p-button-group-actions.p-button-danger .p-button-icon { color: #FF1E1E; } .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button:not(.is-active) .p-button.p-button-group-actions:enabled:hover, .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button:not(.is-active) .p-button.p-button-group-actions:enabled:active { background: #E7EBEC; border: 1px solid rgba(30, 35, 41, 0.15); } .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button.is-active .p-button.p-button-group-actions { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button.is-active .p-button.p-button-group-actions .p-button-icon { color: #fff; } .repeater.user-repeater-override .node-group-wrapper.display-standard:not(.title-first) .group-actions { right: -0.5rem; top: -0.5rem; } .repeater.user-repeater-override .node-group-wrapper.display-standard .group-actions { position: absolute; } .repeater.user-repeater-override .node-group-wrapper.display-standard.title-first .group-actions { top: 0.5rem; right: 0.5rem; } .repeater.user-repeater-override .node-group-wrapper.display-standard.title-first .section-title:first-child .formnode-container { padding-right: 70px; } .repeater.user-repeater-override .node-group-wrapper.display-inpanel .group-actions { padding: 0.5rem 0.5rem; display: flex; align-items: center; font-size: 0; } .repeater.user-repeater-override .node-group-wrapper.display-inpanel:not(.title-first) .group-actions { flex: 0 1 auto; margin-left: 0.5rem; position: relative; } .repeater.user-repeater-override .node-group-wrapper.display-inpanel:not(.title-first) .group-actions:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; left: 0; border-left: 1px solid #C7CDD2; height: calc(100% - 1rem); } .repeater.user-repeater-override .node-group-wrapper.display-inpanel:not(.title-first) .group-actions:before { height: calc(100% - 1rem); } .repeater.user-repeater-override .state-indicator-child { display: none; } .ui-styling.ui-shadows .repeater.user-repeater-override .node-group-wrapper.display-standard .group-container, .ui-styling.ui-shadows .node-group-wrapper.display-standard.instance-reorder .group-container { box-shadow: none; } .ui-styling.ui-shadows .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button .p-button.p-button-group-actions { box-shadow: 0 2px 1px rgba(72, 90, 106, 0.4); } .ui-styling.ui-shadows .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button:not(.is-active) .p-button.p-button-group-actions:enabled:hover, .ui-styling.ui-shadows .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button:not(.is-active) .p-button.p-button-group-actions:enabled:active { box-shadow: 0 1px 0 rgba(72, 90, 106, 0.5); } .ui-styling.ui-shadows .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button:not(.is-active) .p-button.p-button-group-actions:enabled:hover .p-button-icon, .ui-styling.ui-shadows .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button:not(.is-active) .p-button.p-button-group-actions:enabled:active .p-button-icon { color: #1E2329; } .ui-styling.ui-shadows .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button.is-active .p-button.p-button-group-actions { background: rgba(0, 0, 0, 0.03); box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); border-color: #A9AEB3; } .ui-styling.ui-shadows .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button.is-active .p-button.p-button-group-actions .p-button-icon { color: #1E2329; } .ui-solid-bg:not(.cf-steps-nobg) .ui-styling .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button.is-active .p-button.p-button-group-actions { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); border-color: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); } .ui-solid-bg:not(.cf-steps-nobg) .ui-styling .repeater.user-repeater-override .node-group-wrapper .group-actions .action-button.is-active .p-button.p-button-group-actions .p-button-icon { color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .node-group-wrapper.display-inpanel .group .read-only-cs-item { margin: 0.25rem 0; } .node-group-wrapper.display-inpanel .group .read-only-cs-item:not(.is-title):not(.is-step) { padding: 0.125rem 0; } .node-group-wrapper.display-inpanel .group .read-only-cs-item.is-checkbox { margin: 0.25rem 0; } .node-group-wrapper.display-inpanel .group .read-only-cs-item .read-only-cs-item-flex-container { display: block; } .node-group-wrapper.display-inpanel .group .read-only-cs-item .read-only-cs-item-flex-container .item-qp { text-align: left; margin: 0; display: flex; } .node-group-wrapper.display-inpanel .group .read-only-cs-item .read-only-cs-item-flex-container .item-qp .item-qty { margin: 0; } .node-group-wrapper.display-inpanel .group .read-only-cs-item .read-only-cs-item-flex-container .item-qp .item-qty + .item-price { margin-left: 0.5rem; } .node-group-wrapper.display-inpanel .group .buttonnode-wrapper .formnode-container { margin: 0.5rem 0; } .node-group-wrapper.display-inpanel .group .group-container { margin: 0.25rem 0; } .node-group-wrapper.display-inpanel .group .section-title .formnode-container { margin-bottom: 0.25rem; } .node-group-wrapper.display-inpanel .group .section-title:not(:first-child) { margin-top: 0.5rem; } .group-panel { z-index: 1002; width: calc(100% - 1rem); display: flex; } @media screen and (max-width: 56.1875em) { .group-panel { left: 0.5rem !important; top: auto !important; bottom: 0.5rem; max-height: calc(100vh - 56px) !important; } .group-panel .configurator-blockable-container { height: auto !important; } } @media screen and (min-width: 56.25em) { .group-panel { padding: 0; width: 22.5rem; } } .group-panel.has-handle { max-height: 60vh !important; } @media screen and (min-width: 56.25em) { .group-panel.has-handle { width: 24.25rem; max-height: 50vh !important; } } .group-panel.has-handle .panel-bg { border-top-left-radius: 0; } .group-panel .panel-handle { cursor: move; flex: 0 0 auto; background: #fff; border-radius: 4px 0 0 4px; width: 28px; height: 50px; position: relative; box-shadow: 0 0 0 1px rgba(30, 35, 41, 0.08), 0 5px 15px rgba(30, 35, 41, 0.2); } .group-panel .panel-handle span { color: #485A6A; opacity: 0.6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .group-panel .panel-handle:hover span { opacity: 0.99; } .group-panel .panel-bg { background: #fff; border-radius: 4px; box-shadow: 0 0 0 1px rgba(30, 35, 41, 0.08), 0 5px 15px rgba(30, 35, 41, 0.2); display: flex; flex-direction: column; max-height: 100%; min-height: 0; min-width: 0; position: relative; flex: 1 1 auto; } .group-panel .group-content { flex: 1 1 auto; padding: 1rem 1rem 0.5rem; overflow-y: auto; } .group-panel .p-button-close { background: #485A6A !important; position: absolute; top: -0.25rem; right: -0.5rem; z-index: 10; width: 1.5rem !important; height: 1.5rem !important; } .group-panel .p-button-close .p-button-icon { color: #fff !important; font-size: 0.7rem !important; } .group-panel .close-btn-wrapper { flex: 1 0 auto; padding: 0.5rem 1rem; background: #fff; border-top: 1px solid #C7CDD2; border-radius: 0 0 4px 4px; } .reorder-boundary.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .reorder-handle-styling, .can-reorder .reorder-handle { position: absolute; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; right: calc(100% - 5.4px); z-index: 10; width: 24px; height: 48px; text-align: left; cursor: move; } .reorder-handle-styling::after, .can-reorder .reorder-handle::after, .reorder-handle-styling::before, .can-reorder .reorder-handle::before { content: ""; display: block; font-size: 0; box-sizing: border-box; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .reorder-handle-styling::before, .can-reorder .reorder-handle::before { z-index: 1; right: 0; border-radius: 4px; background: #C7CDD2; border: 2px solid #fff; height: 100%; width: 9px; } .reorder-handle-styling::after, .can-reorder .reorder-handle::after { z-index: 2; opacity: 0; left: 100%; width: 0; height: calc(100% - 8px - 1px); background: #fff; border-radius: 4px 0 0 4px; } .reorder-handle-styling .handle, .can-reorder .reorder-handle .handle { z-index: 3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 36px; line-height: 32px; font-size: 18px; text-align: center; text-indent: -2.5px; display: inline-block; color: rgba(0, 0, 0, 0.3); } @media screen and (max-width: 25em) { .reorder-handle-styling .handle, .can-reorder .reorder-handle .handle { opacity: 0; } } @media screen and (min-width: 56.3125em) { .reorder-handle-styling .handle, .can-reorder .reorder-handle .handle { opacity: 0; } } .reorder-handle-styling:hover::before, .can-reorder .reorder-handle:hover::before, .reorder-handle-styling:active::before, .can-reorder .reorder-handle:active::before { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .reorder-handle-styling:hover::after, .can-reorder .reorder-handle:hover::after, .reorder-handle-styling:active::after, .can-reorder .reorder-handle:active::after { opacity: 0.99; left: 5px; width: calc(100% - 9px - 5px + 4px); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .reorder-handle-styling:hover .handle, .can-reorder .reorder-handle:hover .handle, .reorder-handle-styling:active .handle, .can-reorder .reorder-handle:active .handle { color: rgba(0, 0, 0, 0.7); text-indent: initial; } .can-reorder .cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .can-reorder .reorder-placeholder { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.1); border-radius: 4px; border: 1.5px dashed hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); height: 50px; margin: 1rem 0; transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .can-reorder .node-group-wrapper:hover .reorder-handle::before, .can-reorder .node-group-wrapper:active .reorder-handle::before { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .can-reorder .node-group-wrapper:hover .handle, .can-reorder .node-group-wrapper:active .handle { opacity: 0.99; } .node-group-wrapper.instance-reorder { position: relative; } .node-group-wrapper.instance-reorder.cdk-drag-preview { box-sizing: border-box; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); border-radius: 4px; } .node-group-wrapper.instance-reorder.cdk-drag-preview .group-container { margin: 0 !important; } .node-group-wrapper.instance-reorder.cdk-drag-preview .reorder-handle, .node-group-wrapper.instance-reorder.cdk-drag-preview .group-actions, .node-group-wrapper.instance-reorder.cdk-drag-preview .state-indicator-child { display: none; } .p-accordion.config-steps { margin: auto; } .cf-layout-light .p-accordion.config-steps { max-width: 36.25rem; } @media screen and (max-width: 56.25em) { .cf-layout-light .p-accordion.config-steps { max-width: 36.25rem; } } .cf-layout-full .p-accordion.config-steps { max-width: 100%; } @media screen and (max-width: 56.25em) { .cf-layout-full .p-accordion.config-steps { max-width: 36.25rem; } } .p-accordion.config-steps .p-accordion-header .p-accordion-header-link { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; position: relative; border: 0; font-weight: var(--semiWeight, 600); padding: 1rem 2rem 1rem 2.2rem; color: #1E2329; background: #fff; font-size: 1rem; border-radius: 4px; } .p-accordion.config-steps .p-accordion-header .p-accordion-header-link:after { height: 1.1rem; width: 1.1rem; line-height: 1; box-sizing: border-box; padding-top: 0.167rem; border-radius: 1000px; text-align: center; display: block; position: absolute; left: 0.7rem; background-color: #E7EBEC; border: 1px solid #DCE1E3; content: "\f111"; font-family: "FontAwesome"; font-size: 0.625rem; text-rendering: auto; color: rgba(72, 90, 106, 0.5); } .p-accordion.config-steps .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { position: absolute; margin-right: 0; position: absolute; top: 50%; transform: translateY(-50%); color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); right: 0.66rem; } .p-accordion.config-steps .p-accordion-header.p-highlight .p-accordion-header-link { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #fff; } .p-accordion.config-steps .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link, .p-accordion.config-steps .p-accordion-header:not(.p-disabled):hover .p-accordion-header-link { background: #fff; color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .p-accordion.config-steps p-accordiontab .p-accordion-tab { margin-bottom: 0.5rem; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); border-radius: 4px; } .p-accordion.config-steps p-accordiontab .p-accordion-tab .p-accordion-content { padding-top: 1px; border: 0; } @media screen and (max-width: 25em) { .p-accordion.config-steps p-accordiontab .p-accordion-tab .p-accordion-content { padding-left: 0.5rem; padding-right: 0.5rem; } } .p-accordion.config-steps p-accordiontab .p-accordion-tab.p-accordion-tab-active .p-accordion-content { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .p-accordion.config-steps p-accordiontab:not(.p-step-error) .p-accordion-header.p-highlight .p-accordion-header-link:after { background-color: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.2); color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: transparent; } .p-accordion.config-steps:not(.status-running) .p-accordion-header .p-accordion-header-link .status-running { display: none; } .p-accordion.config-steps.status-running .p-accordion-header .p-accordion-header-link:after { display: none; } .p-accordion.config-steps.status-running .p-accordion-header .p-accordion-header-link .status-running { position: absolute; top: 50%; transform: translateY(-50%); left: 0.7rem; } .p-accordion.config-steps .p-step-error .p-accordion-header .p-accordion-header-link:after { font-family: "FontAwesome"; text-rendering: auto; content: "\f00d"; font-size: 14px; padding-top: 0.03rem; color: #FF1E1E; background-color: rgba(255, 30, 30, 0.2); } @media screen and (min-width: 64em) { .cf-steps-nobg .config-body:not(.no-v-steps) .p-accordion.config-steps .p-accordion-content { padding: 0 0 0 0.75rem; background: transparent; } } .has-v-steps .v-steps-container { display: none; padding-left: 0; } @media screen and (min-width: 64em) { .cf-layout-light .has-v-steps .v-steps-container .v-step .p-button-step { font-size: 0.875rem; } .cf-layout-full .has-v-steps .v-steps-container .v-step .p-button-step { font-size: 0.875rem; } } .has-v-steps .cf-p-button-next { display: none; } @media screen and (max-width: 56.25em) { .cf-steps-nobg .has-v-steps .config-steps .p-accordion-tab { background: #fff; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); } } @media screen and (min-width: 64em) { .has-v-steps .cf-p-button-next { display: inline-flex; } .has-v-steps .v-steps-container { height: 100%; overflow: auto; flex: 0 0 156px; display: block; } .has-v-steps .v-steps-container .v-steps-wrapper { min-width: 0; } .cf-steps-solidbg .has-v-steps .v-steps-container .v-steps-wrapper { background: #fff; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); } .has-v-steps .v-steps-container .v-step { min-width: 0; width: 100%; } .has-v-steps .v-steps-container .v-step:not(:last-child) { border-bottom: 1px solid #C7CDD2; } .has-v-steps .v-steps-container .v-step .p-button-step { background: transparent; width: 100%; display: flex; flex-direction: column; border-radius: 0; border: 0; font-weight: var(--semiWeight, 600); padding: 0.5rem; } .has-v-steps .v-steps-container .v-step .p-button-step .p-button-icon, .has-v-steps .v-steps-container .v-step .p-button-step .p-button-label { text-align: center; } .has-v-steps .v-steps-container .v-step .p-button-step .p-button-icon { width: 32px; opacity: 1; } .has-v-steps .v-steps-container .v-step .p-button-step .p-button-label { color: #1E2329; word-wrap: break-word; max-width: 100%; } .has-v-steps .v-steps-container .v-step.is-open { position: relative; background: #F3F4F5; } .has-v-steps .v-steps-container .v-step.is-open::after { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; border-left: 0.25rem solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); z-index: 1; } .has-v-steps .v-steps-container .v-step.is-open .p-button-step .p-button-label { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .has-v-steps .v-steps-container .v-step.p-step-error { background: rgba(255, 230, 230, 0.5); } .has-v-steps .v-steps-container .v-step.p-step-error.is-open::after { border-left-color: #FF1E1E; } .has-v-steps .v-steps-container .v-step.p-step-error .p-button-step .p-button-label { color: #AE0000 !important; } } .has-v-steps .v-steps-wrapper { border-bottom-left-radius: 4px; } .has-v-steps.has-ctx-bar .v-steps-container { padding-top: 0; } .has-v-steps:not(.has-ctx-bar) .v-steps-wrapper, .has-v-steps:not(.has-ctx-bar) .v-step-container .v-step:not(.is-open) .p-button-step { border-top-left-radius: 4px; } .summary-is-open .v-steps-container { display: none; } .subcf-instep-step-name { font-size: 0; } .cf-layout-light .subcf-instep-step-name { margin: 1.5rem 0 0.5rem; } .cf-layout-light .subcf-instep-step-name h6 { font-size: 1.125rem; font-weight: var(--semiWeight, 600); } .cf-layout-full .subcf-instep-step-name { margin: 0.5rem 0; } .cf-layout-full .subcf-instep-step-name h6 { font-size: 1rem; font-weight: bold; } .subcf-instep-step-name h6 { display: inline; margin: 0; padding: 0; word-break: break-word; vertical-align: middle; } .textnode-wrapper:not(.label-pos-left) .formnode-container > .flex-container { flex-direction: column; align-items: flex-start; } .textnode-wrapper:not(.label-pos-left) .formnode-container > .flex-container .qtypricing-child { margin-left: 0; } .textnode-wrapper:not(.label-pos-left) .formnode-container > .flex-container .qtypricing-child.only-price { min-height: initial; } .textnode-wrapper.label-pos-left .formnode-container > .flex-container { align-items: center; } .textnode-wrapper.label-pos-left .formnode-container > .flex-container .textitem-grandchild { width: auto; } .textnode-wrapper.label-pos-left .formnode-container > .flex-container .qtypricing-child { flex: 1 1 auto; text-align: right; } .layout-row .layout-row-item:not(:only-child) .textnode-wrapper:not(.label-pos-left) .formnode-container > .flex-container .formitem-child:not(:only-child) .p-field-label { margin: 0 0 0.25rem; } .layout-row .layout-row-item:not(:only-child) .textnode-wrapper:not(.label-pos-left) .formnode-container > .flex-container .formitem-child:only-child { min-height: 30px; } .layout-row .layout-row-item:not(:only-child) .textnode-wrapper:not(.label-pos-left) .formnode-container > .flex-container .qtypricing-child { margin: 0; justify-content: initial; flex-wrap: nowrap; flex: 1 1 auto; width: 100%; min-height: 37px; } .ext-info, .cfv2 .p-standalone-message .p-message.p-message-info, .cfv2 .p-inline-message.p-inline-message-info { background: #F3F4F5; } .ext-info-icon, .cfv2 .p-standalone-message .p-message.p-message-info .p-message-icon, .cfv2 .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #485A6A; } .ext-info-text, .cfv2 .p-standalone-message .p-message.p-message-info .p-message-text, .cfv2 .p-inline-message.p-inline-message-info .p-inline-message-text { color: #1E2329; } .ext-success, .cfv2 .p-standalone-message .p-message.p-message-success, .cfv2 .p-inline-message.p-inline-message-success { background: rgba(175, 255, 214, 0.5); } .ext-warning, .cfv2 .p-standalone-message .p-message.p-message-warn, .cfv2 .p-inline-message.p-inline-message-warn { background: rgba(255, 242, 167, 0.6); } .cfv2 .p-message .p-message-wrapper { display: block !important; position: relative; text-align: left; padding-left: 2rem; } .cfv2 .p-message .p-message-wrapper .p-message-summary, .cfv2 .p-message .p-message-wrapper .p-message-details { display: inline; } .cf-layout-light .cfv2 .p-message .p-message-text { font-size: 0.875rem; } .cf-layout-full .cfv2 .p-message .p-message-text { font-size: 0.875rem; } .cfv2 .p-message.p-message-error a { font-weight: var(--semiWeight, 600); color: #A20000 !important; text-decoration: underline; } .cfv2 .p-message .p-message-icon { position: absolute; left: 0.6rem; top: 0.85rem; line-height: 1; margin: 0; } .cfv2 .p-message .p-message-icon.pi-check { font-size: 1.25rem; } .cfv2 .p-messages.mrg-b-0 .p-message { margin-bottom: 0; } .cfv2 .p-inline-message { word-break: break-word; } .cfv2 .p-inline-message.field-message { display: flex; align-items: flex-start; padding: 0.25rem 0.5rem; margin-top: 0.25rem; } .cfv2 .p-inline-message.field-message .p-icon-wrapper { padding-top: 0.125rem; font-size: 18px; display: inline-block; line-height: 1; margin-right: 0.25rem; } .cfv2 .p-inline-message.field-message .p-icon-wrapper svg.p-inline-message-icon { display: none; } .cfv2 .p-inline-message.field-message .p-icon-wrapper::after { content: "\e88e"; font-family: "Material Icons"; font-size: 18px; text-rendering: auto; color: #485A6A; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .cfv2 .p-inline-message.field-message .p-icon-wrapper::after::before { display: none !important; } .cfv2 .p-inline-message.field-message.p-inline-message-error .p-icon-wrapper::after { content: "\e000"; color: #FF1E1E; } .cfv2 .p-inline-message.field-message.p-inline-message-warn .p-icon-wrapper::after { content: "\e002"; color: #C78B00; } .cfv2 .p-inline-message.field-message .p-inline-message-text { flex: 1 1 auto; } .cfv2 .p-inline-message.field-message.tip-style { background: #F3F4F5; padding: 0.5rem; border-radius: 4px; margin-top: 0.5rem; position: relative; } .cfv2 .p-inline-message.field-message.tip-style::before { display: block; width: 0; height: 0; border: inset 8px; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #E7EBEC; content: ""; display: block; position: absolute; bottom: 100%; left: 0.75rem; } .cfv2 .p-standalone-message .p-message { margin: 0; border-radius: 4px; word-break: break-word; } .cfv2 .p-standalone-message .p-message.p-message-info .p-message-text { color: #1E2329; } .cfv2 .p-standalone-message .p-message .p-message-wrapper { display: flex !important; align-items: flex-start; padding: 0.5rem; } .cfv2 .p-standalone-message .p-message .p-message-wrapper .p-message-icon { flex: 0 1 auto; position: initial; top: initial; left: initial; margin-right: 0.25rem; } .cfv2 .p-standalone-message .p-message .p-message-wrapper .p-message-icon .material-icons { font-size: 22px; line-height: 1; } .cfv2 .p-standalone-message .p-message .p-message-wrapper .p-message-text { flex: 1 1 auto; } .cf-layout-light .cfv2 .p-standalone-message .p-message .p-message-wrapper .p-message-text p { margin: 0 0 0.125rem; } .cf-layout-full .cfv2 .p-standalone-message .p-message .p-message-wrapper .p-message-text p { margin: 0.125rem 0 0; } .textfield-wrapper.has-error input { border-color: #FF1E1E; } .textfield-wrapper .p-inputgroup { display: flex; align-items: center; } .textfield-wrapper .p-inputgroup .p-inputgroup-input { flex: 1 1 auto; } .textfield-wrapper .p-inputgroup .p-inputgroup-input:not(:only-child) input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .textfield-wrapper .p-inputgroup .p-inputgroup-addon { color: #1E2329; line-height: 1.5; border-left: 0; font-weight: normal; max-width: 50%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; display: block; padding: 0.5rem 0.25rem; cursor: default; flex: 0 1 auto; } .cf-slider-comp { display: flex; align-items: center; margin-bottom: 0.5rem; } .cf-slider-comp .cf-slider-min, .cf-slider-comp .cf-slider-max { flex: 0 1 auto; white-space: nowrap; font-size: 0.75rem; line-height: 1; } .cf-slider-comp .cf-slider-wrapper { flex: 1 1 auto; margin: 0 0.75rem; } .cf-slider-comp .p-slider.cf-slider.p-slider-horizontal { border-radius: 200px; border: 1px solid #C7CDD2; background: rgb(245.7818181818, 246.55, 247.3181818182); box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); height: 6px; } .cf-slider-comp .p-slider.cf-slider.p-slider-horizontal .p-slider-range { border-top-left-radius: 200px; border-bottom-left-radius: 200px; background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) - 10%)); box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); } .cf-slider-comp .p-slider.cf-slider.p-slider-horizontal:not(.p-disabled) .p-slider-handle { width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; position: relative; background: transparent; border: transparent; } .cf-slider-comp .p-slider.cf-slider.p-slider-horizontal:not(.p-disabled) .p-slider-handle::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; width: 16px; height: 16px; background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + 2%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + 2%)); box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); border-radius: 50%; } .cf-slider-comp .p-slider.cf-slider.p-slider-horizontal:not(.p-disabled) .p-slider-handle:hover::before, .cf-slider-comp .p-slider.cf-slider.p-slider-horizontal:not(.p-disabled) .p-slider-handle:focus::before { width: 24px; height: 24px; } .ui-solid-bg .ui-styling .cf-slider-comp .p-slider.cf-slider.p-slider-horizontal { border-color: transparent; background: rgb(229.0909090909, 231.25, 233.4090909091); } .ui-solid-bg .ui-styling .cf-slider-comp .p-slider.cf-slider.p-slider-horizontal:not(.p-disabled) .p-slider-range { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); box-shadow: none; } .ui-solid-bg .ui-styling .cf-slider-comp .p-slider.cf-slider.p-slider-horizontal:not(.p-disabled) .p-slider-handle::before { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), calc(var(--b2bHighlightBgL, 46%) - 5%)); border-color: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), calc(var(--b2bHighlightBgL, 46%) - 5%)); } .layout-row:not(.has-1-children):not(.has-2-children) .layout-row-item .textfield-wrapper { max-width: initial; } .cf-layout-light .layout-row.has-2-children .layout-row-item.has-textfield, .cf-layout-light .layout-row.has-3-children .layout-row-item.has-textfield { max-width: 51rem; } .cf-layout-full .layout-row.has-2-children .layout-row-item.has-textfield, .cf-layout-full .layout-row.has-3-children .layout-row-item.has-textfield { max-width: 42.5rem; } .textbox-wrapper .p-inputtextarea { max-height: 136px; overflow: auto !important; } .textbox-wrapper.has-error textarea.p-inputtextarea { border-color: #FF1E1E; } .cfv2 .layout-row .layout-row-item .p-inputtextarea { max-height: 80px; } .cfv2 .layout-row:not(.has-1-children):not(.has-2-children) .layout-row-item .textbox-wrapper { max-width: initial; } .cf-layout-light .cfv2 .layout-row.has-2-children .layout-row-item.has-textbox, .cf-layout-light .cfv2 .layout-row.has-3-children .layout-row-item.has-textbox { max-width: 51rem; } .cf-layout-full .cfv2 .layout-row.has-2-children .layout-row-item.has-textbox, .cf-layout-full .cfv2 .layout-row.has-3-children .layout-row-item.has-textbox { max-width: 42.5rem; } .section-title { display: block; } .section-title-container { } .section-title-container.has-divider.bottom-divider .formnode-container { border-bottom: 1px solid #DCE1E3; padding-bottom: 0.25rem; } .section-title-container.has-divider.top-divider .formnode-container { border-top: 1px solid #DCE1E3; padding-top: 0.5rem; } .section-title-container h5 { line-height: 1.2; } .cf-layout-light .section-title-container > span { opacity: 0.75; } .cf-layout-full .section-title-container > span { opacity: 1; } .section-title-container .node-description { padding: 0; } .config-top-bar .section-title { margin: 0; padding: 0; border: 0; } .cf-layout-light .cfv2 .p-checkbox { margin-right: 0.5rem; } .cf-layout-full .cfv2 .p-checkbox { margin-right: 0.25rem; } .cfv2 .p-checkbox .p-checkbox-box:not(.p-highlight) { border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; } .cfv2 .rs-table .p-checkbox { margin: 0; } .cfv2 .p-field-checkbox { display: flex; align-items: center; margin-bottom: 0; } .cfv2 .p-field-checkbox .p-field-label { line-height: 1; } .cfv2 .p-field-checkbox .p-field-label .weight-semi { font-weight: normal; } .cfv2 .p-field-checkbox .p-field-label:hover { color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .cfv2 .p-field-checkbox label { display: inline; padding: 0; margin: 0; cursor: pointer; } .cfv2 .p-field-checkbox.p-checkbox-disabled { cursor: not-allowed; } .toggle-wrapper .label-container { margin: 0; } .toggle-wrapper .toggle-button .toggle-frame-container.form-el-style, .toggle-wrapper .toggle-button .cf-node .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .toggle-wrapper .toggle-button .toggle-frame-container.p-paginator-rpp-options, .toggle-wrapper .toggle-button .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .toggle-wrapper .toggle-button .toggle-frame-container.p-checkbox-box:not(.p-highlight), .toggle-wrapper .toggle-button .cf-table p-columnfilter .toggle-frame-container.p-dropdown, .cf-table p-columnfilter .toggle-wrapper .toggle-button .toggle-frame-container.p-dropdown { padding: 0.25rem; } .toggle-wrapper .toggle-button.has-img:not(.img-size-fit) .toggle-frame-container.form-el-style, .toggle-wrapper .toggle-button.has-img:not(.img-size-fit) .cf-node .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .toggle-wrapper .toggle-button.has-img:not(.img-size-fit) .toggle-frame-container.p-paginator-rpp-options, .toggle-wrapper .toggle-button.has-img:not(.img-size-fit) .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .toggle-wrapper .toggle-button.has-img:not(.img-size-fit) .toggle-frame-container.p-checkbox-box:not(.p-highlight), .toggle-wrapper .toggle-button.has-img:not(.img-size-fit) .cf-table p-columnfilter .toggle-frame-container.p-dropdown, .cf-table p-columnfilter .toggle-wrapper .toggle-button.has-img:not(.img-size-fit) .toggle-frame-container.p-dropdown, .toggle-wrapper .toggle-button:not(.has-img) .toggle-frame-container.form-el-style, .toggle-wrapper .toggle-button:not(.has-img) .cf-node .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .toggle-wrapper .toggle-button:not(.has-img) .toggle-frame-container.p-paginator-rpp-options, .toggle-wrapper .toggle-button:not(.has-img) .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .toggle-wrapper .toggle-button:not(.has-img) .toggle-frame-container.p-checkbox-box:not(.p-highlight), .toggle-wrapper .toggle-button:not(.has-img) .cf-table p-columnfilter .toggle-frame-container.p-dropdown, .cf-table p-columnfilter .toggle-wrapper .toggle-button:not(.has-img) .toggle-frame-container.p-dropdown { cursor: pointer; } .toggle-wrapper .toggle-button:not(.p-checkbox-checked) { } .toggle-wrapper .toggle-button:not(.p-checkbox-checked) .p-checkbox .p-checkbox-box { background-color: #fff; border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; } .toggle-wrapper .toggle-button:not(.p-checkbox-checked) .qty-picker, .toggle-wrapper .toggle-button:not(.p-checkbox-checked) .item-price { opacity: 0.65; } .toggle-wrapper .toggle-button:not(.p-checkbox-checked) .item-price { font-weight: normal; } .toggle-wrapper .toggle-button.has-description .p-field-label .weight-semi { font-weight: bold; } .toggle-wrapper .toggle-button.has-img .toggle-frame-container.form-el-style, .toggle-wrapper .toggle-button.has-img .cf-node .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options, .cf-node .page-table-paginator .p-paginator .toggle-wrapper .toggle-button.has-img .toggle-frame-container.p-paginator-rpp-options, .toggle-wrapper .toggle-button.has-img .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight), .cf-table p-columnfilter .p-checkbox .toggle-wrapper .toggle-button.has-img .toggle-frame-container.p-checkbox-box:not(.p-highlight), .toggle-wrapper .toggle-button.has-img .cf-table p-columnfilter .toggle-frame-container.p-dropdown, .cf-table p-columnfilter .toggle-wrapper .toggle-button.has-img .toggle-frame-container.p-dropdown { padding-left: 0.25rem; } .toggle-wrapper .toggle-button.has-img:not(.img-size-l):not(.img-size-fit) .toggle-frame-container.form-el-style .item-img, .toggle-wrapper .toggle-button.has-img:not(.img-size-l):not(.img-size-fit) .cf-node .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options .item-img, .cf-node .page-table-paginator .p-paginator .toggle-wrapper .toggle-button.has-img:not(.img-size-l):not(.img-size-fit) .toggle-frame-container.p-paginator-rpp-options .item-img, .toggle-wrapper .toggle-button.has-img:not(.img-size-l):not(.img-size-fit) .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight) .item-img, .cf-table p-columnfilter .p-checkbox .toggle-wrapper .toggle-button.has-img:not(.img-size-l):not(.img-size-fit) .toggle-frame-container.p-checkbox-box:not(.p-highlight) .item-img, .toggle-wrapper .toggle-button.has-img:not(.img-size-l):not(.img-size-fit) .cf-table p-columnfilter .toggle-frame-container.p-dropdown .item-img, .cf-table p-columnfilter .toggle-wrapper .toggle-button.has-img:not(.img-size-l):not(.img-size-fit) .toggle-frame-container.p-dropdown .item-img { padding: 0.25rem 0; } .cf-layout-light .toggle-wrapper .toggle-button.has-img.img-size-fit { max-width: 28.375rem; } .cf-layout-full .toggle-wrapper .toggle-button.has-img.img-size-fit { max-width: 27.5rem; } .toggle-wrapper .toggle-button.has-img.img-size-fit .item-img { width: 100%; height: auto; } .toggle-wrapper .toggle-button.has-img.img-size-fit .toggle-frame-container.form-el-style > .flex-container, .toggle-wrapper .toggle-button.has-img.img-size-fit .cf-node .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options > .flex-container, .cf-node .page-table-paginator .p-paginator .toggle-wrapper .toggle-button.has-img.img-size-fit .toggle-frame-container.p-paginator-rpp-options > .flex-container, .toggle-wrapper .toggle-button.has-img.img-size-fit .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight) > .flex-container, .cf-table p-columnfilter .p-checkbox .toggle-wrapper .toggle-button.has-img.img-size-fit .toggle-frame-container.p-checkbox-box:not(.p-highlight) > .flex-container, .toggle-wrapper .toggle-button.has-img.img-size-fit .cf-table p-columnfilter .toggle-frame-container.p-dropdown > .flex-container, .cf-table p-columnfilter .toggle-wrapper .toggle-button.has-img.img-size-fit .toggle-frame-container.p-dropdown > .flex-container { padding-left: 1rem; padding-right: 1rem; } .toggle-wrapper .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container { padding: 0; } .toggle-wrapper .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container > .flex-container { flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-top: 0.25rem; padding-bottom: 0.5rem; } .toggle-wrapper .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container > .flex-container .formitem-child { width: 100%; align-self: flex-start; } .toggle-wrapper .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container > .flex-container .formitem-child .toggle-img-label-container > .flex-child-shrink { width: 100%; } .toggle-wrapper .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container > .flex-container .qtypricing-child { align-self: flex-start; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: initial; margin-left: 0; } .toggle-wrapper .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container > .flex-container .qtypricing-child .item-price { margin-left: 0; } .toggle-wrapper .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container > .flex-container .toggle-child { width: 100%; padding: 0.5rem 0 0; margin: 0.25rem 0 0; border-top: 1px solid #DCE1E3; } .toggle-wrapper .toggle-button.has-img.img-size-l .item-img { width: 100px; height: auto; position: relative; margin-top: 0.25rem; margin-bottom: 0.25rem; } .toggle-wrapper .toggle-button.has-img.img-size-l .item-img img { width: auto; height: auto; } .toggle-wrapper .toggle-button.has-img.img-size-l .formnode-container .toggle-frame-container { position: relative; } .toggle-wrapper .toggle-button.has-img.img-size-l .toggle-child { position: absolute; left: 0; top: 0; background: #fff; padding: 0.25rem; border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; border-radius: 4px; } .toggle-wrapper .toggle-button.has-img.img-size-l .toggle-child .p-checkbox { margin: 0; } .toggle-wrapper .toggle-button.has-img.img-size-l .p-button.config-btn-expand.absolute { bottom: 2px; right: 2px; background-color: rgba(255, 255, 255, 0.75); border-radius: 4px !important; } @media screen and (max-width: 23.125em) { .toggle-wrapper .toggle-button.has-img .formnode-container .toggle-frame-container > .flex-container { flex-wrap: wrap; } .toggle-wrapper .toggle-button.has-img .formnode-container .toggle-frame-container > .flex-container .qtypricing-child { margin-left: 0; margin-bottom: 0.25rem; width: 100%; } } .toggle-wrapper .formnode-container .qtypricing-child { align-self: center; } .toggle-wrapper .formnode-container .qty-picker { margin: 0.25rem 0; } .toggle-wrapper .toggle-img-label-container { display: flex; align-items: center; } .toggle-wrapper .toggle-img-label-container .p-field-label .flex-container > div { display: inline; } .toggle-wrapper .toggle-child { flex: 0 1 auto; display: flex; align-items: center; } .toggle-wrapper.label-pos-left .toggle-img-label-container { width: 100%; } .toggle-wrapper.label-pos-left .toggle-img-label-container > .lt-container { flex: 1 1 auto; } .toggle-wrapper.label-pos-left .formelitem-grandchild { text-align: right; } .toggle-wrapper.label-pos-left .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container > .flex-container { flex-direction: row; flex-wrap: wrap; align-items: center; } .toggle-wrapper.label-pos-left .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container .formitem-child { order: 1; flex: 0 1 calc(100% - 100px); width: auto; } .toggle-wrapper.label-pos-left .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container .toggle-child { order: 2; flex: 1 1 70px; width: auto; margin: 0; padding: 0; border: 0; text-align: right; display: block; } .toggle-wrapper.label-pos-left .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container .toggle-child > span { display: none; } .toggle-wrapper.label-pos-left .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container .toggle-child .p-inputswitch { margin: 0; } .toggle-wrapper.label-pos-left .toggle-button.has-img.img-size-fit .formnode-container .toggle-frame-container .node-description { order: 3; width: 100%; flex: 1 0 100%; } .toggle-wrapper .p-inputswitch, .toggle-child .p-inputswitch { width: 2rem; height: 1rem; } .toggle-wrapper .p-inputswitch .p-inputswitch-slider::before, .toggle-child .p-inputswitch .p-inputswitch-slider::before { width: 1.1rem; height: 1.1rem; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); } .toggle-wrapper .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before, .toggle-child .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before { position: absolute; top: 50%; transform: translateY(-50%); left: auto; right: 0; } .layout-row .layout-row-item .toggle-img-label-container .p-field-label { min-height: 37px; display: flex; align-items: center; } .read-only-cs-item.is-checkbox { } .read-only-cs-item.is-checkbox .p-checkbox { } .cf-layout-light .read-only-cs-item.is-checkbox .p-checkbox.p-checkbox-disabled { margin-right: 0 0.25rem; } .cf-layout-full .read-only-cs-item.is-checkbox .p-checkbox.p-checkbox-disabled { margin-right: 0 0.125rem; } .ui-styling.ui-shadows .toggle-button.p-field-checkbox.has-img.img-size-l .toggle-child { box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); } .ui-styling.ui-shadows .p-checkbox { margin-right: 0.5rem; } .ui-styling.ui-shadows .p-checkbox .p-checkbox-box { box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); background: #fff; } .ui-styling.ui-shadows .p-checkbox .p-checkbox-box.p-highlight { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)) !important; box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); } .ui-styling.ui-shadows .p-field-checkbox:hover:not(.p-checkbox-disabled) .p-checkbox .p-checkbox-box { box-shadow: none; } .ui-styling.ui-shadows .p-field-checkbox { } .ui-styling.ui-shadows .p-field-checkbox:not(.p-checkbox-disabled) .p-field-label:hover .p-checkbox .p-checkbox-box { box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); } .ui-styling.ui-shadows .p-field-checkbox:not(.p-checkbox-disabled) .p-field-label:hover .p-checkbox .p-checkbox-box:not(.p-highlight) { border-color: #A9AEB3; } .ui-styling.ui-shadows .p-field-checkbox .formnode-container .item-price { margin-right: 0.25rem; } .ui-styling.ui-shadows .p-field-checkbox .formnode-container .qty-picker { box-shadow: none; } .ui-styling.ui-shadows .p-inputswitch .p-inputswitch-slider { box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); border: 1px solid #A9AEB3; } .ui-styling.ui-shadows .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); } .ui-styling.ui-outlined { } .ui-styling.ui-outlined .p-field-checkbox.toggle-button:not(.p-checkbox-checked) { } .ui-styling.ui-outlined .p-field-checkbox.toggle-button:not(.p-checkbox-checked) .formnode-container .qty-picker .p-inputnumber, .ui-styling.ui-outlined .p-field-checkbox.toggle-button:not(.p-checkbox-checked) .formnode-container .qty-picker .p-inputtext { background: #fff; } .ui-styling.ui-outlined .p-inputswitch .p-inputswitch-slider { border: 1px solid #A9AEB3; background: #F3F4F5; } .ui-styling.ui-outlined .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .ui-solid-bg .ui-styling .p-checkbox .p-checkbox-box { box-shadow: none !important; background: #F3F4F5; } .ui-solid-bg .ui-styling .p-checkbox .p-checkbox-box .p-checkbox-icon { color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .ui-solid-bg .ui-styling .p-checkbox .p-checkbox-box.p-highlight { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); border-color: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)) !important; } .ui-solid-bg .ui-styling .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), calc(var(--b2bHighlightBgL, 46%) + 10%)); } .ui-solid-bg .ui-styling .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), calc(var(--b2bHighlightBgL, 46%) + -15%)); } .ui-solid-bg .ui-styling .p-field-checkbox.toggle-button { } .ui-solid-bg .ui-styling .p-field-checkbox.toggle-button:not(.p-checkbox-checked) { } .ui-solid-bg .ui-styling .p-field-checkbox.toggle-button.has-img.img-size-l .toggle-frame-container.form-el-style .toggle-child, .ui-solid-bg .ui-styling .p-field-checkbox.toggle-button.has-img.img-size-l .cf-node .page-table-paginator .p-paginator .toggle-frame-container.p-paginator-rpp-options .toggle-child, .cf-node .page-table-paginator .p-paginator .ui-solid-bg .ui-styling .p-field-checkbox.toggle-button.has-img.img-size-l .toggle-frame-container.p-paginator-rpp-options .toggle-child, .ui-solid-bg .ui-styling .p-field-checkbox.toggle-button.has-img.img-size-l .cf-table p-columnfilter .p-checkbox .toggle-frame-container.p-checkbox-box:not(.p-highlight) .toggle-child, .cf-table p-columnfilter .p-checkbox .ui-solid-bg .ui-styling .p-field-checkbox.toggle-button.has-img.img-size-l .toggle-frame-container.p-checkbox-box:not(.p-highlight) .toggle-child, .ui-solid-bg .ui-styling .p-field-checkbox.toggle-button.has-img.img-size-l .cf-table p-columnfilter .toggle-frame-container.p-dropdown .toggle-child, .cf-table p-columnfilter .ui-solid-bg .ui-styling .p-field-checkbox.toggle-button.has-img.img-size-l .toggle-frame-container.p-dropdown .toggle-child { left: 0.125rem; top: 0.125rem; } .ui-solid-bg:not(.cf-steps-nobg) .ui-styling { } .cfv2 .p-blockui.p-block-fileupload { width: 100%; height: 100%; } .cf-layout-light .cfv2 .p-blockui.p-block-fileupload { position: fixed; } .cf-layout-full .cfv2 .p-blockui.p-block-fileupload { position: absolute; } .cfv2 .p-blockui.p-block-fileupload .file-progress { background: #fff; border-radius: 4px; box-shadow: 0 0 1px rgba(30, 35, 41, 0.2), 0 3px 3px rgba(30, 35, 41, 0.05), 0 4px 10px rgba(30, 35, 41, 0.2); padding: 1rem; max-width: 98%; } .cfv2 .p-fileupload.cf-upload-file .p-fileupload-buttonbar { padding: 0; background: none; border: 0; } .cfv2 .p-fileupload.cf-upload-file .p-button.p-fileupload-choose .p-button-icon { display: none; } .cfv2 .p-fileupload.cf-upload-file .p-fileupload-content { padding: 0; border: 0; color: #1E2329; } .cfv2 .p-fileupload.cf-upload-file .p-fileupload-content .p-progressbar { display: none; } .cfv2 .p-fileupload.cf-upload-file .p-fileupload-content .p-fileupload-files { display: none; } .cfv2 .p-fileupload.cf-upload-file .p-fileupload-content .p-fileupload-row > div { padding: 0.25rem; } .cfv2 .p-fileupload.cf-upload-file .p-message { margin: 0.5rem 0; } .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-wrapper { display: block !important; position: relative; text-align: left; padding-left: 2rem; } .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-wrapper .p-message-summary, .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-wrapper .p-message-details, .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-wrapper .p-message-detail { display: inline; } .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-close, .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-close.p-link { margin: 0; position: absolute; right: -0.25rem; top: -0.25rem; padding: 0.35rem; } .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-close .pi, .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-close.p-link .pi { font-size: 0.75rem; color: #fff; } .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-close:focus, .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-close:hover, .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-close.p-link:focus, .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-close.p-link:hover { outline: none; outline-offset: 0; box-shadow: none; background: none; color: #1E2329; } .cfv2 .p-fileupload.cf-upload-file .p-message.p-message-error a { font-weight: var(--semiWeight, 600); color: #A20000 !important; text-decoration: underline; } .cfv2 .p-fileupload.cf-upload-file .p-message.p-message-error .p-message-close { background: #FF1E1E; } .cfv2 .p-fileupload.cf-upload-file .p-message.p-message-error .p-message-close:hover { background: rgb(249.3, 0, 0); } .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-icon { position: absolute; left: 0.25rem; top: 0.25rem; line-height: 1; margin: 0; } .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-icon.pi-check { font-size: 1.25rem; } .cfv2 .p-fileupload.cf-upload-file .p-message .p-message-icon.pi-times-circle { font-size: 1.1rem; top: 1.05rem; } .cfv2 .p-fileupload.cf-upload-file .p-fileupload-buttonbar .p-button:not(:disabled):hover { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .cfv2 .fileupload-container { margin: 0 0 1rem; } .cfv2 .fileupload-container .p-field-label { margin-bottom: 0.5rem; } .cfv2 .fileupload-container .help-text { font-size: 0.875rem; } .cfv2 .fileupload-container .help-text span { display: inline; } .cfv2 .fileupload-container .p-button .p-button-icon { color: #485A6A; } .cfv2 .fileupload-container .fileupload-img { display: inline-block; position: relative; min-width: 100px; min-height: 100px; } .cfv2 .fileupload-container .fileupload-img .uploaded-img { border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; border-radius: 4px; padding: 0.25rem; background: #fff; min-width: 100px; min-height: 100px; max-width: 250px; max-height: 250px; } .cfv2 .fileupload-container .fileupload-img .fileupload-img-expand, .cfv2 .fileupload-container .fileupload-img .fileupload-img-delete { position: absolute; right: 0.25rem; background: rgba(255, 255, 255, 0.6); } .cfv2 .fileupload-container .fileupload-img .fileupload-img-expand { top: 0.25rem; } .cfv2 .fileupload-container .fileupload-img .fileupload-img-delete { bottom: 0.25rem; } .cfv2 .fileupload-container .fileupload-file { display: flex; align-items: center; padding: 0.25rem 0.5rem; border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; border-radius: 4px; cursor: default; } .cfv2 .fileupload-container .fileupload-file .fileupload-thefile { flex: 1 1 auto; display: flex; align-items: center; } .cfv2 .fileupload-container .fileupload-file .fileupload-thefile .file-icon { flex: 0 1 auto; } .cfv2 .fileupload-container .fileupload-file .fileupload-thefile .file-icon i.fa { opacity: 0.4; font-size: 1.5rem; } .cfv2 .fileupload-container .fileupload-file .fileupload-thefile .file-icon i.fa.fa-file-pdf-o { color: #EA4335; opacity: 1; } .cfv2 .fileupload-container .fileupload-file .fileupload-thefile .file-icon i.fa.fa-file-excel-o { color: #007C00; opacity: 1; } .cfv2 .fileupload-container .fileupload-file .fileupload-thefile .file-icon i.fa.fa-file-word-o { color: #295394; opacity: 1; } .cfv2 .fileupload-container .fileupload-file .fileupload-thefile .file-icon i.fa.fa-file-powerpoint-o { color: #D04228; opacity: 1; } .cfv2 .fileupload-container .fileupload-file .fileupload-thefile .file-name { flex: 1 1 auto; text-align: left; } .cfv2 .fileupload-container .fileupload-file .fileupload-actions { white-space: nowrap; font-size: 0; flex: 0 1 auto; margint-left: 0.25rem; } .cfv2 .cs.summary .p-field-label { margin-bottom: 0; } .cfv2 .cs.summary .p-field-label .help-text { display: none; } .cfv2 .cs.summary .formnode-container { margin: 0; } .cfv2 .cs.summary .fileupload-container { margin: 0; border-bottom: 1px solid #C7CDD2; padding: 0.5rem 0; } .cfv2 .cs.summary .fileupload-container .fileupload-file { border: 0; padding: 0.25rem 0; } .cfv2 .cs.summary .fileupload-container .fileupload-img { min-width: initial; min-height: initial; } .cfv2 .cs.summary .fileupload-container .fileupload-img .uploaded-img { max-width: 100px; max-height: 100px; } .cfv2 .cs.summary .field-message { display: none; } .ui-solid-bg .ui-styling .fileupload-container .uploaded-img, .ui-solid-bg .ui-styling .fileupload-container .fileupload-file { background: #F3F4F5; } .p-datatable.layout-auto table { table-layout: auto; } .p-datatable .p-datatable-header .header-container { display: flex; flex-direction: column; max-width: 100%; align-items: center; } @media screen and (min-width: 40em) { .p-datatable .p-datatable-header .header-container { flex-direction: row; } } .p-datatable.p-datatable-gridlines .p-datatable-header { border-top: 1px solid #DCE1E3; border-right: 1px solid #DCE1E3; border-left: 1px solid #DCE1E3; } .p-datatable.p-datatable-gridlines .p-datatable-header.lonely-header { border-bottom: 1px solid #DCE1E3; border-radius: 4px; } .p-datatable.p-datatable-gridlines.p-gridlines-horizontal-only table .p-datatable-tbody > tr > td { border-right: 0; } .p-datatable:not(.p-minimaltable):not(.p-seamless-theader) .p-datatable-thead > tr:first-child > th:first-child { border-left: 1px solid #DCE1E3; } .p-datatable:not(.p-minimaltable):not(.p-seamless-theader) .p-datatable-thead > tr:first-child > th:last-child:not(.column-highlight) { border-right: 1px solid #DCE1E3 !important; } .p-datatable table { width: 100%; } .p-datatable table td.cell-reorder, .p-datatable table th.cell-reorder { width: 2rem; max-width: 2rem; text-align: center; } .p-datatable table td.cell-single-icon-action, .p-datatable table th.cell-single-icon-action { width: 3.3rem; max-width: 3.3rem; text-align: center; } .p-datatable table button.p-hidden-space { display: none; } .p-datatable table th .p-field, .p-datatable table td .p-field { margin: 0; } .p-datatable table th a, .p-datatable table td a { font-weight: var(--semiWeight, 600); text-decoration: none; } .p-datatable table tr.has-error td { color: rgb(126.3, 0, 0); background: white !important; } .p-datatable table tr.has-error td:first-child { border-left: 4px solid #FF1E1E; } .p-datatable table tr.has-error td .p-tag { background-color: #FFE6E6; border-color: #FF1E1E; color: rgb(126.3, 0, 0); } .p-datatable table tr.has-error td .p-tag .p-tag-icon { color: #FF1E1E; opacity: 1 !important; } .p-datatable table tr.has-error td .p-error { background-color: #FFE6E6; color: rgb(126.3, 0, 0); padding: 0.25rem 0.5rem; border-radius: 4px; } .p-datatable table tr.has-error td .p-error i { color: #FF1E1E; } .p-datatable .p-datatable-thead > tr { color: #1E2329; } .p-datatable .p-datatable-thead > tr > th { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-datatable .p-datatable-thead > tr > th .p-sortable-column-icon { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-datatable .p-datatable-thead > tr > th .p-th-label { overflow: hidden; min-width: 0; } .p-datatable .p-datatable-thead > tr > th.column-highlight { background: #E7EBEC; border-color: #C7CDD2; } .p-datatable .p-datatable-thead > tr > th.column-highlight.start { border-left: 1px solid #485A6A; } .p-datatable .p-datatable-thead > tr > th.column-highlight.end { border-right: 1px solid #485A6A; } .p-datatable .p-datatable-thead > tr:last-child > th { border-bottom-color: rgba(30, 35, 41, 0.3); } .p-datatable .p-dropdown [data-pc-section=clearicon] { pointer-events: auto; } .p-datatable .p-datatable-tbody > tr { color: #1E2329; } .p-datatable .p-datatable-tbody > tr > td { border-bottom-color: #C7CDD2; border-top-color: #C7CDD2; } .p-datatable .p-datatable-tbody > tr > td.text-center { text-align: center; } .p-datatable .p-datatable-tbody > tr > td.text-right { text-align: right; } .p-datatable .p-datatable-tbody > tr > td.column-highlight { background: #F8F9FA; border-color: #C7CDD2; } .p-datatable .p-datatable-tbody > tr > td.column-highlight.start { border-left: 1px solid #485A6A; } .p-datatable .p-datatable-tbody > tr > td.column-highlight.end { border-right: 1px solid #485A6A; } .p-datatable .p-datatable-tbody > tr > td.column-highlight .p-tag.p-tag-info.gray { background: #fff; } .p-datatable .p-datatable-tbody > tr:hover > td { background: rgba(243, 244, 245, 0.5); } .p-datatable .p-datatable-tbody > tr:focus { outline: 0; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top:not(.p-datatable-dragpoint-bottom) > td { border-top: 2px dashed #485A6A !important; box-shadow: none !important; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { border-bottom: 2px dashed #485A6A !important; box-shadow: none !important; } .p-datatable .p-datatable-tbody > tr.is-highlighted > td { background-color: rgb(222.5322580645, 254.4677419355, 237.9677419355) !important; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-datatable .p-datatable-tbody > tr.is-highlighted > td .p-button .p-button-label { color: #37D282 !important; } .p-datatable .p-datatable-tbody > tr.is-removed { position: relative; } .p-datatable .p-datatable-tbody > tr.is-removed > td { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; background-color: #FFE6E6 !important; color: #A20000; } .p-datatable .p-datatable-tbody > tr.is-removed > td .p-button .p-button-label { color: #FF1E1E !important; } .p-datatable .p-datatable-tbody > tr.is-removed > td .p-button.button-delete .p-button-icon { color: #FF1E1E !important; } .p-datatable .p-datatable-tbody > tr.is-disabled > td { background: rgba(243, 244, 245, 0.5); } .p-datatable .p-datatable-tbody > tr.is-disabled > td a { opacity: 0.6; } .p-datatable .p-datatable-tbody > tr.datatable-group-header td { background: #F8F9FA; border-bottom-color: transparent; border-top-color: rgba(30, 35, 41, 0.3); border-top-width: 1px !important; } .p-datatable.first-cell-highlighted .p-datatable-tbody > tr > td:first-child { background: #F8F9FA; } .p-datatable.has-groups { border-bottom: 1px solid #DCE1E3; } .p-datatable.has-groups .p-datatable-tbody > tr:not(.datatable-group-header) > td:not(first-child) { border-top: 1.33px solid #DCE1E3 !important; } .p-datatable.has-groups .p-datatable-tbody > tr:not(.datatable-group-header) > td:first-child { border-top: 0 !important; } .p-datatable.has-groups .p-datatable-tbody > tr:not(.datatable-group-header):not(last-child) > td:first-child { border-bottom: 0 !important; } .p-datatable .p-sortable-column .p-sortable-column-icon { margin-left: 0.25rem; } .p-datatable.p-h-scrolltable .p-datatable-wrapper { overflow-x: auto; } .p-datatable.p-h-scrolltable.fixedcol-1:not(.layout-auto) table { min-width: 1200px; } .p-datatable.p-h-scrolltable.fixedcol-1 table th:first-child, .p-datatable.p-h-scrolltable.fixedcol-1 table td:first-child { position: sticky; left: 0; z-index: 10; box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1); } .p-datatable.p-h-scrolltable.fixedcol-1 table .p-datatable-thead > tr:not(:only-child):first-child th:first-child { z-index: initial; } .p-datatable.p-h-scrolltable.fixedcol-1 table .p-datatable-thead > tr:not(:only-child):first-child th:not(:first-child) { position: relative; z-index: 1; } .p-datatable.p-h-scrolltable.fixedcol-1 table td:first-child { background: #fff; } .p-datatable.p-h-scrolltable.fixedcol-1 table tr.is-disabled > td:first-child { background: rgba(243, 244, 245, 0.5); } .p-datatable.p-h-scrolltable.fixedcol-1 .p-datatable-tbody > tr:hover > td:first-child { background: rgb(248.5636363636, 249.1, 249.6363636364); } .p-datatable.p-h-scrolltable.fixedcol-2 table { min-width: 1400px; } .p-datatable.p-h-scrolltable.fixedcol-2 table th:first-child, .p-datatable.p-h-scrolltable.fixedcol-2 table th:nth-child(2), .p-datatable.p-h-scrolltable.fixedcol-2 table td:first-child, .p-datatable.p-h-scrolltable.fixedcol-2 table td:nth-child(2) { position: sticky; z-index: 10; } .p-datatable.p-h-scrolltable.fixedcol-2 table th:first-child, .p-datatable.p-h-scrolltable.fixedcol-2 table td:first-child { width: 6rem; left: 0; } .p-datatable.p-h-scrolltable.fixedcol-2 table th:nth-child(2), .p-datatable.p-h-scrolltable.fixedcol-2 table td:nth-child(2) { left: 6rem; } .p-datatable.p-h-scrolltable.fixedcol-2 table td:first-child, .p-datatable.p-h-scrolltable.fixedcol-2 table td:nth-child(2) { background: #fff; } .p-datatable.p-h-scrolltable.fixedcol-2 table .p-datatable-tbody > tr:hover > td:first-child, .p-datatable.p-h-scrolltable.fixedcol-2 table .p-datatable-tbody > tr:hover > td:nth-child(2) { background: rgb(248.5636363636, 249.1, 249.6363636364); } .p-datatable.p-h-scrolltable.fixedcol-2.with-bulk-actions table th:first-child, .p-datatable.p-h-scrolltable.fixedcol-2.with-bulk-actions table td:first-child { width: 3rem; left: 0; text-align: center; } .p-datatable.p-h-scrolltable.fixedcol-2.with-bulk-actions table th:nth-child(2), .p-datatable.p-h-scrolltable.fixedcol-2.with-bulk-actions table td:nth-child(2) { left: 3rem; } .p-datatable.p-h-scrolltable.fixedcol-last table th:last-child, .p-datatable.p-h-scrolltable.fixedcol-last table td:last-child { position: sticky; right: 0; z-index: 10; width: 0.1%; white-space: nowrap; } .p-datatable.p-h-scrolltable.fixedcol-last table th:last-child { position: sticky !important; } .p-datatable.p-h-scrolltable.fixedcol-last table td:last-child { background: #fff; } .p-datatable .actions-buttons-list { display: inline-flex; } .p-datatable .actions-buttons-list button:not(:first-child) { margin-left: 2px; } .p-datatable .p-button.button-column-toggler { width: 2.357rem; height: 2.208125rem; text-align: center; padding: 0; } .p-datatable .p-button.button-column-toggler .p-button-icon { margin: auto; opacity: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .p-datatable .p-button.button-column-toggler .p-button-icon .material-icons { font-size: 24px; } .p-datatable .p-button.button-column-toggler + p-button .p-button { margin-left: 0.5rem; } .p-dropdown-panel.table-filter { max-width: 22.5rem; } .p-dropdown-panel.table-filter .p-dropdown-items .p-dropdown-item { word-break: break-word; white-space: normal; } .p-datatable-header { border-radius: 4px 4px 0 0; } .table-footer { display: flex; align-items: center; width: 100%; min-width: 0; } .table-footer__pagination { flex: 1 1 auto; margin: 0.25rem; } .pagination-container { text-align: right; } .p-paginator { justify-content: flex-end !important; padding: 1rem 0 1.5rem; background: transparent; } .p-paginator .p-paginator-right-content { margin-left: 0.25rem; } .p-paginator .p-paginator-left-content { margin-right: 0.5rem; } .p-paginator .p-paginator-element { height: 2.356rem; border-radius: 0; background: #fff; } .p-paginator .p-paginator-element:first-of-type { border-radius: 4px 0 0 4px; } .p-paginator .p-paginator-element:last-of-type { border-radius: 0 4px 4px 0; } .p-paginator .p-paginator-pages .p-paginator-page { min-width: 2.356rem; font-weight: var(--semiWeight, 600); color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #E7EBEC; border: 1px solid #DCE1E3; } .p-paginator .p-inputwrapper { padding-left: 0.5rem; } .p-paginator .p-paginator-rpp-options { margin: 0; } .page-table-paginator .p-paginator { padding: 0; margin: 1rem 0 0; } .page-table-paginator .p-paginator .p-paginator-rpp-options { text-align: center; } .column-toggle .p-multiselect .p-multiselect-trigger { display: none; } .column-toggle .p-multiselect .p-multiselect-label { padding: 0; } .column-toggler-menu { max-width: 200px; } .column-toggler-menu .p-multiselect-item { word-break: break-word; } .cf-table.p-datatable.p-h-scrolltable.fixedcol-1:not(.layout-auto) table { min-width: 100%; } .cf-table.rs-table.p-datatable-gridlines table { border-collapse: separate; } .cf-table.rs-table.p-datatable-gridlines table tr th, .cf-table.rs-table.p-datatable-gridlines table tr td { border-width: 0.5px; } .cf-table.rs-table table.p-datatable-table .p-datatable-thead tr th:last-child { border-top: 0; border-bottom: 0; background: #edf0f1; border-left-color: #ACB1B5; } .cf-table.rs-table table.p-datatable-table .p-datatable-thead tr th.start:not(:first-child) { border-left-color: #ACB1B5; } .cf-table.rs-table table.p-datatable-table .p-datatable-thead tr th.end:not(:last-child) { border-right-color: transparent; } .cf-table.rs-table table.p-datatable-table .p-datatable-thead tr th.cell-reorder { min-width: 32px; width: 32px; } .cf-table.rs-table table.p-datatable-table .p-datatable-thead tr:first-child th:not(:last-child) { background: #edf0f1; } .cf-table.rs-table table.p-datatable-table .p-datatable-thead tr:first-child th:not(:last-child):not(.end):not(.start) { border-color: #C7CDD2; } .cf-table.rs-table table.p-datatable-table .p-datatable-thead tr:first-child th:last-child { border-top: 1px solid #C7CDD2; } .cf-table.rs-table table.p-datatable-table .p-datatable-thead tr:last-child th:last-child { border-bottom: 1px solid #C7CDD2; } .cf-table.rs-table table.p-datatable-table .p-datatable-tbody tr > td.cell-reorder, .cf-table.rs-table table.p-datatable-table .p-datatable-tbody tr > td.start:first-child, .cf-table.rs-table table.p-datatable-table .p-datatable-tbody tr > td.cell-reorder + .start { background: #F8F9FA; } .cf-table.rs-table table.p-datatable-table .p-datatable-tbody tr > td.start:not(:first-child), .cf-table.rs-table table.p-datatable-table .p-datatable-tbody tr > td:last-child { border-left-color: #ACB1B5; } .cf-table.rs-table table.p-datatable-table .p-datatable-tbody tr > td.end:not(:last-child) { border-right-color: transparent; } .cf-table.rs-table table.p-datatable-table .p-datatable-tbody tr > td.cell-reorder { min-width: 32px; width: 32px; } .cf-table.rs-table.fixedcol-1 table th.cell-reorder, .cf-table.rs-table.fixedcol-1 table td.cell-reorder, .cf-table.rs-table.fixedcol-1 table th:empty.cell-reorder { position: initial; z-index: initial; } .cf-table.rs-table.fixedcol-1 table th.start:first-child, .cf-table.rs-table.fixedcol-1 table th.cell-reorder + .start, .cf-table.rs-table.fixedcol-1 table th:empty + .start, .cf-table.rs-table.fixedcol-1 table td.start:first-child, .cf-table.rs-table.fixedcol-1 table td.cell-reorder + .start, .cf-table.rs-table.fixedcol-1 table td:empty + .start, .cf-table.rs-table.fixedcol-1 table th:empty.start:first-child, .cf-table.rs-table.fixedcol-1 table th:empty.cell-reorder + .start, .cf-table.rs-table.fixedcol-1 table th:empty:empty + .start { position: sticky; left: 0; z-index: 10; box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1); } .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-header tr th:last-child { z-index: 2; } .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr > td:last-child { background: #F8F9FA; } .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.markedw-errors):not(.is-highlighted) > td, .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.marked4-removal):not(.is-highlighted) > td { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; background-color: #FFE6E6 !important; color: #A20000; } .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.markedw-errors):not(.is-highlighted) > td .p-button:not(.p-splitbutton-defaultbutton) .p-button-label, .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.markedw-errors):not(.is-highlighted) > td .p-button:not(.p-splitbutton-defaultbutton) .p-button-icon, .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.marked4-removal):not(.is-highlighted) > td .p-button:not(.p-splitbutton-defaultbutton) .p-button-label, .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.marked4-removal):not(.is-highlighted) > td .p-button:not(.p-splitbutton-defaultbutton) .p-button-icon { color: #FF1E1E !important; } .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.markedw-errors):not(.is-highlighted) > td .p-button.button-delete .p-button-icon, .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.marked4-removal):not(.is-highlighted) > td .p-button.button-delete .p-button-icon { color: #FF1E1E !important; } .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.markedw-errors) > td.start:first-child::before, .cf-table.rs-table.fixedcol-last table.p-datatable-table .p-datatable-tbody tr:has(.markedw-errors) > td.cell-reorder + .start::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: #FF1E1E; } .cf-table.rs-table .column-toggle { margin-left: 0.25rem !important; } .cf-table.rs-table .p-checkbox { margin: 0 !important; } .cf-table .p-button.p-button-icon-only.p-button-text { border-radius: 50%; height: 2.357rem; } .cf-table .p-button.p-button-icon-only.p-button-text .p-button-label { display: none; } .cf-table .p-button.p-button-icon-only.p-button-text .p-button-icon { font-size: 1.125rem; opacity: 1; display: flex; justify-content: center; } .cf-table .p-button.p-button-icon-only.p-button-text.p-button-text .p-button-icon, .cf-table .p-button.p-button-icon-only.p-button-text.p-button-secondary:not(.p-button-darkest) .p-button-icon { color: #485A6A; } .cf-table .p-button.p-button-icon-only.p-button-text:enabled:hover { background: rgba(30, 35, 41, 0.08); } .cf-table .table-header-right-actions { white-space: nowrap; } .cf-table .table-header-right-actions .p-button:not(.button-column-toggler) { margin-left: 0.25rem; } .cf-table p-columnfilter { display: block; width: 100%; min-width: 90px; height: 34px; position: relative; } .cf-table p-columnfilter .p-checkbox { margin: 0 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cf-table p-columnfilter .p-dropdown { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; } .cf-table p-columnfilter .p-dropdown .p-dropdown-label.p-inputtext { padding: 0.25rem 1rem 0.25rem 0.5rem; } .cf-table p-columnfilter .p-dropdown .p-icon { width: 0.8rem; height: 0.8rem; } .cf-table p-columnfilter .p-dropdown .p-icon.p-dropdown-clear-icon { color: #FF1E1E; } .cf-table p-columnfilter .p-dropdown .p-dropdown-clear-icon { right: 1.55rem; padding-top: 1px; width: 1rem; height: 1rem; } .cf-table p-columnfilter .p-dropdown .p-dropdown-trigger { width: 1.6rem; } .cfv2 .rs-table .p-button.button-column-toggler { background: #E7EBEC; border: #E7EBEC; color: #485A6A; } .cfv2 .rs-table .p-button.button-column-toggler:enabled:hover, .cfv2 .rs-table .p-button.button-column-toggler:enabled:active { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); color: #1E2329; border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .cf-node .table-footer { background: #F8F9FA; border-radius: 0 0 4px 4px; padding: 0.25rem 0.5rem; border: 1px solid #DCE1E3; border-top: 0; flex-wrap: wrap-reverse; justify-content: center; } .cf-node .table-footer__actions { margin-block: 0.25rem; margin-inline: 0 0.25rem; flex: 0 1 auto; } .cf-node .page-table-paginator .p-paginator { margin: 0; } .cf-node .page-table-paginator .p-paginator .p-inputwrapper { padding-left: 0.25rem; } .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options { align-items: center; } .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .p-dropdown-label.p-inputtext { padding-left: 0; font-size: 0.875rem; } .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .p-dropdown-trigger { width: 1.8rem; } .cf-node .page-table-paginator .p-paginator .p-paginator-rpp-options .p-icon { width: 0.75rem; height: 0.75rem; } .cf-node .page-table-paginator .p-paginator .p-paginator-left-content { margin-right: 0.25rem; } .cf-node .page-table-paginator .p-paginator .p-paginator-pages .p-paginator-page, .cf-node .page-table-paginator .p-paginator .p-paginator-element { min-width: 1.8rem; font-size: 0.875rem; border: 0; height: 1.8rem; } .cf-node .page-table-paginator .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):not(:hover), .cf-node .page-table-paginator .p-paginator .p-paginator-element:not(.p-highlight):not(:hover) { background: transparent; } .cf-node .page-table-paginator .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { border-radius: 4px; } .cf-node .page-table-paginator .p-paginator .p-dropdown { height: 2rem; } .cf-node .page-table-paginator .p-paginator .p-paginator-right-content { font-size: 0.75rem; } .bg-blur, .config-body.rsc-table-editing .v-steps-container::before, .config-body.rsc-table-editing .config-total-bar::before, .config-body.rsc-table-editing .bom-step-container::before, .config-body.rsc-table-overlaypanel-opened .v-steps-container::before, .config-body.rsc-table-overlaypanel-opened .config-total-bar::before, .config-body.rsc-table-overlaypanel-opened .bom-step-container::before, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps::before, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; backdrop-filter: blur(10px); } .config-body.rsc-table-editing .config-column .cf-accordion.config-steps, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps { position: relative; } .config-body.rsc-table-editing .config-column .cf-accordion.config-steps::before, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps::before { width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; z-index: 4; } .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper.p-table-editing, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper.rs-table-overlaypanel-opened, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper.rs-table-overlaypanel-origin, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper.p-table-editing, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper.rs-table-overlaypanel-opened, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper.rs-table-overlaypanel-origin { position: relative; z-index: 99; box-shadow: 0 0 0 1px rgba(0, 37, 51, 0.08), 0 0 10px rgba(0, 37, 51, 0.2), 0 0 40px rgba(0, 37, 51, 0.4); border-radius: 4px; } .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper:not(.p-table-editing):not(.rs-table-overlaypanel-opened) .cf-table.rs-table th, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper:not(.p-table-editing):not(.rs-table-overlaypanel-opened) .cf-table.rs-table td, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper:not(.p-table-editing):not(.rs-table-overlaypanel-opened) .cf-table.rs-table th, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper:not(.p-table-editing):not(.rs-table-overlaypanel-opened) .cf-table.rs-table td { position: static !important; } .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.form-el-style .p-dropdown-label, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-table p-columnfilter .p-dropdown .p-dropdown-label, .cf-table p-columnfilter .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown .p-dropdown-label, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-node .page-table-paginator .p-paginator .p-dropdown.p-paginator-rpp-options .p-dropdown-label, .cf-node .page-table-paginator .p-paginator .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.p-paginator-rpp-options .p-dropdown-label, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.form-el-style .p-dropdown-label, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-table p-columnfilter .p-dropdown .p-dropdown-label, .cf-table p-columnfilter .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown .p-dropdown-label, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-node .page-table-paginator .p-paginator .p-dropdown.p-paginator-rpp-options .p-dropdown-label, .cf-node .page-table-paginator .p-paginator .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.p-paginator-rpp-options .p-dropdown-label { white-space: initial; overflow: initial; text-overflow: initial; word-break: initial; } .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.form-el-style .p-dropdown-trigger, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-table p-columnfilter .p-dropdown .p-dropdown-trigger, .cf-table p-columnfilter .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown .p-dropdown-trigger, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-node .page-table-paginator .p-paginator .p-dropdown.p-paginator-rpp-options .p-dropdown-trigger, .cf-node .page-table-paginator .p-paginator .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.p-paginator-rpp-options .p-dropdown-trigger, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.form-el-style .p-dropdown-trigger, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-table p-columnfilter .p-dropdown .p-dropdown-trigger, .cf-table p-columnfilter .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown .p-dropdown-trigger, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-node .page-table-paginator .p-paginator .p-dropdown.p-paginator-rpp-options .p-dropdown-trigger, .cf-node .page-table-paginator .p-paginator .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.p-paginator-rpp-options .p-dropdown-trigger { padding-inline: 0.5rem; } .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.form-el-style .p-dropdown-trigger .p-dropdown-trigger-icon, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-table p-columnfilter .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon, .cf-table p-columnfilter .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-node .page-table-paginator .p-paginator .p-dropdown.p-paginator-rpp-options .p-dropdown-trigger .p-dropdown-trigger-icon, .cf-node .page-table-paginator .p-paginator .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.p-paginator-rpp-options .p-dropdown-trigger .p-dropdown-trigger-icon, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.form-el-style .p-dropdown-trigger .p-dropdown-trigger-icon, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-table p-columnfilter .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon, .cf-table p-columnfilter .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-node .page-table-paginator .p-paginator .p-dropdown.p-paginator-rpp-options .p-dropdown-trigger .p-dropdown-trigger-icon, .cf-node .page-table-paginator .p-paginator .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.p-paginator-rpp-options .p-dropdown-trigger .p-dropdown-trigger-icon { width: 0.8rem; height: 0.8rem; } .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.form-el-style .p-dropdown-clear-icon, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-table p-columnfilter .p-dropdown .p-dropdown-clear-icon, .cf-table p-columnfilter .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown .p-dropdown-clear-icon, .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-node .page-table-paginator .p-paginator .p-dropdown.p-paginator-rpp-options .p-dropdown-clear-icon, .cf-node .page-table-paginator .p-paginator .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.p-paginator-rpp-options .p-dropdown-clear-icon, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.form-el-style .p-dropdown-clear-icon, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-table p-columnfilter .p-dropdown .p-dropdown-clear-icon, .cf-table p-columnfilter .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown .p-dropdown-clear-icon, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .cf-node .page-table-paginator .p-paginator .p-dropdown.p-paginator-rpp-options .p-dropdown-clear-icon, .cf-node .page-table-paginator .p-paginator .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper td .p-dropdown.p-paginator-rpp-options .p-dropdown-clear-icon { margin-top: -0.4rem; width: 0.8rem; height: 0.8rem; } .config-body.rsc-table-editing .config-column .cf-accordion.config-steps .dynamic-table-wrapper .textfield-wrapper .p-inputgroup-addon, .config-body.rsc-table-overlaypanel-opened .config-column .cf-accordion.config-steps .dynamic-table-wrapper .textfield-wrapper .p-inputgroup-addon { min-width: 24px; text-align: center; } .config-body.rsc-table-editing .v-steps-container, .config-body.rsc-table-editing .config-total-bar, .config-body.rsc-table-editing .bom-step-container, .config-body.rsc-table-overlaypanel-opened .v-steps-container, .config-body.rsc-table-overlaypanel-opened .config-total-bar, .config-body.rsc-table-overlaypanel-opened .bom-step-container { position: relative; } .config-body.rsc-table-editing .hotspots, .config-body.rsc-table-editing .ai-button-container, .config-body.rsc-table-editing .p-dialog-cf-ai-wizard, .config-body.rsc-table-editing .can-reorder .reorder-handle, .config-body.rsc-table-overlaypanel-opened .hotspots, .config-body.rsc-table-overlaypanel-opened .ai-button-container, .config-body.rsc-table-overlaypanel-opened .p-dialog-cf-ai-wizard, .config-body.rsc-table-overlaypanel-opened .can-reorder .reorder-handle { display: none; } .config-body.rsc-table-editing .v-steps-container, .config-body.rsc-table-editing .config-total-bar, .config-body.rsc-table-editing .bom-step-container { position: relative; } .rsc-table-overlaypanel-opened .p-dialog-wizard, .rsc-table-editing .p-dialog-wizard { display: none; } .group-panel.rsc-overlay-panel > .panel-bg > .group-content { padding: 0; } .group-panel.rsc-overlay-panel .bg-base { border-radius: 4px 4px 0 0; position: relative; z-index: initial; } .group-panel.rsc-overlay-panel .bg-base eb-page-loader { display: block; text-align: center; } .group-panel.rsc-overlay-panel .bg-base .content-progress-loading { position: initial; top: initial; left: initial; transform: none; padding: 1rem; margin: auto; } .group-panel.rsc-overlay-panel .p-splitter.cfb2bv2-splitter > .p-splitter-panel:first-child { min-width: 0 !important; } .group-panel.rsc-overlay-panel .config-column { margin: 0 !important; padding: 0.75rem !important; border-radius: 4px 4px 0 0; min-width: 0; width: 100%; height: initial; } .group-panel.rsc-overlay-panel .config-column .config-column-sizing { width: auto; padding-right: 0; } .group-panel.rsc-overlay-panel .cs.summary, .group-panel.rsc-overlay-panel .ai-button-container { display: none; } .gs-item-description { word-break: break-word; } .gs-item-description p { margin: 0; } .gs-item-description p:not(:first-child) { margin-top: 0.5rem; } .cf-gs-overlay::before, .cf-gs-overlay::after { display: none; } .cf-gs-overlay:not(.p-overlaypanel-flipped) { margin-top: 2px; } .cf-gs-overlay.p-overlaypanel-flipped { margin-top: -3px !important; margin-bottom: 2px !important; } .cf-gs-overlay .cf-gs-list-container .gs-search { padding: 0.25rem 0.25rem 0.5rem; position: sticky; z-index: 12; top: 0; z-index: 4; background: #fff; } .cf-gs-overlay .cf-gs-list-container .gs-search .p-field .p-inputtext { box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); } .cf-gs-overlay .cf-gs-list-container .gs-search .p-field .p-inputtext:focus { box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); border-color: #A9AEB3; } .cf-gs-overlay .cf-gs-list-container .close-button { position: absolute; top: 0.25rem; right: 0.5rem; } .cf-gs-overlay .cf-gs-list-container .gs-list { max-height: 70vh; overflow-y: auto; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image { font-size: 0; } .cf-layout-light .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image { position: relative; } .cf-layout-light .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image > span { overflow: hidden; display: block; text-align: center; font-size: 0; } .cf-layout-light .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image > span img { width: 3.5rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } @media screen and (max-width: 22.49875em) { .cf-layout-light .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image > span img { width: calc(3.5rem * 0.7); } } .cf-layout-full .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image { position: relative; } .cf-layout-full .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image > span { overflow: hidden; display: block; text-align: center; font-size: 0; } .cf-layout-full .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image > span img { width: 3.25rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } @media screen and (max-width: 22.49875em) { .cf-layout-full .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image > span img { width: calc(3.25rem * 0.7); } } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-image > span { display: inline-block; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item { position: relative; cursor: pointer; display: flex; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content { display: flex; flex: 1 1 auto; min-width: 0; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item .item-label > span { word-wrap: break-word; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item .item-label > span span { vertical-align: middle; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item:hover .grid-list-item-content, .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item:focus .grid-list-item-content { position: relative; z-index: 3; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item:hover .gs-image img, .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item:focus .gs-image img { -webkit-transform: scale(1.2); transform: scale(1.2); } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item .item-price { font-weight: var(--semiWeight, 600); } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected .grid-list-item-content, .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected:hover .grid-list-item-content, .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected:focus .grid-list-item-content { position: relative; z-index: 2; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected .grid-list-item-content > span, .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected:hover .grid-list-item-content > span, .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected:focus .grid-list-item-content > span { color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected .item-price, .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected:hover .item-price, .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected:focus .item-price { font-weight: bold; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item .gs-list-item-tootlip { display: inline-block; vertical-align: middle; } .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item .gs-image, .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item .item-price { flex: 0 1 auto; } .cf-layout-light .cf-gs-overlay.has-description .item-label { font-weight: bold; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) { width: 600px; max-width: 95vw; } @media screen and (max-width: 74.99875em) { .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .p-overlaypanel-content { padding: 0.5rem 0.25rem; } } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container { margin: 0; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .list-spacing { padding: 0.25rem; position: relative; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list { text-align: left; display: inline-block; margin: auto; width: 100%; } @media print, screen and (min-width: 56.25em) { .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list { max-height: 50vh; } } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item { padding: 0.25rem; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content { padding: 0.5rem; cursor: pointer; line-height: 1.4; text-align: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; border-radius: 4px; flex-direction: column; position: relative; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content > span { display: block; margin: 0.25rem 0 0; word-break: break-all; word-break: break-word; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .selected-check { position: absolute; top: 1px; left: 1px; background: #fff; border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; border-radius: 4px; z-index: 1; font-size: 0; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); width: 1.75rem; height: 1.75rem; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .selected-check:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.25rem; height: 1.25rem; border-radius: 4px; background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .selected-check .gs-check { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.1rem; line-height: 1; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .gs-list-item-details { display: flex; flex-direction: column; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .gs-list-item-details .gs-list-item-tootlip { position: absolute; top: 2px; right: 2px; z-index: 3; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .item-label { text-align: center; flex: 1 1 auto; display: flex; align-items: center; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .item-label > span { width: 100%; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .item-label.has-tooltip-and-noimg { padding: 0.5rem 0.75rem 0; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-l { width: auto; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container { max-width: calc((128px + 1rem + 1rem) * 3); } @media screen and (max-width: 39.9375em) { .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container { max-width: calc((128px + 1rem + 1rem) * 2); } } @media print, screen and (min-width: 56.25em) { .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container { width: calc((128px + 1rem + 1rem) * 3); } } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container .gs-list .gs-list-item .gs-image { text-align: center; max-width: 128px; margin: 0 auto 0.5rem; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container .gs-list .gs-list-item .gs-image > span { margin: auto; max-width: 128px; height: auto; min-height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container .gs-list .gs-list-item .gs-image > span img { max-height: 128px; width: auto; max-width: 100%; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand { border-radius: 4px !important; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-fit { width: 450px; max-width: 95vw; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-fit .item-content { border-radius: 4px; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-fit .split-item { padding: 0.25rem; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-fit .grid-x { margin-left: -0.25rem; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-fit .grid-x .gs-list-item { width: initial; flex-basis: 50%; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-fit .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content { padding: 0; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-fit .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .gs-list-item-details { padding: 0.25rem 0.5rem 0.5rem; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-fit .gs-image > span { width: 100%; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown).img-size-fit .gs-image > span > img { width: 100%; } .cf-layout-light .cf-gs-overlay:not(.is-dropdown):not(.img-size-l):not(.img-size-fit) .gs-list .gs-list-item .gs-image > span { min-height: 46px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .cf-layout-light .cf-gs-overlay.is-dropdown { min-width: 200px; max-width: 100%; } @media screen and (min-width: 40em) { .cf-layout-light .cf-gs-overlay.is-dropdown { max-width: 48rem; } } @media print, screen and (min-width: 75em) { .cf-layout-light .cf-gs-overlay.is-dropdown { min-width: 300px; max-width: 50rem; } } .cf-layout-light .cf-gs-overlay.is-dropdown .grid-x { flex-flow: column nowrap; } .cf-layout-light .cf-gs-overlay.is-dropdown .p-overlaypanel-content { padding: 0.5rem; } @media print, screen and (min-width: 56.25em) { .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list { max-height: 300px; } } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item { width: 100%; line-height: 1.2; } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content { padding: 0.25rem 0.5rem; align-items: center; } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content:hover { box-shadow: none; } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-list-item-details .item-label { display: inline; vertical-align: middle; } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image { margin-right: 0.25rem; flex: 0 0 auto; } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand { width: 100% !important; height: 100% !important; background: transparent !important; } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand .p-button-icon { display: none; } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand:enabled:hover { background: rgba(255, 255, 255, 0.7) !important; } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand:enabled:hover .p-button-icon { display: block; } .cf-layout-light .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .item-price { margin: 0; } .cf-layout-full .cf-gs-overlay.has-description .item-label { font-weight: bold; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) { width: 600px; max-width: 95vw; } @media screen and (max-width: 74.99875em) { .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .p-overlaypanel-content { padding: 0.5rem 0.25rem; } } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container { margin: 0; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .list-spacing { padding: 0.25rem; position: relative; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list { text-align: left; display: inline-block; margin: auto; width: 100%; } @media print, screen and (min-width: 56.25em) { .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list { max-height: 50vh; } } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item { padding: 0.25rem; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content { padding: 0.5rem; cursor: pointer; line-height: 1.4; text-align: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; border-radius: 4px; flex-direction: column; position: relative; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content > span { display: block; margin: 0.25rem 0 0; word-break: break-all; word-break: break-word; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .selected-check { position: absolute; top: 1px; left: 1px; background: #fff; border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; border-radius: 4px; z-index: 1; font-size: 0; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); width: 1.75rem; height: 1.75rem; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .selected-check:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.25rem; height: 1.25rem; border-radius: 4px; background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .selected-check .gs-check { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.1rem; line-height: 1; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .gs-list-item-details { display: flex; flex-direction: column; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .gs-list-item-details .gs-list-item-tootlip { position: absolute; top: 2px; right: 2px; z-index: 3; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .item-label { text-align: center; flex: 1 1 auto; display: flex; align-items: center; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .item-label > span { width: 100%; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .item-label.has-tooltip-and-noimg { padding: 0.5rem 0.75rem 0; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-l { width: auto; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container { max-width: calc((128px + 1rem + 1rem) * 3); } @media screen and (max-width: 39.9375em) { .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container { max-width: calc((128px + 1rem + 1rem) * 2); } } @media print, screen and (min-width: 56.25em) { .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container { width: calc((128px + 1rem + 1rem) * 3); } } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container .gs-list .gs-list-item .gs-image { text-align: center; max-width: 128px; margin: 0 auto 0.5rem; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container .gs-list .gs-list-item .gs-image > span { margin: auto; max-width: 128px; height: auto; min-height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container .gs-list .gs-list-item .gs-image > span img { max-height: 128px; width: auto; max-width: 100%; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-l .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand { border-radius: 4px !important; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-fit { width: 450px; max-width: 95vw; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-fit .item-content { border-radius: 4px; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-fit .split-item { padding: 0.25rem; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-fit .grid-x { margin-left: -0.25rem; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-fit .grid-x .gs-list-item { width: initial; flex-basis: 50%; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-fit .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content { padding: 0; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-fit .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .gs-list-item-details { padding: 0.25rem 0.5rem 0.5rem; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-fit .gs-image > span { width: 100%; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown).img-size-fit .gs-image > span > img { width: 100%; } .cf-layout-full .cf-gs-overlay:not(.is-dropdown):not(.img-size-l):not(.img-size-fit) .gs-list .gs-list-item .gs-image > span { min-height: 46px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .cf-layout-full .cf-gs-overlay.is-dropdown { min-width: 200px; max-width: 100%; } @media screen and (min-width: 40em) { .cf-layout-full .cf-gs-overlay.is-dropdown { max-width: 39.5rem; } } @media print, screen and (min-width: 75em) { .cf-layout-full .cf-gs-overlay.is-dropdown { min-width: 300px; max-width: 41.5rem; } } .cf-layout-full .cf-gs-overlay.is-dropdown .grid-x { flex-flow: column nowrap; } .cf-layout-full .cf-gs-overlay.is-dropdown .p-overlaypanel-content { padding: 0.5rem; } @media print, screen and (min-width: 56.25em) { .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list { max-height: 300px; } } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item { width: 100%; line-height: 1.2; } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content { padding: 0.25rem 0.5rem; align-items: center; } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content:hover { box-shadow: none; } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-list-item-details .item-label { display: inline; vertical-align: middle; } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image { margin-right: 0.25rem; flex: 0 0 auto; } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand { width: 100% !important; height: 100% !important; background: transparent !important; } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand .p-button-icon { display: none; } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand:enabled:hover { background: rgba(255, 255, 255, 0.7) !important; } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .gs-image .p-button.config-btn-expand:enabled:hover .p-button-icon { display: block; } .cf-layout-full .cf-gs-overlay.is-dropdown .cf-gs-list-container .gs-list .gs-list-item .item-price { margin: 0; } @media screen and (max-width: 56.25em) { .cf-gs-overlay .p-overlaypanel-close { display: none; } } .ui-solid-bg .cf-gs-overlay { } .ui-solid-bg .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item { } .ui-solid-bg .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected, .ui-solid-bg .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected:hover, .ui-solid-bg .cf-gs-overlay .cf-gs-list-container .gs-list .gs-list-item.is-selected:focus { } .ui-solid-bg .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .selected-check { color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); } .ui-solid-bg .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .gs-list .gs-list-item .grid-list-item-content .selected-check::before { background: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); } .cfv2 .grid-selector-img { flex: 0 1 auto; align-self: center; margin-top: 0.25rem; } .cf-layout-light .cfv2 .grid-selector-img .item-img { line-height: 1; margin-right: 0.5rem; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; font-size: 0; } @media screen and (max-width: 22.49875em) { .cf-layout-light .cfv2 .grid-selector-img .item-img { width: calc(3.5rem * 0.7); } } .cf-layout-light .cfv2 .grid-selector-img .item-img img { width: 100%; height: 100%; object-fit: contain; } .cf-layout-full .cfv2 .grid-selector-img .item-img { line-height: 1; margin-right: 0.25rem; width: 3.25rem; height: 3.25rem; display: flex; align-items: center; justify-content: center; font-size: 0; } @media screen and (max-width: 22.49875em) { .cf-layout-full .cfv2 .grid-selector-img .item-img { width: calc(3.25rem * 0.7); } } .cf-layout-full .cfv2 .grid-selector-img .item-img img { width: 100%; height: 100%; object-fit: contain; } .cfv2 .nolabel .grid-selector-img { margin-top: 0; } .cfv2 .grid-selector { border-radius: 4px; border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } @media screen and (min-width: 25em) { .cfv2 .grid-selector { min-width: 185px; } } .cfv2 .grid-selector .grid-selector-img .item-img { overflow: hidden; } .cfv2 .grid-selector .grid-selector-img img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cfv2 .grid-selector:hover .grid-selector-img { cursor: pointer; } .cfv2 .grid-selector:hover .grid-selector-img img { -webkit-transform: scale(1.08); transform: scale(1.08); } .cfv2 .grid-selector .gs-result { padding: 0 1.5rem 0 0; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; line-height: 1.5; } .cfv2 .grid-selector .gs-result .gs-result-labels-container { flex: 1 1 auto; padding: 0.5rem; min-width: 0; } .cfv2 .grid-selector .gs-result .item-top-label { margin-bottom: 0; } .cfv2 .grid-selector .gs-result .selected-item-label { display: flex; align-items: center; min-width: 0; } .cfv2 .grid-selector .gs-result .selected-item-label > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cfv2 .grid-selector .gs-result .selected-item-label .tootlip-container { position: relative; width: 24px; height: 18px; } .cfv2 .grid-selector .gs-result .selected-item-label .tootlip-container .eb-tooltip { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cfv2 .grid-selector .gs-result:after { position: absolute; top: 50%; transform: translateY(-50%); right: 0; content: "\e902"; font-family: "primeicons"; font-size: 0.8rem; text-rendering: auto; color: #485A6A; width: 1.5rem; text-align: center; z-index: 2; } .cfv2 .grid-selector .gs-result:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 1.4375rem; border-left: 1px solid #C7CDD2; height: calc(100% - 0.5rem); } .cfv2 .grid-selector .p-button.gs-reset { width: auto !important; height: auto !important; padding: 0.5rem 0.25rem !important; background: none !important; } .cfv2 .grid-selector .p-button.gs-reset .p-button-icon { color: #485A6A !important; font-size: 0.8rem !important; } .cfv2 .gs-wrapper { } .cfv2 .gs-wrapper .formitem-child { max-width: 100%; } .cfv2 .gs-wrapper .formitem-child .drop-flex-container { max-width: 100%; } .cfv2 .gs-wrapper.has-description .gs-result .selected-item-label { font-weight: var(--semiWeight, 600); } .cfv2 .gs-wrapper.has-description .gs-result .selected-item-label .italic { font-weight: normal; } .cfv2 .gs-wrapper.has-description.has-img:not(.img-size-fit) .selected-item-label { font-weight: bold; } .cfv2 .gs-wrapper.img-size-l .grid-selector .gs-result .gs-result-labels-container { padding-left: 0.5rem; } .cfv2 .gs-wrapper.img-size-l .grid-selector .gs-result .grid-selector-img { margin: 0.25rem 0 0.25rem 0.25rem; } .cfv2 .gs-wrapper.img-size-l .grid-selector .gs-result .grid-selector-img .item-img { height: auto; width: 100px; border-radius: 4px; overflow: hidden; } .cfv2 .gs-wrapper.img-size-l .grid-selector .gs-result .grid-selector-img .item-img img { max-height: 100px; } .cf-layout-light .cfv2 .gs-wrapper.img-size-fit { max-width: 28.375rem; } .cf-layout-full .cfv2 .gs-wrapper.img-size-fit { max-width: 27.5rem; } .cfv2 .gs-wrapper.img-size-fit .grid-selector > .grid-selector-img { margin: 0; position: relative; } .cfv2 .gs-wrapper.img-size-fit .grid-selector > .grid-selector-img::before { content: ""; position: absolute; width: 100%; bottom: 0; left: 0; border-top: 1px solid rgba(30, 35, 41, 0.18); } .cfv2 .gs-wrapper.img-size-fit .grid-selector > .grid-selector-img .item-img { width: 100%; margin: 0; height: auto; } .cfv2 .gs-wrapper.img-size-fit .grid-selector > .grid-selector-img .item-img > img { object-fit: initial; height: auto; } .cfv2 .gs-wrapper.img-size-fit.has-img .grid-selector .gs-result .gs-result-labels-container { padding-left: 1rem; } .cfv2 .gs-wrapper.img-size-s .gs-result .grid-selector-img { margin: 0.25rem 0 0.25rem 0.25rem; } .cfv2 .gs-wrapper.img-size-s .gs-result .grid-selector-img .item-img { margin: 0; } .cfv2 .gs-wrapper:not(.img-size-l) .nolabel .drop-flex-container > .flex-child-auto { align-self: center; } .cfv2 .layout-row .layout-row-item .gs-wrapper { margin: 0; } .cfv2 .layout-row .layout-row-item .gs-wrapper:not(.img-size-l) .nolabel:not(.allows-optional) .drop-flex-container > .flex-child-auto, .cfv2 .layout-row .layout-row-item .gs-wrapper:not(.img-size-l) .nolabel:not(.allows-optional) .drop-flex-container .grid-selector-img { align-self: flex-end; } .group-panel .grid-selector { min-width: initial; } .solidBG-item-price .p-button.p-button-link.p-button-price, .ui-solid-bg .ui-styling .split-selector:not(.show-image-only) .split-list .split-item.is-selected .item-price .p-button.p-button-link.p-button-price, .ui-solid-bg .ui-styling .split-selector:not(.show-image-only) .split-list .split-item:active .item-price .p-button.p-button-link.p-button-price { color: hsl(var(--b2bHighlightColorH, 0), var(--b2bHighlightColorS, 100%), var(--b2bHighlightColorL, 100%)); border-bottom-color: hsl(var(--b2bHighlightBgH, 196), var(--b2bHighlightBgS, 84%), var(--b2bHighlightBgL, 46%)); } .splitNoShadowsHover { background: #F3F4F5; box-shadow: 0 calc(var(--b2bSolidBgBorder, 1) * 2px) calc(var(--b2bSolidBgBorder, 1) * 4px) 0 rgba(30, 35, 41, 0.2); position: relative; z-index: 3; } .splitNoShadowsSelected { box-shadow: inset 0 0 0 calc(var(--b2bSolidBgBorder, 1) * 2px) hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); background: #fff; position: relative; z-index: 2; } .splitNoShadowsSelected > span { color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .split-item-description { margin-top: 0.25rem; word-break: break-word; } .split-item-description p { margin: 0; } .split-item-description p:not(:first-child) { margin-top: 0.5rem; } .split-selector { text-align: center; } .split-selector .split-list .grid-x { flex-flow: row wrap; } .split-selector .split-list .cell { box-sizing: border-box; } .split-selector .split-list .split-image { position: relative; } .split-selector .split-list .split-image > span { overflow: hidden; display: block; text-align: center; font-size: 0; } .split-selector .split-list .split-image > span img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .split-selector .split-list .split-details { flex: 1 1 auto; display: flex; flex-direction: column; padding: 0.5rem; } .split-selector .split-list .split-details:not(:first-child) { padding-top: 0.25rem; } .split-selector .split-list .split-label { flex: 1 1 auto; display: flex; } .split-selector .split-list .split-label > div { max-width: 100%; } .split-selector .split-list .split-label > div > span { word-wrap: break-word; max-width: 100%; } .split-selector .split-list .split-label.has-tooltip-and-noimg { padding: 0.5rem 0.75rem 0; } .split-selector .split-list .split-item .item-content { position: relative; height: 100%; display: flex; flex-direction: column; cursor: pointer; line-height: 1.4; text-align: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; border-radius: 4px; } .split-selector .split-list .split-item .item-content > span { display: block; margin: 0.25rem 0 0; word-break: break-all; word-break: break-word; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .split-selector .split-list .split-item .item-content:not(.is-selected) .item-price { opacity: 0.65; font-weight: var(--semiWeight, 600); } .split-selector .split-list .split-item .split-item-tootlip { display: inline-block; position: absolute; top: 2px; right: 2px; z-index: 3; } .split-selector .split-list .split-item .selected-check { position: absolute; bottom: -0.25rem; right: -0.25rem; z-index: 2; border-radius: 50%; background: #fff; box-shadow: calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) 0 calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.04), calc(1px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09); font-size: 0; border: calc(1px * var(--b2bConfigShadow, 0)) solid #A9AEB3; width: 1.625rem; height: 1.625rem; } .split-selector .split-list .split-item .selected-check:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.275rem; height: 1.275rem; border-radius: 50%; background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .split-selector .split-list .split-item .selected-check .split-check { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.1rem; line-height: 1; } .split-selector:not(.show-image-only) .split-list .split-item:not(.is-selected):hover .split-image img, .split-selector:not(.show-image-only) .split-list .split-item:not(.is-selected):focus .split-image img { -webkit-transform: scale(1.2); transform: scale(1.2); } .split-item-imgonly-tooltip .p-tooltip-text { position: relative; z-index: 1; white-space: normal; background: #fff; color: #1E2329; } .split-item-imgonly-tooltip .item-label { font-weight: bold; } .split-item-imgonly-tooltip .item-price { font-weight: var(--semiWeight, 600); margin-top: 0.25rem; } .split-item-imgonly-tooltip-content p { margin: 0 0 0.5rem; } .ui-styling .split-selector .item-content { border-radius: 4px; } .ui-styling .split-selector .split-item { padding: 0.125rem; } .ui-styling .split-selector .grid-x { margin: -0.125rem; } .ui-styling .split-selector.has-description .split-label > div > span { font-weight: bold; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-1 { margin: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-1 .split-item { padding: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-1 .split-item .item-content { border-radius: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-1 .split-item:first-child .item-content { border-radius: 4px 0 0 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-1 .split-item:last-child .item-content { border-radius: 0 4px 4px 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-1 .split-item:only-child .item-content { border-radius: 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-1 .split-item:not(:first-child) .item-content { border-left: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-2 { margin: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-2 .split-item { padding: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-2 .split-item .item-content { border-radius: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-2 .split-item:first-child .item-content { border-radius: 4px 0 0 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-2 .split-item:last-child .item-content { border-radius: 0 4px 4px 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-2 .split-item:only-child .item-content { border-radius: 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-2 .split-item:not(:first-child) .item-content { border-left: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-3 { margin: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-3 .split-item { padding: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-3 .split-item .item-content { border-radius: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-3 .split-item:first-child .item-content { border-radius: 4px 0 0 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-3 .split-item:last-child .item-content { border-radius: 0 4px 4px 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-3 .split-item:only-child .item-content { border-radius: 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-3 .split-item:not(:first-child) .item-content { border-left: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-4 { margin: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-4 .split-item { padding: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-4 .split-item .item-content { border-radius: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-4 .split-item:first-child .item-content { border-radius: 4px 0 0 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-4 .split-item:last-child .item-content { border-radius: 0 4px 4px 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-4 .split-item:only-child .item-content { border-radius: 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-4 .split-item:not(:first-child) .item-content { border-left: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-5 { margin: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-5 .split-item { padding: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-5 .split-item .item-content { border-radius: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-5 .split-item:first-child .item-content { border-radius: 4px 0 0 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-5 .split-item:last-child .item-content { border-radius: 0 4px 4px 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-5 .split-item:only-child .item-content { border-radius: 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-5 .split-item:not(:first-child) .item-content { border-left: 0; } .ui-styling .split-selector.has-img:not(.img-size-fit.show-image-only):not(.max-1-prow) .grid-x:not(.small-up-1) .split-item { width: initial; flex-basis: 50%; } .ui-styling .split-selector.has-img:not(.img-size-fit.show-image-only).max-1-prow .grid-x:not(.small-up-1) .split-item { width: initial; flex-basis: 100%; } .ui-styling .split-selector.has-img:not(.img-size-fit.show-image-only).max-1-prow.img-size-fit .grid-x { margin-left: 0; margin-right: 0; } .cf-layout-light .ui-styling .split-selector.has-img:not(.img-size-fit.show-image-only).max-1-prow.img-size-fit .grid-x { max-width: 28.375rem; } .cf-layout-full .ui-styling .split-selector.has-img:not(.img-size-fit.show-image-only).max-1-prow.img-size-fit .grid-x { max-width: 27.5rem; } .ui-styling .split-selector.has-img:not(.img-size-fit.show-image-only).max-1-prow.img-size-fit .grid-x .split-item { padding-left: 0; padding-right: 0; } .ui-styling .split-selector.has-img:not(.img-size-fit.show-image-only).max-1-prow.img-size-fit .grid-x .split-item:not(:last-child):not(:only-child) { margin-bottom: 0.5rem; } .ui-styling .split-selector.has-img.img-size-fit .grid-x.small-up-1 { margin-left: 0; margin-right: 0; } .cf-layout-light .ui-styling .split-selector.has-img.img-size-fit .grid-x.small-up-1 { max-width: 28.375rem; } .cf-layout-full .ui-styling .split-selector.has-img.img-size-fit .grid-x.small-up-1 { max-width: 27.5rem; } .ui-styling .split-selector.has-img.img-size-fit .grid-x.small-up-1 .split-item { padding-left: 0; padding-right: 0; } .ui-styling .split-selector.has-img.img-size-fit .grid-x.small-up-1 .split-item:not(:last-child):not(:only-child) { margin-bottom: 0.5rem; } .ui-styling .split-selector.has-img.img-size-fit .split-item:not(.is-selected):hover .split-image img, .ui-styling .split-selector.has-img.img-size-fit .split-item:not(.is-selected):focus .split-image img { -webkit-transform: scale(1.08); transform: scale(1.08); } @media screen and (max-width: 29.25em) { .ui-styling .split-selector.wqty .grid-x:not(.small-up-1) .split-item, .ui-styling .split-selector.wprice .grid-x:not(.small-up-1) .split-item { width: initial; flex-basis: 50%; } .ui-styling .split-selector:not(.wqty):not(.force-all-prow) .grid-x:not(.small-up-1) .split-item, .ui-styling .split-selector:not(.wprice):not(.force-all-prow) .grid-x:not(.small-up-1) .split-item, .ui-styling .split-selector:not(.has-img):not(.force-all-prow) .grid-x:not(.small-up-1) .split-item { width: initial; flex-basis: 50%; } .ui-styling .split-selector:not(.wqty).force-all-prow .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3):not(.small-up-4):not(.small-up-5) .split-item, .ui-styling .split-selector:not(.wprice).force-all-prow .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3):not(.small-up-4):not(.small-up-5) .split-item, .ui-styling .split-selector:not(.has-img).force-all-prow .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3):not(.small-up-4):not(.small-up-5) .split-item { width: initial; flex-basis: 20%; } } @media screen and (min-width: 23.75em) { .ui-styling .split-selector.has-img:not(.wqty):not(.max-1-prow):not(.max-2-prow) .grid-x:not(.small-up-1):not(.small-up-2) .split-item, .ui-styling .split-selector.has-img:not(.wprice):not(.max-1-prow):not(.max-2-prow) .grid-x:not(.small-up-1):not(.small-up-2) .split-item { width: initial; flex-basis: 33.3333333333%; } .ui-styling .split-selector.has-img:not(.wqty).max-1-prow .grid-x:not(.small-up-2) .split-item, .ui-styling .split-selector.has-img:not(.wprice).max-1-prow .grid-x:not(.small-up-2) .split-item { width: initial; flex-basis: 100%; } .ui-styling .split-selector.has-img:not(.wqty).max-2-prow .grid-x .split-item, .ui-styling .split-selector.has-img:not(.wprice).max-2-prow .grid-x .split-item { width: initial; flex-basis: 50%; } } @media screen and (min-width: 29.25em) { .ui-styling .split-selector:not(.wqty):not(.wprice):not(.has-img.img-size-l):not(.force-all-prow):not(.max-1-prow):not(.max-2-prow):not(.max-3-prow) .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3) .split-item { width: initial; flex-basis: 25%; } .ui-styling .split-selector.max-1-prow .grid-x .split-item { width: initial; flex-basis: 100%; } .ui-styling .split-selector.max-2-prow .grid-x .split-item { width: initial; flex-basis: 50%; } .ui-styling .split-selector.max-3-prow .grid-x .split-item { width: initial; flex-basis: 33.3333333333%; } .ui-styling .split-selector.has-img.img-size-l:not(.img-size-fit.show-image-only):not(.max-1-prow):not(.max-2-prow) .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3) .split-item, .ui-styling .split-selector.wqty:not(.img-size-fit.show-image-only):not(.max-1-prow):not(.max-2-prow) .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3) .split-item, .ui-styling .split-selector.wprice:not(.img-size-fit.show-image-only):not(.max-1-prow):not(.max-2-prow) .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3) .split-item, .ui-styling .split-selector.has-img.img-size-s.wqty:not(.img-size-fit.show-image-only):not(.max-1-prow):not(.max-2-prow) .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3) .split-item, .ui-styling .split-selector.has-img.img-size-s.wprice:not(.img-size-fit.show-image-only):not(.max-1-prow):not(.max-2-prow) .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3) .split-item { width: initial; flex-basis: 33.3333333333%; } .ui-styling .split-selector.has-img .split-item, .ui-styling .split-selector.wqty .split-item, .ui-styling .split-selector.wprice .split-item { padding: 0.25rem; } .ui-styling .split-selector.has-img .grid-x, .ui-styling .split-selector.wqty .grid-x, .ui-styling .split-selector.wprice .grid-x { margin: -0.25rem; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice):not(.force-all-prow) .split-item { padding: 0.25rem; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice):not(.force-all-prow) .grid-x { margin: -0.25rem; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-6, .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-7 { margin: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-6 .split-item, .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-7 .split-item { padding: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-6 .split-item .item-content, .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-7 .split-item .item-content { border-radius: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-6 .split-item:first-child .item-content, .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-7 .split-item:first-child .item-content { border-radius: 4px 0 0 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-6 .split-item:last-child .item-content, .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-7 .split-item:last-child .item-content { border-radius: 0 4px 4px 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-6 .split-item:only-child .item-content, .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-7 .split-item:only-child .item-content { border-radius: 4px; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-6 .split-item:not(:first-child) .item-content, .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-7 .split-item:not(:first-child) .item-content { border-left: 0; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3):not(.small-up-4):not(.small-up-5):not(.small-up-6):not(.small-up-7) { margin: -0.25rem; } .ui-styling .split-selector:not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3):not(.small-up-4):not(.small-up-5):not(.small-up-6):not(.small-up-7) .split-item { padding: 0.25rem; width: initial; flex-basis: 14.2857142857%; } } .ui-styling .split-selector.has-img.img-size-fit .split-image { width: 100%; } .ui-styling .split-selector.has-img.img-size-fit .split-image > span { width: 100%; } .ui-styling .split-selector.has-img.img-size-fit .split-image > span > img { width: 100%; } .ui-styling .split-selector.img-size-s .split-list .split-image { margin-top: 0.5rem; } .cf-layout-light .ui-styling .split-selector.img-size-s .split-list .split-image > span img { width: 3.5rem; } @media screen and (max-width: 22.49875em) { .cf-layout-light .ui-styling .split-selector.img-size-s .split-list .split-image > span img { width: calc(3.5rem * 0.7); } } .cf-layout-full .ui-styling .split-selector.img-size-s .split-list .split-image > span img { width: 3.25rem; } @media screen and (max-width: 22.49875em) { .cf-layout-full .ui-styling .split-selector.img-size-s .split-list .split-image > span img { width: calc(3.25rem * 0.7); } } .ui-styling .split-selector.img-size-l .split-list .split-image { text-align: center; max-width: 100px; margin: 0.5rem auto 0; } .ui-styling .split-selector.img-size-l .split-list .split-image > span { margin: auto; max-width: 100px; height: auto; min-height: 24px; display: flex; align-items: center; justify-content: center; } .ui-styling .split-selector.img-size-l .split-list .split-image > span img { max-height: 100px; width: auto; max-width: 100%; } .ui-styling .split-selector.show-image-only { border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; border-radius: 4px; padding: 1rem; } .ui-styling .split-selector.show-image-only .split-list .split-image { margin: 0; position: relative; min-height: 48px; display: flex; align-items: center; } .ui-styling .split-selector.show-image-only .split-list .split-image > span { overflow: initial; display: inline-block; position: relative; cursor: pointer; width: 100%; } .ui-styling .split-selector.show-image-only .split-list .split-image > span:hover img, .ui-styling .split-selector.show-image-only .split-list .split-image > span:focus img { -webkit-transform: scale(1.2); transform: scale(1.2); } .ui-styling .split-selector.show-image-only .split-list .split-item .item-content { border: 0; width: 100%; align-items: center; justify-content: center; cursor: default; } .ui-styling .split-selector.show-image-only .split-list .split-item .split-item-tootlip { top: -3px; right: -3px; } .ui-styling .split-selector.show-image-only:not(.img-size-s) .split-list .split-image { width: 100%; } .ui-styling .split-selector.show-image-only:not(.max-3-prow):not(.max-2-prow):not(.max-1-prow):not(.img-size-fit) .split-item { flex-basis: initial !important; } .cf-layout-light .ui-styling .split-selector.show-image-only:not(.max-3-prow):not(.max-2-prow):not(.max-1-prow):not(.img-size-fit).img-size-l .split-list .split-image { width: 28.375rem; } .cf-layout-full .ui-styling .split-selector.show-image-only:not(.max-3-prow):not(.max-2-prow):not(.max-1-prow):not(.img-size-fit).img-size-l .split-list .split-image { width: 27.5rem; } .ui-styling .split-selector.show-image-only.max-1-prow .grid-x { justify-content: center; } .ui-styling .split-selector.show-image-only.img-size-l .split-item .selected-check .split-check, .ui-styling .split-selector.show-image-only.img-size-fit .split-item .selected-check .split-check { font-size: 1.1rem; } .ui-styling .split-selector.show-image-only.img-size-fit.force-all-prow .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3):not(.small-up-4) { margin: -0.25rem; } .ui-styling .split-selector.show-image-only.img-size-fit.force-all-prow .grid-x:not(.small-up-1):not(.small-up-2):not(.small-up-3):not(.small-up-4) .split-item { padding: 0.25rem; width: initial; flex-basis: 20%; } .ui-styling .split-selected-item-imgonly-content { text-align: left; margin-top: 0.5rem; position: relative; } .ui-styling .split-selected-item-imgonly-content:before { content: ""; display: block; width: 50%; max-width: 80px; min-width: 50px; border-top: 1px solid #C7CDD2; padding-bottom: 0.5rem; } .ui-styling .split-selected-item-imgonly-content .split-label { text-align: left; font-weight: bold; display: block; } .ui-styling .split-selected-item-imgonly-content .item-price { margin-bottom: 0; } .group-panel .split-selector:not(.show-image-only).has-img:not(.max-1-prow):not(.max-2-prow) .grid-x:not(.small-up-1):not(.small-up-2) .split-item, .group-panel .split-selector:not(.show-image-only):not(.has-img):not(.force-all-prow):not(.max-1-prow):not(.max-2-prow) .grid-x:not(.small-up-1):not(.small-up-2) .split-item { width: initial; flex-basis: 33.3333333333% !important; } .group-panel .split-selector:not(.show-image-only).has-img.wqty:not(.max-1-prow) .grid-x:not(.small-up-1):not(.small-up-2) .split-item, .group-panel .split-selector:not(.show-image-only).has-img.wprice:not(.max-1-prow) .grid-x:not(.small-up-1):not(.small-up-2) .split-item, .group-panel .split-selector:not(.show-image-only):not(.has-img).wqty:not(.max-1-prow) .grid-x:not(.small-up-1):not(.small-up-2) .split-item, .group-panel .split-selector:not(.show-image-only):not(.has-img).wprice:not(.max-1-prow) .grid-x:not(.small-up-1):not(.small-up-2) .split-item { width: initial; flex-basis: 50% !important; } .ui-solid-bg .ui-styling .split-selector:not(.show-image-only):not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-1 .split-item { padding: 1px; } .ui-solid-bg .ui-styling .split-selector:not(.show-image-only):not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-2 .split-item { padding: 1px; } .ui-solid-bg .ui-styling .split-selector:not(.show-image-only):not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-3 .split-item { padding: 1px; } .ui-solid-bg .ui-styling .split-selector:not(.show-image-only):not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-4 .split-item { padding: 1px; } .ui-solid-bg .ui-styling .split-selector:not(.show-image-only):not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-5 .split-item { padding: 1px; } @media screen and (min-width: 29.25em) { .ui-solid-bg .ui-styling .split-selector:not(.show-image-only):not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-6 .split-item, .ui-solid-bg .ui-styling .split-selector:not(.show-image-only):not(.has-img):not(.wqty):not(.wprice).force-all-prow .grid-x.small-up-7 .split-item { padding: 1px; } } .buttonnode-wrapper .p-button .p-button-icon { max-height: 20px; max-width: 20px; display: flex; min-width: 0; } .buttonnode-wrapper .p-button .p-button-icon img { flex: 0 1 auto; object-fit: contain; min-width: 4px; } .hotspots { touch-action: none; } .hotspots .hotspot-button { position: absolute; top: 0; left: 0; z-index: 50; display: inline-block; } @media screen and (min-width: 64em) { .cf-layout-light .hotspots .hotspot-button { position: fixed; } .cf-layout-full .hotspots .hotspot-button { position: absolute; } } .hotspots .hotspot-button .p-button { background: #fff; } .p-button.cf-hotspot { border-radius: 50%; position: relative; padding: 0; } .p-button.cf-hotspot .p-button-icon { font-size: 0; line-height: 1; border-radius: 50%; overflow: hidden; position: relative; margin: 0 !important; } .p-button.cf-hotspot .p-button-icon .img-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; } .p-button.cf-hotspot .p-button-icon img { flex: 0 1 auto; object-fit: contain; min-width: 4px; } .p-button.cf-hotspot:not(.shows-label) { width: 1.875rem; height: 1.875rem; background: #fff; border-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.3); } .p-button.cf-hotspot:not(.shows-label) .p-button-icon { width: 100%; height: 100%; } .p-button.cf-hotspot:not(.shows-label):enabled:hover, .p-button.cf-hotspot:not(.shows-label):enabled:focus, .p-button.cf-hotspot:not(.shows-label):enabled:active { border-color: transparent; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.3); } .p-button.cf-hotspot.shows-label { background: transparent; border-color: transparent; } .p-button.cf-hotspot.shows-label .p-button-icon { background: #fff; border-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.3); z-index: 1; width: 1.875rem; height: 1.875rem; } .p-button.cf-hotspot.shows-label .p-button-icon + .p-button-label { position: relative; left: -1.875rem; width: max-content; max-width: 256px; word-break: break-word; background: #fff; font-size: 0.875rem; border-radius: 30px; color: #1E2329; padding-block: 0.25rem; padding-inline: 2.375rem 0.75rem; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 2px 4px 7px rgba(0, 0, 0, 0.2); } .p-button.cf-hotspot.shows-label:enabled:hover, .p-button.cf-hotspot.shows-label:enabled:focus, .p-button.cf-hotspot.shows-label:enabled:active { background: transparent; border-color: transparent; } .p-button.cf-hotspot.shows-label:enabled:hover .p-button-label, .p-button.cf-hotspot.shows-label:enabled:focus .p-button-label, .p-button.cf-hotspot.shows-label:enabled:active .p-button-label { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.3); } .p-tooltip.hotspot-tooltip .p-tooltip-text { background: #fff; font-size: 0.875rem; border-radius: 30px; color: #1E2329; padding: 0.25rem 0.75rem; } .p-tooltip.hotspot-tooltip .p-tooltip-arrow { display: none; } .cfv2 .bom-step-container { margin: auto; max-width: 100%; min-width: 300px; display: inline-block; } .cfv2 .bom-step-accordion .p-accordion .p-accordion-content { padding-right: 0; padding-left: 0; } .cfv2 .bom-step-accordion .bom-auto-update { padding: 0 1rem; } .cfv2 .bom-step-accordion .p-treetable.bom-tree .p-treetable-wrapper { padding-right: 1rem; padding-left: 1rem; } .cfv2 .p-treetable.bom-tree { margin-top: 0.5rem; cursor: default; line-height: 1.2; } .cf-layout-light .cfv2 .p-treetable.bom-tree { font-size: 0.875rem; } .cf-layout-full .cfv2 .p-treetable.bom-tree { font-size: 0.875rem; } .cfv2 .p-treetable.bom-tree .p-treetable-wrapper { overflow-y: auto; } .cfv2 .p-treetable.bom-tree table { table-layout: auto; } .cfv2 .p-treetable.bom-tree table tr { background: transparent !important; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr > td { padding: 0.25rem 0; border-bottom: 1px solid #C7CDD2; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr > td.qty-cell { text-align: left; padding-left: 0.25rem; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr > td:not(:last-child):not(:only-child) { padding-right: 0.25rem; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr > td:not(:last-child):not(:only-child).qty-cell { padding-right: 0.5rem; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr > td .p-treetable-toggler { width: 1.5rem; height: 1.5rem; margin-right: 0.25rem; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr > td .p-treetable-toggler i { font-size: 0.875rem; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr:first-child > td { border-top: 1px solid #C7CDD2; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.bom-group-row:not(:first-child) > td { padding-top: 0.5rem; padding-bottom: 0.5rem; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.has-messages > td, .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.has-output > td { border-bottom: 0; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.bom-message-row > td { border-top: 0; padding-top: 0; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.bom-item-row.has-output + .bom-output-row > td { border-top: 0; padding-top: 0; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.bom-message-row > td { padding: 0; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.bom-message-row:hover > td, .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.bom-output-row:hover > td { background: transparent; } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.bom-item-row:hover + tr.bom-output-row > td { background: rgba(243, 244, 245, 0.5); } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.bom-item-row:hover + tr.bom-output-row + tr.bom-output-row > td { background: rgba(243, 244, 245, 0.5); } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.has-messages:hover + tr.bom-message-row > td { background: rgba(243, 244, 245, 0.5); } .cfv2 .p-treetable.bom-tree .p-treetable-tbody > tr.has-messages:hover + tr.bom-message-row + tr.bom-message-row > td { background: rgba(243, 244, 245, 0.5); } .cfv2 .p-treetable.bom-tree .hide-toggler > button { visibility: hidden !important; } .cfv2 .p-treetable.bom-tree .bom-group-img, .cfv2 .p-treetable.bom-tree .bom-item-img { flex: 0 1 auto; margin-right: 0.25rem; font-size: 0; line-height: 1; } .cfv2 .p-treetable.bom-tree .bom-group-img .img-wrapper, .cfv2 .p-treetable.bom-tree .bom-item-img .img-wrapper { width: 2rem; line-height: 1; font-size: 0; } .cfv2 .p-treetable.bom-tree .bom-group-name { flex: 1 1 auto; } .cfv2 .p-treetable.bom-tree .bom-group-name > span { vertical-align: middle; font-weight: bold; word-break: break-word; } .cfv2 .p-treetable.bom-tree .bom-item-details { flex: 1 1 auto; min-width: 100px; } @media screen and (min-width: 30em) { .cfv2 .p-treetable.bom-tree .bom-item-details { min-width: 130px; } } .cfv2 .p-treetable.bom-tree .bom-item-name { vertical-align: middle; font-weight: normal; word-break: break-word; } .cfv2 .p-treetable.bom-tree .bom-item-output .p-inplace-display { display: inline-block; padding: 0; } .cfv2 .p-treetable.bom-tree .bom-item-output .p-inplace-display:hover { background: initial; } .cfv2 .p-treetable.bom-tree .bom-item-output .p-inplace-content { display: block; background: #F3F4F5; padding: 0.5rem 1rem 0.25rem 0.5rem; border-radius: 4px; position: relative; } .cfv2 .p-treetable.bom-tree .bom-item-output .p-inplace-content > .p-button-icon-only { position: absolute; top: -0.25rem; right: -0.25rem; padding: 0; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 0; background: #485A6A; color: #fff; } .cfv2 .p-treetable.bom-tree .bom-item-output .p-inplace-content > .p-button-icon-only timesicon { width: 10px; } .cfv2 .p-treetable.bom-tree .bom-item-output .p-inplace-content .read-only-cs-item { padding: 0; margin-bottom: 0.25rem; } .cfv2 .p-treetable.bom-tree .cf-ctx-menu { display: inline-block; vertical-align: middle; } .cfv2 .p-treetable.bom-tree .item-codes { min-width: 64px; } .cfv2 .p-treetable.bom-tree .item-codes .bom-item-code { display: inline-block; } .cfv2 .p-treetable.bom-tree .item-codes .bom-item-code .p-tag { margin: 0; } .cfv2 .p-treetable.bom-tree .item-codes .bom-item-code:not(:only-child) { margin: 0.125rem 0; } .cfv2 .p-treetable.bom-tree .item-codes .bom-item-code:not(:only-child):not(:last-child) { margin-right: 0.25rem; } .cfv2 .p-treetable.bom-tree .bom-message { margin: 0 0 0.25rem; } .cfv2 .cs.summary .p-treetable.bom-tree .bom-message-row { display: none; } .cfv2 .cs.summary .p-treetable.bom-tree .p-treetable-tbody > tr.has-messages > td { border-bottom: 1px solid #C7CDD2; } .cfv2 .cs.summary .p-treetable.bom-tree .p-treetable-tbody > tr:first-child > td { border-top: 0; } .cfv2 .cs.summary .p-treetable.bom-tree .p-treetable-tbody > tr:last-child > td { border-bottom: 0; } .cfv2 .cs.summary .p-treetable.bom-tree .p-treetable-tbody .bom-item-output .p-inplace-content { background: #fff; } .cfv2 .cs.summary .p-treetable.bom-tree .p-treetable-tbody .bom-item-output .p-inplace-content > .p-button-icon-only { top: 0; right: 0; border-radius: 4px; } .cfv2 .cs.summary .item-codes .p-tag { background: #fff; } .bom-footer { text-align: right; margin-block: 0.5rem 0; margin-inline-end: 0; } .bom-step-container .bom-footer { margin-inline-end: 1rem; } .cfv2 .qty-picker { border: 0; display: inline-block; border-radius: 4px; } .cfv2 .qty-picker .p-inputnumber { width: 100%; border-radius: 4px; } .cfv2 .qty-picker .p-inputtext { width: 2.5rem; padding: 0.5rem 0.25rem; border: 0; text-align: center; line-height: 1.5; border-radius: 4px; background: transparent; box-shadow: none; } .cfv2 .qty-picker .p-button.p-button-icon-only { width: 1.8rem; font-size: 1rem; } .cfv2 .qty-picker .p-button.p-button-icon-only.p-inputnumber-button-up { border-radius: 0 4px 4px 0; } .cfv2 .qty-picker .p-button.p-button-icon-only.p-inputnumber-button-down { border-radius: 4px 0 0 4px; } .cfv2 .qty-picker .p-inputnumber-buttons-stacked .p-inputtext { text-align: right; width: 4.5rem; } .cfv2 .qty-picker .p-inputnumber-buttons-stacked .p-button.p-button-icon-only.p-button-text { height: initial; width: initial; padding: 0 0.25rem; } .grid-selector .cfv2 .qty-picker, .p-field-checkbox.has-qty-picker .cfv2 .qty-picker { border: 0; } .split-item:not(.is-selected) .cfv2 .qty-picker, .p-field-checkbox.has-qty-picker:not(.p-checkbox-checked) .cfv2 .qty-picker { opacity: 0.4; } .split-item:not(.is-selected) .cfv2 .qty-picker .p-button-icon-only, .p-field-checkbox.has-qty-picker:not(.p-checkbox-checked) .cfv2 .qty-picker .p-button-icon-only { color: #485A6A; } .qty-picker-container .p-inputgroup-addon { border-left: 0 !important; font-weight: normal; min-width: 0; text-align: left; padding: 0.5rem 0.25rem; cursor: default; flex: 0 1 auto; } .qty-picker-container .p-inputgroup-addon > span { max-width: 100px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .qty-picker-container.p-inputgroup .qty-picker { border-top-right-radius: 0; border-bottom-right-radius: 0; } .qty-picker-container.p-inputgroup .qty-picker .p-inputnumber { border-top-right-radius: 0; border-bottom-right-radius: 0; } .qty-picker-container.p-inputgroup .qty-picker .p-button.p-button-icon-only.p-inputnumber-button-up { border-top-right-radius: 0; } .qty-picker-container.p-inputgroup .qty-picker .p-button.p-button-icon-only.p-inputnumber-button-down { border-bottom-right-radius: 0; } .ui-styling.ui-shadows .qty-picker-container .p-inputgroup-addon { font-weight: var(--semiWeight, 600); } .cfv2 .item-price { font-weight: bold; white-space: nowrap; } .cfv2 .item-price:not(:only-child) { margin: 0.25rem 0; } .cfv2 .item-top-label .item-price { flex: 0 1 auto; margin: 0 0 0 0.5rem; } .cs.summary .summary-item.summary-checkbox:not(.is-checked) .item-price { font-weight: normal; text-decoration: line-through; } .p-overlaypanel.overlay-actions { box-shadow: 0 2px 4px -1px rgba(30, 35, 41, 0.2), 0 4px 5px 0 rgba(30, 35, 41, 0.14), 0 1px 10px 0 rgba(30, 35, 41, 0.12); margin-top: 0.25rem; } .p-overlaypanel.overlay-actions:before, .p-overlaypanel.overlay-actions:after { display: none; } .p-overlaypanel.overlay-actions .p-overlaypanel-content { padding: 0.25rem; } .p-overlaypanel.overlay-actions .p-button.p-button-text .p-button-label { color: #1E2329; } .p-overlaypanel.overlay-actions .p-button.p-button-text .p-button-icon { color: #1E2329; opacity: 0.4; } .tooltip-button, .cfv2 .p-button.p-button-text.config-tooltip, .p-button.p-button-text.p-button-icon-only.config-tooltip { width: 1.5rem; height: 1.5rem; border-radius: 50%; padding: 0; } .tooltip-button .p-button-icon, .cfv2 .p-button.p-button-text.config-tooltip .p-button-icon, .p-button.p-button-text.p-button-icon-only.config-tooltip .p-button-icon { font-size: 1.15rem; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .tooltip-button:enabled:hover, .cfv2 .p-button.p-button-text.config-tooltip:enabled:hover, .p-button.p-button-text.p-button-icon-only.config-tooltip:enabled:hover, .tooltip-button:enabled:active, .cfv2 .p-button.p-button-text.config-tooltip:enabled:active, .p-button.p-button-text.p-button-icon-only.config-tooltip:enabled:active { background: #F3F4F5; } .tooltip-expand, .cfv2 .p-button.p-button-text.config-tooltip-expand, .p-button.p-button-text.p-button-icon-only.config-tooltip-expand { background: rgba(231, 235, 236, 0.75); border-radius: 0; width: 1.5rem; height: 1.5rem; padding: 0; } .tooltip-expand.absolute, .cfv2 .absolute.p-button.p-button-text.config-tooltip-expand, .absolute.p-button.p-button-text.p-button-icon-only.config-tooltip-expand { position: absolute !important; } .tooltip-expand .p-button-icon, .cfv2 .p-button.p-button-text.config-tooltip-expand .p-button-icon, .p-button.p-button-text.p-button-icon-only.config-tooltip-expand .p-button-icon { font-size: 1rem; color: #1E2329; } .tooltip-expand:enabled:hover, .cfv2 .p-button.p-button-text.config-tooltip-expand:enabled:hover, .p-button.p-button-text.p-button-icon-only.config-tooltip-expand:enabled:hover, .tooltip-expand:enabled:active, .cfv2 .p-button.p-button-text.config-tooltip-expand:enabled:active, .p-button.p-button-text.p-button-icon-only.config-tooltip-expand:enabled:active { background: #F3F4F5; } .cf-gs-overlay:not(.is-dropdown) .cf-gs-list-container .p-button.p-button-text.config-tooltip { background: #fff; } .split-selector .split-item .p-button.p-button-text.config-tooltip { background: #fff; } .p-overlaypanel.config-tooltip { min-width: 13.75rem; max-width: 16.875rem; } .p-overlaypanel.config-tooltip .p-overlaypanel-content { max-height: 48vh; overflow-y: auto; } .p-overlaypanel.config-tooltip .tp-image { margin-bottom: 0.5rem; text-align: center; position: relative; font-size: 0; } .p-overlaypanel.config-tooltip .tp-image img { max-width: 100%; max-height: 250px; } .p-overlaypanel.config-tooltip .tp-title { margin-bottom: 0.5rem; word-break: break-word; } .cf-layout-light .p-overlaypanel.config-tooltip .tp-title { font-size: 0.875rem; } .cf-layout-full .p-overlaypanel.config-tooltip .tp-title { font-size: 0.875rem; } .eb-tooltip { font-size: 0; } .cfv2 .p-button { overflow: visible; font-weight: var(--semiWeight, 600); background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cfv2 .p-button:enabled:hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .cfv2 .p-button.p-button-text { background-color: transparent; border-color: transparent; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .cfv2 .p-button.p-button-text:enabled:hover, .cfv2 .p-button.p-button-text:enabled:active { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); border-color: transparent; background-color: #E7EBEC; } .cfv2 .p-button.p-button-text.p-button-icon-only { padding: 0.5rem; } .cfv2 .p-button.p-button-text.p-button-icon-only .p-button-icon-left, .cfv2 .p-button.p-button-text.p-button-icon-only .p-button-icon-right { margin: 0; } .cfv2 .p-button.p-button-text.p-button-icon-only.p-button-circle { border-radius: 50%; } .cfv2 .p-button.p-button-text.cf-p-button-icon-only { padding: 0.5rem; } .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle, .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle.p-button-ripple { overflow: inherit; position: relative; border-radius: 50%; height: 2.357rem; } .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle:before, .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle.p-button-ripple:before { content: ""; display: block; position: absolute; border-radius: 50%; width: 2rem; height: 2rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle:enabled:hover, .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle.p-button-ripple:enabled:hover { background: transparent; } .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle:enabled:hover:before, .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle.p-button-ripple:enabled:hover:before { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.1); } .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle:enabled:focus, .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle.p-button-ripple:enabled:focus { background: transparent; } .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle:enabled:focus:before, .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle.p-button-ripple:enabled:focus:before { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.15); width: 2.3rem; height: 2.3rem; } .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle.p-button-small .p-button-icon, .cfv2 .p-button.p-button-text.cf-p-button-icon-only.p-button-circle.p-button-ripple.p-button-small .p-button-icon { color: #13A1D6; } .cfv2 .p-button.p-button-icon-only.p-button-small, .cfv2 .p-button.cf-p-button-icon-only.p-button-small { width: 1.5rem; height: 1.5rem; padding: 0; position: relative; } .cfv2 .p-button.p-button-icon-only.p-button-small:before, .cfv2 .p-button.cf-p-button-icon-only.p-button-small:before { width: 1.5rem; height: 1.5rem; } .cfv2 .p-button.p-button-icon-only.p-button-small .p-button-icon, .cfv2 .p-button.cf-p-button-icon-only.p-button-small .p-button-icon { font-size: 1rem; position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cfv2 .p-button.p-button-icon-only.in-header, .cfv2 .p-button.cf-p-button-icon-only.in-header { background: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.57); border: 0; color: #485A6A; } .cfv2 .p-button.p-button-icon-only.in-header:enabled:hover, .cfv2 .p-button.p-button-icon-only.in-header:enabled:active, .cfv2 .p-button.cf-p-button-icon-only.in-header:enabled:hover, .cfv2 .p-button.cf-p-button-icon-only.in-header:enabled:active { background: #fff; border: 1px solid #C7CDD2; } .cfv2 .p-button.p-button-icon-only.in-header:enabled:hover .p-button-icon, .cfv2 .p-button.p-button-icon-only.in-header:enabled:active .p-button-icon, .cfv2 .p-button.cf-p-button-icon-only.in-header:enabled:hover .p-button-icon, .cfv2 .p-button.cf-p-button-icon-only.in-header:enabled:active .p-button-icon { color: #1E2329; } .cfv2 .p-button.p-button-link { background: transparent; border: transparent; padding: 0; } .cfv2 .p-button.p-button-link:enabled:hover, .cfv2 .p-button.p-button-link:enabled:focus, .cfv2 .p-button.p-button-link:enabled:active { background: transparent; border-color: transparent; } .cfv2 .p-button.p-button-link:enabled:hover .p-button-label, .cfv2 .p-button.p-button-link:enabled:focus .p-button-label, .cfv2 .p-button.p-button-link:enabled:active .p-button-label { text-decoration: none; } .cfv2 .p-button.p-button-link.p-button-price { color: #1E2329; border-bottom: 2px dotted hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cfv2 .p-button.p-button-link.p-button-price:enabled:hover, .cfv2 .p-button.p-button-link.p-button-price:enabled:focus { border-bottom: 2px dotted hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .cfv2 .p-button.p-button-link.p-button-price.is-editable .p-button-icon { margin-left: 0.25rem; opacity: 0.4; } .cfv2 .p-button.p-button-secondary { background: #E7EBEC; border: #E7EBEC; } .cfv2 .p-button.p-button-secondary:enabled:hover, .cfv2 .p-button.p-button-secondary:enabled:active { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); color: #1E2329; border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .cfv2 .p-button.p-button-secondary timesicon { color: #485A6A; } .cfv2 .p-button.p-button-secondary.p-button-text { background-color: transparent; border-color: transparent; } .cfv2 .p-button.p-button-secondary.p-button-text:enabled:hover { border-color: transparent; } .cfv2 .p-button.p-button-secondary.p-button-text:enabled:active { border-color: transparent; } .cfv2 .p-button.p-button-secondary.p-button-bee-header { background: #485A6A; color: #fff; padding: 0.5rem; } .cfv2 .p-button.p-button-secondary.p-button-bee-header.p-disabled { opacity: 1; } .cfv2 .p-button.p-splitbutton-defaultbutton { border-top-right-radius: 0; border-bottom-right-radius: 0; } .cfv2 .p-button.p-splitbutton-menubutton { margin-left: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .cfv2 .p-button.p-button-disabled { opacity: 0.65; } .cfv2 .p-button .p-button-icon-left { margin-right: 0.35rem; } .cfv2 .p-button.p-button-helptext { width: 1.25rem; height: 1.25rem; background: none !important; border: 0; padding: 0; color: #13A1D6; font-size: 0.875rem; position: relative; overflow: visible; text-align: center; } .cfv2 .p-button.p-button-helptext:before { content: ""; width: 1.875rem; height: 1.875rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #E7EBEC; border-radius: 1000px; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cfv2 .p-button.p-button-helptext .p-button-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; padding-bottom: 3px; } .cfv2 .p-button.p-button-helptext:hover:before { opacity: 0.1; } .cfv2 .p-button.p-button-helptext:hover .p-button-label { color: #1E2329; } .cfv2 .p-button-bee-header-component.p-disabled { opacity: 0.8; } .bee-header .p-button-link .p-button-icon { color: #fff; font-size: 18px; } .p-button.config-btn-expand { background: rgba(255, 255, 255, 0.75) !important; border-radius: 0 !important; width: 1.5rem !important; height: 1.5rem !important; padding: 0; } .p-button.config-btn-expand .p-button-icon { color: #485A6A; } .p-button.config-btn-expand.absolute { position: absolute !important; } .p-button.config-btn-expand:enabled:hover { background: #fff !important; } .p-button.cf-p-button-next .p-button-icon { display: none; } .cfv2 .p-splitbutton.p-button-secondary > .p-button { background: #E7EBEC; border: #E7EBEC; } .cfv2 .p-splitbutton.p-button-secondary > .p-button:enabled:hover, .cfv2 .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); color: #1E2329; border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .p-splitbutton.cf-bar-webhook.p-button-secondary > .p-button { background: #E7EBEC; border-color: #E7EBEC; } .p-splitbutton.cf-bar-webhook.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.cf-bar-webhook.p-button-secondary > .p-button:enabled:active { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); color: #1E2329; border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .exp-footer-bar .p-button .p-button-label { white-space: nowrap; } .sticky-bar-container .buttonnode-wrapper, .exp-footer-bar .buttonnode-wrapper { display: flex; min-width: 0; } .sticky-bar-container .buttonnode-wrapper .cf-bar-webhook-wrapper, .exp-footer-bar .buttonnode-wrapper .cf-bar-webhook-wrapper { min-width: 0; margin-right: 0.5rem; } .sticky-bar-container .buttonnode-wrapper .cf-bar-webhook-wrapper:not(.cf-bar-more-wrapper), .exp-footer-bar .buttonnode-wrapper .cf-bar-webhook-wrapper:not(.cf-bar-more-wrapper) { flex: 0 1 auto; } .sticky-bar-container .buttonnode-wrapper .cf-bar-webhook-wrapper:not(.cf-bar-more-wrapper) .p-button.cf-bar-webhook .p-button-label, .exp-footer-bar .buttonnode-wrapper .cf-bar-webhook-wrapper:not(.cf-bar-more-wrapper) .p-button.cf-bar-webhook .p-button-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sticky-bar-container .buttonnode-wrapper .cf-bar-webhook-wrapper.cf-bar-more-wrapper, .exp-footer-bar .buttonnode-wrapper .cf-bar-webhook-wrapper.cf-bar-more-wrapper { flex: 0 0 auto; } .sticky-bar-container .p-button.cf-bar-webhook, .exp-footer-bar .p-button.cf-bar-webhook { max-width: 100%; } .sticky-bar-container .p-button.cf-bar-webhook .p-button-icon, .exp-footer-bar .p-button.cf-bar-webhook .p-button-icon { flex: 0 0 auto; } .sticky-bar-container .p-splitbutton.cf-bar-webhook.p-button-secondary > .p-button { background: hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 8%)); border-color: hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 8%)); } .sticky-bar-container .p-button.cf-bar-webhook { background: hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 8%)); border-color: hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 8%)); } .p-toast-message.p-toast-message-error .p-toast-icon-close, .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #fff !important; } .p-dialog-wizard .p-dialog { height: initial !important; max-height: 70vh; max-width: 32rem; } @media print, screen and (min-width: 56.25em) { .p-dialog-wizard .p-dialog { width: 23.75rem; } } @media screen and (min-width: 75em) { .p-dialog-wizard .p-dialog { width: 26.25rem; } } @media screen and (min-width: 90em) { .p-dialog-wizard .p-dialog { width: 28.125rem; } } .p-dialog-wizard .p-dialog .p-dialog-header { border: 0; padding-bottom: 0.5rem; } .p-dialog-wizard .p-dialog .p-dialog-content { padding: 0; } .p-dialog-wizard .p-tabview .p-tabview-nav-container { border-bottom: 1px solid #C7CDD2; box-shadow: 0 2px 0 0 #fff; background: #fff; position: sticky; top: 0; z-index: 3; } .p-dialog-wizard .p-tabview .p-tabview-nav-content { text-align: center; padding-bottom: 0.5rem; } .p-dialog-wizard .p-tabview .p-tabview-nav { border: 0; width: auto !important; min-width: initial; padding: 0.25rem; border-radius: 4px; background: #E7EBEC; display: inline-flex; margin: auto; } .p-dialog-wizard .p-tabview .p-tabview-nav li .p-tabview-nav-link { padding: 0.25rem 0.5rem; border-radius: 4px; color: #485A6A; background: transparent; border: 0; } .p-dialog-wizard .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #fff; border: 0; color: #1E2329; } .p-dialog-wizard .p-tabview .p-tabview-nav .p-badge { line-height: 1.2rem; height: 1.2rem; width: auto; min-width: 1.2rem; font-weight: var(--semiWeight, 600); text-align: center; color: #fff; margin-left: 0.25rem; text-align: center; display: inline-block; padding: 0 0.25rem; } .p-dialog-wizard .p-tabview .p-tabview-nav .p-badge.p-badge-danger { background-color: #FF1E1E; } .p-dialog-wizard .p-tabview .p-tabview-nav .p-badge.p-badge-warning { background-color: #C78B00; } .p-dialog-wizard .p-tabview .p-tabview-panels { padding: 0.5rem; background: #F3F4F5; } .p-dialog-wizard .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; border: 0; font-weight: bold; padding: 0.5rem 2rem 0.5rem 0.5rem; color: #1E2329; background: #fff; border-radius: 4px; } .p-dialog-wizard .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link .p-accordion-toggle-icon { position: absolute; margin-right: 0; position: absolute; top: 50%; transform: translateY(-50%); color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); right: 0.5rem; } .p-dialog-wizard .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .cf-layout-light .p-dialog-wizard .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-text { font-size: 0.875rem; } .cf-layout-full .p-dialog-wizard .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-text { font-size: 1rem; } .p-dialog-wizard .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link, .p-dialog-wizard .p-accordion .p-accordion-header:not(.p-disabled):hover .p-accordion-header-link { background: #fff; color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .p-dialog-wizard .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 0.5rem; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); border-radius: 4px; } .p-dialog-wizard .p-accordion p-accordiontab .p-accordion-tab .p-accordion-content { padding: 0.25rem 0.5rem; border: 0; } .p-dialog-wizard .p-accordion p-accordiontab .p-accordion-tab.p-accordion-tab-active .p-accordion-content { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .p-dialog-wizard .p-accordion p-accordiontab.can-undo + .is-history { display: block; margin-top: 2rem; } .p-dialog-wizard .p-accordion p-accordiontab.can-undo + .is-history .p-accordion-tab { position: relative; } .p-dialog-wizard .p-accordion p-accordiontab.can-undo + .is-history .p-accordion-tab:before { content: ""; display: block; position: absolute; top: -1rem; left: 0; width: 100%; border-top: 1px solid #C7CDD2; } .p-dialog-wizard .p-accordion p-accordiontab.is-history .p-accordion-tab { box-shadow: none; border: 1px solid #C7CDD2; } .p-dialog-wizard .p-accordion p-accordiontab.is-history .p-accordion-header .p-accordion-header-link, .p-dialog-wizard .p-accordion p-accordiontab.is-history .p-accordion-content { background: none !important; } .p-dialog-wizard .p-accordion:not(.changes-accordion) .p-tag.wizard-tag { margin-left: 0.5rem; } .p-dialog-wizard .issue { position: relative; margin: 0 0 0.5rem; padding: 0.125rem 0; } .p-dialog-wizard .issue:before { content: ""; position: absolute; height: 100%; top: 0; left: -0.5rem; border: 2px solid #E7EBEC; } .p-dialog-wizard .issue.is-error:before { border-color: #FF1E1E; } .p-dialog-wizard .issue.is-warn:before { border-color: #FFE373; } .p-dialog-wizard .wiz-empty-state { text-align: center; padding: 0.5rem 1.5rem 1.5rem; } .p-dialog-wizard .triggering-actions { padding-left: 1.25rem; margin-bottom: 0; } .p-dialog-wizard .triggering-actions > li { padding: 0 0 0.25rem 0.25rem; } .p-dialog-wizard .triggering-actions > li button { border: 0; display: inline; font-weight: var(--semiWeight, 600); color: #13A1D6; background: transparent; padding: 0; margin: 0; } .p-dialog-wizard .changes-list { margin-bottom: 0.5rem; } .p-dialog-wizard .changes-list .changes-list-title { background-color: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.1); color: #485A6A; font-weight: var(--semiWeight, 600); font-size: 0.75rem; text-transform: uppercase; padding: 0.25rem 0.5rem; margin: 0.25rem 0; } .p-dialog-wizard .changes-list .changeinfo-container { padding-top: 0.2rem; position: relative; } .p-dialog-wizard .changes-list .change:not(:first-child) { border-top: 1px solid #C7CDD2; padding-top: 0.25rem; margin-top: 0.25rem; } .p-dialog-wizard .changes-list .change p-checkbox { position: absolute; left: 0; top: 0.05rem; } .p-dialog-wizard .changes-list .change p-checkbox + p-button .p-button { vertical-align: top; position: relative; top: -0.1rem; padding-left: 1.6rem; } .p-dialog-wizard .changes-list .change .p-checkbox-box.p-disabled { border: calc(var(--b2bSolidBgBorder, 1) * 1px) solid #C7CDD2; background: rgba(0, 0, 0, 0.03); opacity: 1; width: 1.275rem; height: 1.275rem; position: relative; top: 2px; } .p-dialog-wizard .changes-list .change .p-checkbox-box.p-disabled .p-checkbox-icon:before { content: "\e90b"; font-family: "primeicons"; font-size: 1rem; text-rendering: auto; color: #FF1E1E; } .p-dialog-wizard .changes-list .button-children-toggler { width: 1.5rem !important; height: 1.5rem !important; z-index: initial; } .p-dialog-wizard .changes-list .button-children-toggler .p-button-icon { font-size: 0.875rem; } .p-dialog-wizard .changes-list .change-extra-info { padding-left: 1.75rem; margin-bottom: 0.5rem; } .p-dialog-wizard .changes-list .change-extra-info .prev-values { opacity: 0.65; border-top: 1px solid #C7CDD2; padding-top: 0.25rem; margin-top: 0.25rem; } .change-bread-chevron { font-size: 0.625rem; } .ai-button-container { position: absolute; right: 1rem; top: 1rem; z-index: 999; } @media screen and (min-width: 64em) { .cf-layout-light .ai-button-container { position: fixed; right: auto; left: 1rem; top: calc(50% - 23px); } .cf-layout-full .ai-button-container { position: absolute; right: 2rem; left: auto; top: 2.5rem; } } .p-button.cf-button-ai { padding: 0; width: auto; height: auto; background: transparent; border: 0; } .p-button.cf-button-ai .p-button-icon { position: relative; line-height: 1; font-size: 18px; color: #000; width: 2.625rem; height: 2.625rem; opacity: 1; z-index: 2; } .p-button.cf-button-ai .p-button-icon .icon-circle { display: inline-block; z-index: 1; width: 100%; height: 100%; background: #fff; border: 1px solid #fff; border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.3); } .p-button.cf-button-ai .p-button-icon .the-icon { line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; } .p-button.cf-button-ai .p-button-icon::after { content: ""; border-radius: 50%; display: block; position: absolute; background-image: linear-gradient( 45deg, #49FFE2, #D974FF, #13A1D6); z-index: -1; left: -0.25rem; right: -0.25rem; top: -0.25rem; bottom: -0.25rem; border: 1px solid rgba(73, 255, 226, 0.8); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; animation: rotate 6s linear infinite; } .p-button.cf-button-ai .p-button-label { background: transparent; color: transparent; overflow: hidden; width: 0; height: 0; white-space: nowrap; position: absolute; } .cf-layout-light .p-button.cf-button-ai .p-button-label { right: auto; left: 0; } .cf-layout-full .p-button.cf-button-ai .p-button-label { right: 0; left: auto; } .p-button.cf-button-ai:enabled:hover, .p-button.cf-button-ai:enabled:focus, .p-button.cf-button-ai:enabled:active { border: 0; background: transparent; } .p-button.cf-button-ai:enabled:hover .p-button-icon .icon-circle, .p-button.cf-button-ai:enabled:focus .p-button-icon .icon-circle, .p-button.cf-button-ai:enabled:active .p-button-icon .icon-circle { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(0, 0, 0, 0.3); } .p-button.cf-button-ai.has-suggestions .p-button-icon::after { left: -0.375rem; right: -0.375rem; top: -0.375rem; bottom: -0.375rem; animation: rotate 4s linear infinite; } .p-button.cf-button-ai.has-suggestions .p-button-label { overflow: hidden; animation: showLabel 6s linear 1; } .p-button.cf-button-ai.has-suggestions .p-button-label > span { display: block; } .cf-layout-light .p-button.cf-button-ai.has-suggestions .p-button-label > span { padding: 1rem 1rem 1rem 3.5rem; } .cf-layout-full .p-button.cf-button-ai.has-suggestions .p-button-label > span { padding: 1rem 3.5rem 1rem 1rem; } @keyframes showLabel { 0%, 15%, 85% { background: transparent; width: 0; height: 0; color: transparent; padding: 0; overflow: hidden; } 30%, 70% { background: #fff; overflow: visible; width: auto; height: auto; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.3); border-radius: 1000px; color: #1E2329; } } @keyframes rotate { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } @keyframes thinking { 0%, 100% { opacity: 0.99; } 50% { opacity: 0.2; } } .is-thinking { animation: thinking 2s ease-in-out infinite; } .cf-ai .bee-handle { width: 2.5rem; height: 2.5rem; border-radius: 50%; position: relative; } .cf-ai .bee-handle .icon-wrapper { background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 3; } .cf-ai .bee-handle .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cf-ai .bee-handle .ai-icon { width: 1.5rem; font-size: 0; line-height: 0; } .cf-ai .bee-handle::after, .cf-ai .bee-handle::before { content: ""; border-radius: 50%; display: block; position: absolute; background-image: linear-gradient( 45deg, #49FFE2, #D974FF, #13A1D6); } .cf-ai .bee-handle::after { z-index: -1; left: -0.375rem; right: -0.375rem; top: -0.375rem; bottom: -0.375rem; animation: rotate 5s linear infinite; } .cf-ai .bee-handle::before { left: -0.625rem; right: -0.625rem; top: -0.625rem; bottom: -0.625rem; z-index: -2; backdrop-filter: blur(30px); filter: blur(24px); opacity: 0.8; animation: rotate 7s linear infinite; animation-direction: reverse; } .cf-ai .bee-handle.is-thinking::before { display: none; } .cf-ai .bee-handle.is-thinking::after { animation: rotate 2s linear infinite; } .cf-ai .wl-space, .cf-ai .p-dialog-cf-ai-wizard .ai-selections__content, .p-dialog-cf-ai-wizard .cf-ai .ai-selections__content, .cf-ai .p-dialog-cf-ai-wizard .chat-messages .chat-message__user, .p-dialog-cf-ai-wizard .chat-messages .cf-ai .chat-message__user, .cf-ai .p-dialog-cf-ai-wizard .chat-messages .chat-message__tool, .p-dialog-cf-ai-wizard .chat-messages .cf-ai .chat-message__tool, .cf-ai .p-dialog-cf-ai-wizard .chat-messages .chat-message__assistant .chat-message__content, .p-dialog-cf-ai-wizard .chat-messages .chat-message__assistant .cf-ai .chat-message__content, .cf-ai .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__wrapper, .p-dialog-cf-ai-wizard .p-dialog .cf-ai .ai-suggestions__wrapper { padding-left: 2.5rem !important; } .cf-ai .wr-space, .cf-ai .p-dialog-cf-ai-wizard .ai-selections__content, .p-dialog-cf-ai-wizard .cf-ai .ai-selections__content, .cf-ai .p-dialog-cf-ai-wizard .chat-messages .chat-message__tool, .p-dialog-cf-ai-wizard .chat-messages .cf-ai .chat-message__tool, .cf-ai .p-dialog-cf-ai-wizard .chat-messages .chat-message__assistant .chat-message__content, .p-dialog-cf-ai-wizard .chat-messages .chat-message__assistant .cf-ai .chat-message__content, .cf-ai .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__wrapper, .p-dialog-cf-ai-wizard .p-dialog .cf-ai .ai-suggestions__wrapper { padding-right: 1rem !important; } .cf-ai::after { z-index: -1; width: 2.875rem; height: 2.875rem; left: -0.1875rem; top: -0.1875rem; animation: rotate 5s linear infinite; } .cf-ai::before { width: 3.75rem; height: 3.75rem; left: -0.5rem; top: -0.625rem; z-index: -2; backdrop-filter: blur(30px); filter: blur(24px); opacity: 0.8; animation: rotate 7s linear infinite; animation-direction: reverse; } .cf-ai.is-thinking::before { display: none; } .cf-ai.is-thinking::after { animation: rotate 2s linear infinite; } .wl-space, .p-dialog-cf-ai-wizard .ai-selections__content, .p-dialog-cf-ai-wizard .chat-messages .chat-message__user, .p-dialog-cf-ai-wizard .chat-messages .chat-message__tool, .p-dialog-cf-ai-wizard .chat-messages .chat-message__assistant .chat-message__content, .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__wrapper { padding-left: 2.5rem !important; } .wr-space, .p-dialog-cf-ai-wizard .ai-selections__content, .p-dialog-cf-ai-wizard .chat-messages .chat-message__tool, .p-dialog-cf-ai-wizard .chat-messages .chat-message__assistant .chat-message__content, .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__wrapper { padding-right: 1rem !important; } .chat-message { word-break: break-word; } .chat-message__user .chat-message__content { font-weight: var(--semiWeight, 600); } .chat-message .ai-chat-input { font-weight: var(--semiWeight, 600); } .ai-chat-input-wrapper { position: sticky; bottom: 0; width: 100%; background: #fff; padding: 0.5rem 0 1rem; z-index: 10; } .ai-chat-input-wrapper .ai-chat-input { width: 100%; background: #F3F4F5; padding: 0.5rem 1.5rem 0.5rem 0.5rem; max-height: 70px; } .ai-chat-input-wrapper .ai-chat-send { display: inline-block; position: absolute; bottom: 0.1rem; right: 0.5rem; } .p-dialog-cf-ai-wizard .p-dialog { min-height: 100px; max-height: calc(100% - 2rem); max-width: calc(100% - 50px); } @media screen and (min-width: 75em) { .p-dialog-cf-ai-wizard .p-dialog { width: 25rem; } } @media screen and (min-width: 90em) { .p-dialog-cf-ai-wizard .p-dialog { width: 28.125rem; } } .p-dialog-cf-ai-wizard .p-dialog .p-dialog-header { position: relative; padding: 0; } .p-dialog-cf-ai-wizard .p-dialog .p-dialog-header .bee-handle { position: absolute; left: -1.25rem; top: 0.0625rem; z-index: 101; } .p-dialog-cf-ai-wizard .p-dialog .p-dialog-header .bee-handle .bee-drag { opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-dialog-cf-ai-wizard .p-dialog .p-dialog-header .bee-handle:hover .ai-icon { visibility: hidden; } .p-dialog-cf-ai-wizard .p-dialog .p-dialog-header .bee-handle:hover .bee-drag { opacity: 0.7; } .p-dialog-cf-ai-wizard .p-dialog .p-dialog-header .p-dialog-header-close { top: -0.25rem; right: -0.25rem; z-index: 102; } .p-dialog-cf-ai-wizard .p-dialog .p-dialog-content { padding-top: 0; padding-left: 0; min-height: 0; overflow: initial; display: flex; border-radius: 4px; } .p-dialog-cf-ai-wizard .p-dialog .p-messages { max-width: 87%; } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message { margin: 0.5rem 0 0; border-radius: 0 10px 10px 0; padding: 0.25rem 0 0.5rem; } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message.p-message-warning { background: rgb(255, 249.5340909091, 218); color: rgb(71.5, 49.9422110553, 0); } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message.p-message-success { background: #AFFFD6; color: rgb(0, 55.3, 29.1692307692); } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message.p-message-danger { background: #FFE6E6; color: rgb(138.3, 0, 0); } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message .p-message-wrapper { padding-left: 2.75rem; padding-top: 0; } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message .p-message-wrapper .p-message-icon { top: 0; left: 0.5rem; } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message .p-message-wrapper .p-message-summary, .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message .p-message-wrapper .p-message-detail { display: block; } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message .p-message-wrapper .p-message-summary { padding-top: 0.25rem; } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message .p-message-wrapper .p-message-detail { padding-top: 0.25rem; } .p-dialog-cf-ai-wizard .p-dialog .p-messages .p-message .p-message-wrapper .p-message-detail ul { margin: 0; padding-left: 0.5rem; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions { background: #F3F4F5; border-radius: 0 0 4px 4px; border-top: 1px solid #C7CDD2; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions .p-accordion .p-accordion-tab { box-shadow: none; border-radius: 0; margin-bottom: 0; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link { padding: 0.5rem 0 !important; background: transparent; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link .p-accordion-header-text { font-size: 0.875rem; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions .p-accordion .p-accordion-content { padding: 0.25rem 0 0; background: transparent; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__list p-button:not(:only-child) .p-button { margin: 0 0.25rem 0.25rem 0; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__list p-button .p-button { padding: 0.25rem 0.5rem; border: 1px solid #C7CDD2; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__list p-button .p-button .p-button-label { font-size: 0.75rem; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__suggestion { background: #fff; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); border-radius: 4px; padding: 1rem; margin-bottom: 1rem; position: relative; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__suggestion h1 { font-size: 1rem; border-bottom: 1px solid #C7CDD2; padding: 0 1rem 0.5rem 0; margin-bottom: 1rem; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__close-button.p-button { position: absolute; right: 0; top: 0; border-radius: 0 0 0 4px; width: auto; padding: 0.25rem 0.5rem; background: rgba(255, 255, 255, 0.75); box-shadow: 0 1px 3px rgba(30, 35, 41, 0.3); color: #485A6A; border: 0; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__close-button.p-button .p-button-icon { font-size: 0.75rem; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__close-button.p-button:hover, .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__close-button.p-button:focus, .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__close-button.p-button:active { background: #485A6A; box-shadow: none; } .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__close-button.p-button:hover .p-button-icon, .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__close-button.p-button:focus .p-button-icon, .p-dialog-cf-ai-wizard .p-dialog .ai-suggestions__close-button.p-button:active .p-button-icon { color: #fff; } .p-dialog-cf-ai-wizard .ai-messages:only-child { border-radius: 0 0 4px 4px; } .p-dialog-cf-ai-wizard .chat-wrapper { border-radius: 4px; } .p-dialog-cf-ai-wizard .chat-messages p { margin: 0; } .p-dialog-cf-ai-wizard .chat-messages .chat-message__date { display: none; } .p-dialog-cf-ai-wizard .chat-actions .p-button.p-button-icon-only { background: #fff; box-shadow: 0 2px 1px rgba(30, 35, 41, 0.3); border: 0; border-radius: 50%; position: relative; width: 2.4rem; height: 2.4rem; padding: 0; } .p-dialog-cf-ai-wizard .chat-actions .p-button.p-button-icon-only:hover { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .p-dialog-cf-ai-wizard .chat-actions .p-button.p-button-icon-only .p-button-icon { line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .p-dialog-cf-ai-wizard .chat-actions .p-button.p-button-icon-only:enabled:hover, .p-dialog-cf-ai-wizard .chat-actions .p-button.p-button-icon-only:enabled:active, .p-dialog-cf-ai-wizard .chat-actions .p-button.p-button-icon-only:enabled:focus { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .p-dialog-cf-ai-wizard .chat-actions .p-button.p-button-icon-only:enabled:hover .p-button-icon, .p-dialog-cf-ai-wizard .chat-actions .p-button.p-button-icon-only:enabled:active .p-button-icon, .p-dialog-cf-ai-wizard .chat-actions .p-button.p-button-icon-only:enabled:focus .p-button-icon { color: #1E2329; } .p-dialog-cf-ai-wizard .ai-selections { border-top: 1px solid #C7CDD2; border-bottom: 1px solid #C7CDD2; } .p-dialog-cf-ai-wizard .ai-selections__content { background: #F3F4F5; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding-top: 0.5rem; padding-bottom: 0.5rem; } .p-dialog-cf-ai-wizard .ai-selections .p-accordion p-accordion-tab .p-accordion-tab { margin-bottom: 0.5rem; } .p-dialog-cf-ai-wizard .ai-selections .p-accordion p-accordion-tab:last-child .p-accordion-tab, .p-dialog-cf-ai-wizard .ai-selections .p-accordion p-accordion-tab:only-child .p-accordion-tab { margin: 0; } .p-dialog-cf-ai-wizard .ai-selections .p-accordion .p-accordion-tab .p-accordion-header-text { display: none; } .p-dialog-cf-ai-wizard .ai-selections .p-accordion .p-accordion-tab .header-text { flex: 1 1 auto; } .cf-layout-light .p-dialog-cf-ai-wizard .ai-selections .p-accordion .p-accordion-tab .header-text { font-size: 0.75rem; } .cf-layout-full .p-dialog-cf-ai-wizard .ai-selections .p-accordion .p-accordion-tab .header-text { font-size: 0.875rem; } .p-dialog-cf-ai-wizard .ai-selections .p-accordion .p-accordion-tab .step-img-wrapper { flex: 0 1 auto; margin-right: 0.5rem; } .p-dialog-cf-ai-wizard .ai-selections .p-accordion .p-accordion-tab .step-img-wrapper .step-img { width: 24px; } .p-dialog-cf-ai-wizard .ai-selections .p-accordion .p-accordion-tab .p-tag { margin-right: 0.5rem; } .p-dialog-cf-ai-wizard .ai-selections .p-accordion .ai-proposal:not(:only-child):not(:last-child) { border-bottom: 1px solid #C7CDD2; } .p-dialog-cf-ai-wizard .ai-selections.accepted .ai-selections__content { background: #CFFFE6; color: #00361D; } .p-dialog-cf-ai-wizard .ai-selections.dismissed .ai-selections__content { background: #FFF2F2; color: #AE0000; } .p-dialog-cf-ai-wizard .ai-selections__choice { margin: 1rem 0; } .p-dialog-cf-ai-wizard .ai-selections__choice h4 { font-size: 1rem; } .p-dialog-cf-ai-wizard .ai-selections .p-tag.wizard-tag { background: #E5DBFF; color: #1B0060; } .p-tag.wizard-tag, .p-tag.table-errors { padding: 0.125rem 0.25rem; white-space: nowrap; } .cf-layout-light .p-tag.wizard-tag, .cf-layout-light .p-tag.table-errors { font-size: 0.875rem; } .cf-layout-full .p-tag.wizard-tag, .cf-layout-full .p-tag.table-errors { font-size: 0.75rem; } .p-tag.wizard-tag.p-tag-danger, .p-tag.table-errors.p-tag-danger { background-color: #FF1E1E; color: #fff; } .p-tag.wizard-tag.p-tag-warning, .p-tag.table-errors.p-tag-warning { background-color: #C78B00; color: #fff; } .p-tag.wizard-tag.p-tag-info, .p-tag.table-errors.p-tag-info { color: #485A6A; } .p-tag.wizard-tag .p-tag-value, .p-tag.table-errors .p-tag-value { line-height: 1; } .p-tag.wizard-tag.beta-label, .p-tag.table-errors.beta-label { background-image: linear-gradient( 90deg, #F2009A, #F20074); color: #fff; border: 2px solid #fff !important; border-radius: 8px; padding: 0.25rem 0.5rem; cursor: default; } .p-tag.wizard-tag.beta-label .p-tag-value, .p-tag.table-errors.beta-label .p-tag-value { color: #fff; font-size: 0.75rem; } @media screen and (max-width: 22.49875em) { .cfv2 .p-dialog { width: 99vw; height: 99vh; max-height: 99% !important; } } .cfv2 .p-dialog .p-dialog-header { position: relative; } .cfv2 .p-dialog .p-dialog-header .p-dialog-header-close { position: absolute; top: -0.8rem; right: -0.8rem; background: #485A6A; color: #fff; z-index: 3; } .cfv2 .p-dialog .p-dialog-header .p-dialog-header-close:enabled:hover { background: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); color: #fff; } .cfv2 .p-dialog .p-dialog-content { color: #1E2329; } .cfv2 .p-dialog .p-dialog-footer { border-top: 1px solid #C7CDD2; } .cfv2 .p-dialog .p-dialog-footer button:last-child { margin: 0; } @media screen and (max-width: 22.49875em) { .cfv2 .p-dialog .p-dialog-header, .cfv2 .p-dialog .p-dialog-footer, .cfv2 .p-dialog .p-dialog-content { padding-left: 1.5rem; padding-right: 1.5rem; } .cfv2 .p-dialog .p-dialog-header .p-dialog-header-close { border-radius: 0; top: 0; right: 0; } } .p-dialog-centered .cfv2 .p-dialog .p-dialog-content, .p-dialog-centered .cfv2 .p-dialog .p-dialog-footer { text-align: center; } .p-no-header .cfv2 .p-dialog .p-dialog-header { border: 0; padding: 0.5rem 0 0; text-align: right; } .cfv2 .p-dialog.p-dialog-m { max-width: 50rem; } @media print, screen and (min-width: 56.25em) { .cfv2 .p-dialog.p-dialog-m { width: 80vw; } } @media print, screen and (min-width: 75em) { .cfv2 .p-dialog.p-dialog-m { width: 70vw; } } @media screen and (min-width: 75em) { .cfv2 .p-dialog.p-dialog-m { width: 50vw; } } .cfv2 .p-dialog .gdpr { color: #1E2329; margin-top: 0.5rem; font-size: 0.75rem; } .cfv2 .p-dialog .gdpr p { margin: 0; font-size: 0.75rem; } .cfv2 .p-dialog .gdpr a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; font-weight: var(--semiWeight, 600); color: #13A1D6; } .cfv2 .p-dialog .gdpr a:hover, .cfv2 .p-dialog .gdpr a:focus, .cfv2 .p-dialog .gdpr a:active { color: hsl(var(--primary-color-h), var(--primary-color-s), calc(var(--primary-color-l) - 10%)); } .cfv2.p-dialog-xs > .p-dialog { max-width: 28.125rem; } .cfv2.p-dialog-s > .p-dialog { max-width: 40.625rem; } .cfv2.p-dialog-m > .p-dialog { max-width: 50rem; } @media print, screen and (min-width: 56.25em) { .cfv2.p-dialog-m > .p-dialog { width: 80vw; } } @media print, screen and (min-width: 75em) { .cfv2.p-dialog-m > .p-dialog { width: 70vw; } } @media screen and (min-width: 75em) { .cfv2.p-dialog-m > .p-dialog { width: 50vw; } } .cfv2 .p-multiselect-panel .p-multiselect-header { border-bottom: 1px solid #DCE1E3; background: #fff; } .cfv2 .p-multiselect-panel .p-multiselect-items .p-multiselect-item { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cfv2 .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { background: #F3F4F5; } .cfv2 .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight:hover { background: #F3F4F5; } .cfv2 .column-toggle .p-multiselect .p-multiselect-panel { min-width: 13.75rem !important; right: 0 !important; left: auto !important; } .p-overlaypanel.config-tooltip { min-width: 13.75rem; max-width: 16.875rem; } .p-overlaypanel.config-tooltip .p-overlaypanel-content { max-height: 48vh; overflow-y: auto; } .p-overlaypanel.cfv2 .p-overlaypanel-close { background: #485A6A; color: #fff; top: -0.25rem; right: -0.5rem; z-index: 10; width: 1.5rem !important; height: 1.5rem !important; } .cfv2.p-overlaypanel.in-sticky-prices { left: auto !important; right: 0 !important; bottom: 100% !important; top: auto !important; } .cfv2.p-overlaypanel.in-sticky-prices:after, .cfv2.p-overlaypanel.in-sticky-prices:before { left: 85%; } .cfv2.p-overlaypanel.p-overlay-translated-up.p-overlaypanel-flipped { transform: translateY(-1.5rem) !important; } .cfv2.p-overlaypanel.h-max-50 .p-overlaypanel-content { max-height: 50vh; overflow-y: auto; } .cfv2.p-overlaypanel .p-overlaypanel-close { background: #485A6A; z-index: 99; top: -0.5rem; right: -0.5rem; } .cfv2.p-overlaypanel .p-overlaypanel-close:hover { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cfv2.p-overlaypanel-s { max-width: 21.875rem; } .cfv2.p-overlaypanel-m { max-width: 40rem; } .cfv2 .p-dropdown.p-dropdown-lang-switch { background: none; border: 0; width: 100%; } @media print, screen and (min-width: 75em) { .cfv2 .p-dropdown.p-dropdown-lang-switch { width: auto; } } .cfv2 .p-dropdown.p-dropdown-lang-switch .p-inputtext { background: transparent; } .cfv2 .p-dropdown.p-dropdown-lang-switch .p-dropdown-trigger { display: none; } .cfv2 .p-dropdown.p-dropdown-lang-switch .p-dropdown-label { padding: 0.25rem 0; color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); font-weight: var(--semiWeight, 600); background: none !important; box-shadow: none !important; } .cfv2 .p-dropdown.p-dropdown-lang-switch:hover .p-dropdown-trigger-icon { color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .cfv2 .p-inputtext { padding: 0.5rem; line-height: 1.5; } .cfv2 .p-inputtext.bg-white { background: #fff !important; } .cfv2 .p-input-icon-left > .p-inputtext { padding-left: 2rem; } .cfv2 .p-dropdown { width: 100%; border-color: #C7CDD2; } .cfv2 .p-dropdown.p-focus { box-shadow: none !important; } .cfv2 .p-dropdown .p-dropdown-clear-icon { color: #485A6A; } .cfv2 .p-dropdown .p-dropdown-label { color: #1E2329; } .cfv2 .p-dropdown .p-dropdown-label.p-placeholder { color: #1E2329; opacity: 0.65; font-style: italic; } .p-field .cfv2 .p-dropdown { width: 100%; } .ng-invalid.ng-touched .cfv2 .p-dropdown { border-color: #FF1E1E; } .cfv2 .p-dropdown-panel { border-radius: 4px; } .cfv2 .p-dropdown-panel .p-dropdown-items .p-dropdown-item { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; color: #1E2329; white-space: normal; word-break: normal; } .cfv2 .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); background: #F3F4F5; } .cfv2 .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { background: #F3F4F5; color: hsl(var(--link-color-h), var(--link-color-s), var(--link-color-l)); } .cfv2 .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight:hover { background: #F3F4F5; } .bg-base, .segment-item-wrapper { background: hsl(var(--b2bBgH, 210), var(--b2bBgS, 17%), var(--b2bBgL, 98%)); } .cfv2:not(.inb2b) .hide-for-exp { display: none; } .cfv2 .content-container { max-width: 100%; } .cfv2 h1, .cfv2 h2, .cfv2 h3, .cfv2 h4, .cfv2 h5, .cfv2 h6 { font-weight: bold; margin: 0; } .cf-layout-light .cfv2 h1 { font-size: 1.5rem; } .cf-layout-light .cfv2 h2 { font-size: 1.125rem; } .cf-layout-light .cfv2 h6 { font-size: 0.875rem; } .cf-layout-full .cfv2 h1 { font-size: 1.125rem; } .cf-layout-full .cfv2 h2 { font-size: 1.125rem; } .cf-layout-full .cfv2 h6 { font-size: 0.875rem; } .config-expimg { z-index: 9947483647; } .config-expimg .p-dialog { max-width: 90vw; max-height: 90vh; } .config-expimg .p-dialog .p-dialog-maximized { max-width: 100vw; max-height: 100vh; } .config-expimg .p-dialog .p-dialog-header { padding: 0 0 0 1rem; display: flex; align-items: flex-start; } .config-expimg .p-dialog .p-dialog-header .p-dialog-header-icons { flex: 0 1 auto; } .config-expimg .p-dialog .p-dialog-header .p-dialog-title { font-size: 0.875rem; flex: 1 1 auto; padding-top: 1rem; } .config-expimg .p-dialog .p-dialog-header .p-dialog-header-close { border-radius: 0; position: relative; top: auto; right: auto; } .config-expimg .p-dialog .p-dialog-content { padding: 0.5rem 1rem 1rem; overflow: hidden; text-align: center; } .config-expimg .p-dialog .p-dialog-content img { max-width: 100%; height: 100%; max-height: 80vh; } .ql-size-small { font-size: 85%; } .ql-size-large { font-size: 120%; } .ql-size-huge { font-size: 140%; } .italic { font-style: italic; } .weight-normal { font-weight: normal; } .weight-semi { font-weight: var(--semiWeight, 600); } .weight-bold { font-weight: bold; } .status-tag { border-radius: 4px; letter-spacing: 0.3px; font-size: 0.875rem; font-weight: var(--semiWeight, 600); padding: 0.08rem 0.25rem; background-color: #F3F4F5; color: #485A6A; border: 1px solid #DCE1E3; } .status-tag.status-added { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .status-tag.status-removed { background-color: #FFE6E6; border-color: #FFE6E6; color: #A20000; } .status-tag.status-deselected { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .status-tag.status-new_value { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .status-tag.status-optional { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .status-tag.status-new_quantity { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .status-tag.status-new_price { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .status-tag.status-optional { text-transform: capitalize; } .cf-layout-light .status-tag.status-optional { font-size: 0.75rem; } .cf-layout-full .status-tag.status-optional { font-size: 0.75rem; } .status-tag.status-optional .p-tag-icon { font-size: 0.75rem; margin-right: 0.1rem; } .cs { } .cf-layout-light .cs:not(.summary) .status-tag.status-optional { margin: 0 0.25rem 0 0; } .cf-layout-full .cs:not(.summary) .status-tag.status-optional { margin: 0; } .cf-config-status { padding: 0.5rem; margin: 0.25rem 0.5rem 0.25rem 0; border-radius: 4px; border: 1px solid transparent; cursor: default; } .cf-config-status .config-icon { padding-right: 0.25rem; } .cf-config-status.error { background: #FFE6E6; border-color: #FFE6E6; color: #AE0000; } .cf-config-status.error .config-icon { color: #FF1E1E; } .cf-config-status.valid { background: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .cf-config-status.valid .config-icon { color: #37D282; } .cf-config-status.running { background: #fff; border-color: #DCE1E3; color: #1E2329; } .cf-config-status.running .config-icon { color: #485A6A; } .cf-config-status.running .status-issues .p-tag { opacity: 0.5; } .cf-config-status .status-details { white-space: nowrap; } .cf-config-status .status-label { font-weight: var(--semiWeight, 600); } .cfv2 .p-datatable.cf-table .p-datatable-tfoot > tr > td.text-right { text-align: right; } .cfv2 .p-datatable.cf-table.cf-price-breakdown th, .cfv2 .p-datatable.cf-table.cf-price-breakdown td { border-color: #C7CDD2 !important; } .cfv2 .p-datatable.cf-table.cf-price-breakdown .p-datatable-tbody > tr > td:first-child { font-weight: var(--semiWeight, 600); border-right: 0; } .cfv2 .p-datatable.cf-table.cf-price-breakdown .p-datatable-tbody > tr > td:nth-child(2) { border-left: 0; } .cfv2 .p-datatable.cf-table.cf-price-breakdown .p-datatable-tbody > tr > td:nth-child(3) { font-weight: bold; } .cfv2 .p-datatable.cf-table.cf-price-breakdown .p-datatable-tbody > tr:last-child > td, .cfv2 .p-datatable.cf-table.cf-price-breakdown .p-datatable-tbody > tr:last-child > td:last-child { border-bottom: 1px solid #C7CDD2; } .cfv2 .p-datatable.cf-table.cf-price-breakdown .p-datatable-tfoot > tr > td { font-weight: bold; border: 1px solid #C7CDD2; } .cfv2 .p-datatable.cf-table.cf-price-breakdown .p-datatable-tfoot > tr > td:first-child { border-right: 0; } .cfv2 .p-datatable.cf-table.cf-price-breakdown .p-datatable-tfoot > tr > td:nth-child(2) { border-left: 0; } @media screen and (min-width: 64em) { .node-wrapper, .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.layout-row, .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node:not(.display-inpanel) .formnode-container, .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .read-only-cs-item { background: #fff; border-radius: 4px; margin-bottom: 0.75rem; padding: 1rem 1rem; box-shadow: 0 calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(-1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), 0 0 calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07), 0 calc(3px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) 0 rgba(30, 35, 41, 0.15); } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .config-body:not(.no-v-steps) .p-accordion.cf-accrodion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-header:not(.p-disabled) .p-accordion-header-link { box-shadow: 0 calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(-1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), 0 0 calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07), 0 calc(3px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) 0 rgba(30, 35, 41, 0.15); } .cf-steps-nobg.cf-layout-full .config-body:not(.no-v-steps) .p-accordion.cf-accrodion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-tab { box-shadow: none; border: 0; } .cf-steps-nobg.cf-layout-full .config-body:not(.no-v-steps) .p-accordion.cf-accrodion .eb-bom-step-content { display: block; background: #fff; border-radius: 4px; padding: 1rem; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .config-body:not(.no-v-steps) .bom-step-accordion .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-header:not(.p-disabled) .p-accordion-header-link { box-shadow: none; } .cf-steps-nobg.cf-layout-full .config-body:not(.no-v-steps) .bom-step-accordion .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-tab { box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); border-radius: 4px; } } .cf-steps-nobg.cf-layout-full .config-body:not(.no-v-steps) .bom-step-accordion .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-content { } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .config-body:not(.no-v-steps) .bom-step-accordion .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-content { background: #fff; padding-top: 1px; padding-bottom: 1rem; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .config-body:not(.no-v-steps) .bom-step-accordion .eb-bom-step-content { display: initial; background: none; border-radius: initial; padding: initial; box-shadow: none; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .config-body:not(.no-v-steps) .config-settings .config-wrapper .p-accordion.config-steps p-accordiontab .p-accordion-tab.p-accordion-tab-active .p-accordion-content { padding-top: 0.75rem; padding-bottom: 0; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .read-only-cs-item { padding: 0.5rem 1rem; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .layout-row .read-only-cs-item { padding: 0; margin: 0; background: none; box-shadow: none; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .node-group-wrapper .read-only-cs-item { padding: 0; background: none; box-shadow: none; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node:not(.display-inpanel) .fileupload-container { margin-bottom: 0; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node:not(.display-inpanel).dynamic-table-wrapper .formnode-container { padding: 0; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.display-inpanel .group .read-only-cs-item { margin-bottom: 0.25rem; box-shadow: none; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.layout-row { margin-left: 0; margin-right: 0; margin-bottom: 0.75rem; padding-top: 1rem; padding-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.layout-row .cf-node .formnode-container { margin: 0; box-shadow: none; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.node-group-wrapper.is-framed .cf-node .formnode-container, .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.node-group-wrapper.display-standard .cf-node .formnode-container, .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.layout-row .cf-node .formnode-container { padding: 0; box-shadow: none; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.node-group-wrapper.is-framed .group-container, .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.node-group-wrapper.display-standard .group-container { background: #fff !important; border-radius: 4px; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.node-group-wrapper.is-framed:not(.display-inpanel), .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.node-group-wrapper.display-standard:not(.display-inpanel) { box-shadow: 0 calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(-1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), 0 0 calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07), 0 calc(3px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) 0 rgba(30, 35, 41, 0.15); } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.section-title.cf-level-1-node { padding: 0; margin: 0; border: 0; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.selection-buttons:not(.is-in-group) .split-selector.show-image-only { padding: 0; border: 0; box-shadow: none; background: none; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.node-group-wrapper .layout-row { margin: 0 -0.5rem; padding: 0; box-shadow: none; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.node-group-wrapper .split-selector.show-image-only { padding: 1rem; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node.group-panel .layout-row { margin: 0 -0.5rem; padding: 0; box-shadow: none; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs:not(.summary) .cf-node .section-title { max-width: 41.5rem; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .cs.group-panel:not(.summary) .cf-node.layout-row { padding: 0 !important; margin: 0 -0.5rem; } .cf-steps-nobg.cf-layout-full .has-v-steps .cs.group-panel:not(.summary) .cf-node .formnode-container { padding: 0 !important; box-shadow: none !important; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .v-steps-container { padding-left: 1rem; } .cf-steps-nobg.cf-layout-full .has-v-steps .v-steps-container .v-steps-wrapper { padding: 0.375rem 0 0.75rem 0; background: initial; box-shadow: initial; } .cf-steps-nobg.cf-layout-full .has-v-steps .v-steps-container .v-step { background: #fff; border-radius: 4px; box-shadow: 0 calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(-1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), 0 0 calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07), 0 calc(3px * var(--b2bConfigShadow, 0)) calc(4px * var(--b2bConfigShadow, 0)) 0 rgba(30, 35, 41, 0.15); border: 0; margin: 0.375rem 0; } .cf-steps-nobg.cf-layout-full .has-v-steps .v-steps-container .v-step::after { display: none; } .cf-steps-nobg.cf-layout-full .has-v-steps .v-steps-container .v-step.is-open { background: transparent; box-shadow: inset calc(1px * var(--b2bConfigShadow, 0)) calc(1px * var(--b2bConfigShadow, 0)) calc(2px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.09), inset calc(2px * var(--b2bConfigShadow, 0)) calc(5px * var(--b2bConfigShadow, 0)) calc(8px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.1), inset calc(7px * var(--b2bConfigShadow, 0)) calc(7px * var(--b2bConfigShadow, 0)) calc(10px * var(--b2bConfigShadow, 0)) rgba(30, 35, 41, 0.07); } .cf-steps-nobg.cf-layout-full .has-v-steps .v-steps-container .v-step.is-open .p-button-step .p-button-label { color: #1E2329; } .cf-steps-nobg.cf-layout-full .has-v-steps .v-steps-container .v-step.p-step-error:not(.is-open) { background: rgba(255, 230, 230, 0.5); } .cf-steps-nobg.cf-layout-full .has-v-steps .v-steps-container .v-step.p-step-error .p-button-step > .p-button-icon img { display: none; } .cf-steps-nobg.cf-layout-full .has-v-steps .v-steps-container .v-step.p-step-error .p-button-step > .p-button-icon:before { font-family: "FontAwesome"; text-rendering: auto; content: "\f00d"; font-size: 14px; color: #FF1E1E; background-color: rgba(255, 30, 30, 0.2); height: 1.3125rem; width: 1.3125rem; line-height: 1.3125rem; box-sizing: border-box; border-radius: 1000px; text-align: center; display: block; margin: auto auto 0.125rem; } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .config-column .config-column-sizing { height: initial; } } .cf-steps-nobg.cf-layout-full .has-v-steps .config-total-bar { display: none; } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .config-total-bar .bar-content { background: transparent; box-shadow: none !important; padding: 0.75rem; } .cf-steps-nobg.cf-layout-full .has-v-steps .config-total-bar .bar-content .bar-toggle-summary-wrapper { text-align: left; } .cf-steps-nobg.cf-layout-full .has-v-steps .config-total-bar .bar-content .bar-toggle-summary-wrapper .p-button { background: #E7EBEC; border: #E7EBEC; color: #1E2329; padding: 0.5rem 1rem; } .cf-steps-nobg.cf-layout-full .has-v-steps .config-total-bar .bar-content .bar-toggle-summary-wrapper .p-button:enabled:hover, .cf-steps-nobg.cf-layout-full .has-v-steps .config-total-bar .bar-content .bar-toggle-summary-wrapper .p-button:enabled:active { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); color: #1E2329; border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } } @media screen and (min-width: 64em) { .cf-steps-nobg.cf-layout-full .has-v-steps .cf-p-button-next { width: 100%; max-width: 41.5rem; background: hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 8%)); text-align: left; } .cf-steps-nobg.cf-layout-full .has-v-steps .cf-p-button-next:enabled:hover, .cf-steps-nobg.cf-layout-full .has-v-steps .cf-p-button-next:enabled:active, .cf-steps-nobg.cf-layout-full .has-v-steps .cf-p-button-next:enabled:focus { background: hsla(var(--b2bBgH, 210), var(--b2bBgS, 17%), calc(var(--b2bBgL, 98%) - 15%)); } .cf-steps-nobg.cf-layout-full .has-v-steps .cf-p-button-next .p-button-icon { display: block; opacity: 1; color: #1E2329; } .cf-steps-nobg.cf-layout-full .has-v-steps .cf-p-button-next .p-button-label { font-size: 1rem; } } .cf-layout-full { } .cf-layout-full .content-container { height: 100%; align-items: flex-start; } .cf-layout-full .config-settings { min-height: initial; } .cf-layout-full .config-settings .config-wrapper { overflow: initial; height: initial; } .cf-layout-full .cs:not(.summary).summary-is-open { order: 2; } .cf-layout-full .cs:not(.summary) .p-field-checkbox.has-error .p-checkbox .p-checkbox-box { border-color: #FF1E1E; } .cf-layout-full .cs:not(.summary) .p-field-checkbox.has-error .p-checkbox .p-checkbox-box.p-highlight { background: #FF1E1E; } .cf-layout-full .content-spacing.is-covered .p-splitter.cfb2bv2-vertical-splitter .p-splitter-panel .close-splitter { display: none; } .cf-layout-full .cf-header { position: initial; } .cf-layout-full .cf-header .progress-container { display: none; } .cf-layout-full .lang-bar { display: none; } p-blockui:first-child + eb-hive-configurator-blockable .subcf-instep-step-name { margin-top: 0 !important; } :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f8f9fa; --surface-c: #e9ecef; --surface-d: #dee2e6; --surface-e: #ffffff; --surface-f: #ffffff; --text-color: #495057; --text-color-secondary: #6c757d; --primary-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); --primary-color-text: #fff; --surface-0: #ffffff; --surface-50: #fafafa; --surface-100: #f5f5f5; --surface-200: #eeeeee; --surface-300: #e0e0e0; --surface-400: #bdbdbd; --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #eeeeee; --gray-300: #e0e0e0; --gray-400: #bdbdbd; --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding: 1rem; --inline-spacing: 0.5rem; --border-radius: var(--global-radius); --surface-ground: #f8f9fa; --surface-section: #ffffff; --surface-card: #ffffff; --surface-overlay: #ffffff; --surface-border: #dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #E3F2FD; --highlight-text-color: #495057; --focus-ring: none; color-scheme: light; } :root { font-family: var(--fontFamily, "Open Sans"), sans-serif; --font-family: $fontFamily; } .cfv2.inb2b .product .item-name { font-size: 1rem; } .cfv2.inb2b .bg-base { height: 100%; } .cfv2.inb2b .config-total-bar .bar-content { box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); } .cfv2.inb2b .config-top-bar { position: relative; padding: 0; background: none; z-index: initial; } .cfv2.inb2b .pulsating-element { animation: pulsate-inb2b 3s infinite ease-in-out; } @keyframes pulsate-inb2b { 0%, 100% { opacity: 0.1; } 40%, 60% { opacity: 0.99; } } .cfv2.inb2b .p-inline-message.p-inline-message-error { color: rgb(126.3, 0, 0); background: #FFD9DD; } .cfv2.inb2b .p-inline-message.p-inline-message-warning { color: rgb(71.5, 49.9422110553, 0); background: #FFF2A7; } .cfv2.inb2b .p-inline-message.p-inline-message-success { color: rgb(0, 55.3, 29.1692307692); background: #AFFFD6; } .cfv2.inb2b .summary .step.p-step-error .step-header h6::before { color: #FF1E1E; } .tp-title { font-size: 0.875rem; font-weight: bold; } .cfv2.inb2b header, .cfv2.inb2b header .logo, .cfv2.inb2b .lang-bar, .cfv2.inb2b .qtpr-section, .cfv2.inb2b .bar-share-wrapper { display: none; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f8f9fa; --surface-c: #e9ecef; --surface-d: #dee2e6; --surface-e: #ffffff; --surface-f: #ffffff; --text-color: #495057; --text-color-secondary: #6c757d; --primary-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); --primary-color-text: #fff; --surface-0: #ffffff; --surface-50: #fafafa; --surface-100: #f5f5f5; --surface-200: #eeeeee; --surface-300: #e0e0e0; --surface-400: #bdbdbd; --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #eeeeee; --gray-300: #e0e0e0; --gray-400: #bdbdbd; --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding: 1rem; --inline-spacing: 0.5rem; --border-radius: 4px; --surface-ground: #f8f9fa; --surface-section: #ffffff; --surface-card: #ffffff; --surface-overlay: #ffffff; --surface-border: #dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #E3F2FD; --highlight-text-color: #495057; --focus-ring: none; color-scheme: light; } :root { font-family: var(--fontFamily, "Open Sans"), sans-serif; --font-family: $fontFamily; } .p-component, .p-inputtext, .p-link { font-size: inherit; } .p-paginator .p-paginator-current { margin-left: auto; } .quick-add__paginator .p-paginator { margin: 0; padding: 0; } .quick-add__paginator .p-paginator .p-paginator-right-content { display: none; } .quick-add__paginator .p-paginator .p-paginator-pages .p-paginator-page, .quick-add__paginator .p-paginator .p-paginator-element { min-width: 1.8rem; height: 2rem; } a:focus, button:focus { outline: none; outline-offset: 0; box-shadow: none; } .task-running .p-splitbutton-defaultbutton { position: relative; } .task-running.p-button { position: relative; } .pi.fa { font-family: "FontAwesome"; } .p-accordion .p-accordion-header .p-accordion-header-link { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; text-decoration: none; } .p-accordion .p-accordion-content { color: #1E2329; } .p-accordion:not(.pluginhub) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-tab { margin-bottom: 0.5rem; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); border-radius: 4px; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-header { border-radius: 4px 4px 0 0; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-header .p-accordion-header-link { padding-right: 1.5rem; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { position: absolute; margin-right: 0; position: absolute; top: 50%; transform: translateY(-50%); color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); right: 0.5rem; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-header:not(.p-disabled) .p-accordion-header-link { background: #fff; font-weight: bold; color: #1E2329; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-content { border-radius: 0 0 4px 4px; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).fieldset-accordion { border: 0; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).fieldset-accordion .p-accordion-tab { box-shadow: none; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).fieldset-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { font-size: 1rem; border: 1px solid #C7CDD2; border-radius: 4px; background: #F3F4F5; padding: 0.5rem 1rem; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).fieldset-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-header .p-accordion-header-link { border-radius: 4px 4px 0 0; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).fieldset-accordion .p-accordion-tab .p-accordion-content { border-radius: 0 0 4px 4px; border-color: #C7CDD2; } .p-accordion.p-accordion-item-list { border: 0; } .p-accordion.p-accordion-item-list .p-accordion-tab .p-accordion-header .p-accordion-header-link { border: 1px solid #DCE1E3 !important; border-radius: 4px !important; color: #1E2329; } .p-accordion.p-accordion-item-list .p-accordion-tab.p-accordion-tab-active .p-accordion-header .p-accordion-header-link { border-radius: 4px 4px 0 0 !important; } .p-accordion.p-accordion-item-list .p-accordion-tab .p-accordion-content { padding: 0; border-radius: 0 0 4px 4px; } .p-accordion.pluginhub .p-accordion-header-text { text-transform: capitalize; } .accept-publish .p-accordion .p-accordion-tab { margin-bottom: 0.5rem; } .accept-publish .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link { padding-top: 0.5rem; padding-bottom: 0.5rem; } .ps-filters .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-tab { margin-bottom: 1rem; } .ps-filters .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-header-link { border: 0; padding-bottom: 0.75rem; } .ps-filters .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-header-link .p-accordion-header-text { word-break: break-word; } .ps-filters .p-accordion:not(.pluginhub):not(.p-accordion-item-list) .p-accordion-content { padding-top: 0; padding-bottom: 0.5rem; border: 0; } .p-autocomplete .p-autocomplete-input { border-right: 0; } .p-autocomplete .p-autocomplete-dropdown { background: #E7EBEC; color: #485A6A; border-left-color: #C7CDD2 !important; border-color: #C7CDD2; } .p-autocomplete .p-autocomplete-dropdown:hover { background: #DCE1E3; border-color: #C7CDD2; color: #485A6A; } .p-autocomplete .p-autocomplete-dropdown .p-button-icon { font-size: 0.875rem !important; } .p-inputwrapper-focus .p-autocomplete .p-autocomplete-input, .p-inputwrapper-focus .p-autocomplete .p-autocomplete-dropdown { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-autocomplete .p-autocomplete-panel { margin: 0.25rem 0; } .p-autocomplete .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { background: rgba(231, 235, 236, 0.5); } .p-badge { font-weight: var(--semiWeight, 600); } .p-badge.p-badge-number { padding: 0.25rem; height: auto; min-width: 22px; text-align: center; } .cart-empty .p-badge { background-color: #C7CDD2; color: #1E2329; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.25rem; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator .p-icon { width: 0.5rem; height: 0.5rem; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { font-weight: var(--semiWeight, 600); text-decoration: none; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-link { color: #1E2329; } header .nowrap .p-menu, header .nowrap p-tieredmenu { white-space: normal; } header .p-button.p-button-icon-only:not(.p-splitbutton-menubutton):not(.p-button-rounded):not(.p-button-notification):not(.p-button-secondary) { width: auto; padding: 0.6rem 0.5rem; } header .p-button.p-button-icon-only:not(.p-splitbutton-menubutton):not(.p-button-rounded):not(.p-button-notification):not(.p-button-secondary) .p-button-icon:before { font-size: 1.25rem; } header .p-button.p-button-exp-clps { border-radius: 10rem; width: 2rem; height: 2rem; padding: 0.2rem; background: #fff; border: 0; box-shadow: 0 0 0 1px rgba(72, 90, 106, 0.2), 0 3px 3px rgba(72, 90, 106, 0.25); text-align: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } header .p-button.p-button-exp-clps img { margin: auto; } header .p-button.p-button-exp-clps i { opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); color: #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } header .p-button.p-button-exp-clps i.fa-chevron-left { right: 0; } header .p-button.p-button-exp-clps i.fa-chevron-right { left: 0; } header .p-button.p-button-exp-clps:hover { background: #485A6A; box-shadow: none; } header .p-button.p-button-exp-clps:hover img { visibility: hidden; } header .p-button.p-button-exp-clps:hover i { opacity: 0.99; } header .p-button.p-button-exp-clps:hover i.fa-chevron-left { right: 45%; } header .p-button.p-button-exp-clps:hover i.fa-chevron-right { left: 45%; } header .p-button-notification-wrapper { width: 2.2rem; height: 2.2rem; margin-right: 0.5rem; text-align: center; position: relative; } header .p-button-notification-wrapper .p-button.p-button-notification { border-radius: 10rem; width: 2.2rem; height: 2.2rem; padding: 0; text-align: center; overflow: visible; position: relative; animation: pulsating-icon 2s infinite ease-in-out both; } @keyframes pulsating-icon { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.5); } } header .p-button-notification-wrapper .p-button.p-button-notification .p-button-icon { opacity: 1; overflow: visible; width: 1.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } header .p-button-notification-wrapper .p-button.p-button-notification .p-button-icon img { max-width: initial; width: 100%; height: 100%; } p-togglebutton .p-togglebutton.p-button-text { border: 0 !important; } p-togglebutton .p-togglebutton.p-button-text:hover { background: none !important; border: 0 !important; } p-togglebutton .p-togglebutton.p-button-text.p-button-danger .p-button-icon { color: #F55858; margin-right: 0.25rem; } p-togglebutton .p-togglebutton.p-button-text.p-button-danger:hover { color: rgb(240.6779661017, 15.8220338983, 15.8220338983) !important; } p-togglebutton .p-togglebutton.p-button-text.p-button-danger:hover .p-button-icon { color: rgb(240.6779661017, 15.8220338983, 15.8220338983) !important; } .cf-tool-status-wrapper { flex-wrap: wrap; } .cf-toolbar { margin-right: 0.25rem; font-size: 0; padding: 0.25rem; border-radius: 4px; white-space: nowrap; } .cf-toolbar .button-wrapper { display: inline-block; font-size: 0.875rem; } .cf-toolbar .button-wrapper:not(:first-child):not(:last-child) { margin: 0 0.25rem; } .cf-toolbar .button-wrapper:first-child { margin: 0 0.25rem 0 0; } .cf-toolbar .button-wrapper:last-child { margin: 0 0 0 0.25rem; } .cf-toolbar .button-wrapper.wizard-button { padding-left: 0.5rem; position: relative; } .cf-toolbar .button-wrapper.wizard-button:before { content: ""; display: block; position: absolute; height: 100%; width: 0; top: 0; left: 0; } .cf-toolbar .p-button.toggle-view { width: 2rem; height: 2rem; border: 0; } .cf-toolbar .p-button.toggle-view .p-button-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1.5rem; } .cf-toolbar .p-button.toggle-view:not(.is-visible) { background: none; } .cf-toolbar .p-button.toggle-view:not(.is-visible) .p-button-icon { opacity: 0.7; } .cf-toolbar .p-button.toggle-view:not(.is-visible):hover .p-button-icon { opacity: 1; } .cf-toolbar .p-button.toggle-view.is-visible .p-button-icon { opacity: 1; } .p-button.toggle-view.is-visible { background: #fff; box-shadow: 0 2px 1px rgba(30, 35, 41, 0.3); border: 0; } .p-button.toggle-view.is-visible:hover { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .p-card { color: #1E2329; } .p-card.pad-0 .p-card-body, .p-card.pad-2 .p-card-body { padding: 0; } .p-card.pad-t-2 .p-card-body { padding-top: 0; } .cfv2 .p-card .editing__unlocked { width: 100%; } .regular-date, .p-datepicker table td:not(.p-datepicker-weeknumber):not(.p-datepicker-today) > span:not(.p-highlight) { background-color: rgba(231, 235, 236, 0.8); } .highlight-date, .p-datepicker table td:not(.p-datepicker-weeknumber) > span.p-highlight { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; } .p-calendar.p-calendar-w-btn .p-inputtext { order: 2; border-radius: 0 4px 4px 0; border-left: 0; padding-left: 0; } .p-calendar.p-calendar-w-btn .p-inputtext:focus + .p-datepicker-trigger, .p-calendar.p-calendar-w-btn .p-inputtext:active + .p-datepicker-trigger { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-calendar.p-calendar-w-btn .p-datepicker-trigger { order: 1; background: #fff; color: rgba(72, 90, 106, 0.6); border: 1px solid #C7CDD2; border-right: 0; border-radius: 4px 0 0 4px; } .p-calendar.p-calendar-w-btn:hover .p-inputtext, .p-calendar.p-calendar-w-btn:hover .p-datepicker-trigger { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-datepicker:not(.p-datepicker-inline) { margin-left: -2.25rem; } .p-datepicker .p-datepicker-header { padding-top: 0; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { border: 0; background: #fff; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); font-weight: var(--semiWeight, 600); margin: 0; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year { margin-left: 0.5rem; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-datepicker .p-monthpicker .p-monthpicker-month, .p-datepicker .p-yearpicker .p-yearpicker-year { color: #1E2329; padding: 0.25rem 0; margin: 0 0 0.25rem; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight, .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; box-shadow: none !important; } .p-datepicker table { margin-top: 0; } .p-datepicker table th { text-align: center; } .p-datepicker table th.p-datepicker-weekheader { opacity: 1; font-weight: normal; } .p-datepicker table td > span:not(.p-disabled) { font-weight: var(--semiWeight, 600); } .p-datepicker table td:not(.p-datepicker-weeknumber):not(.p-datepicker-today) > span:not(.p-highlight) { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-datepicker table td:not(.p-datepicker-weeknumber):not(.p-datepicker-today) > span:not(.p-highlight):hover { background-color: #DCE1E3; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-datepicker table td:not(.p-datepicker-weeknumber):not(.p-datepicker-today) > span.p-disabled { opacity: 0.4; } .p-datepicker table td.p-datepicker-weeknumber > span { opacity: 1; font-weight: normal; } .p-carousel .p-carousel-indicators { padding: 0.25rem 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-bottom: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { width: 0.5rem; height: 0.5rem; border-radius: 100px; } p-tristatecheckbox { display: inline-flex; } .p-checkbox-label { margin-bottom: 0; } .p-checkbox .p-checkbox-box { background-color: #F3F4F5; } .p-checkbox.bg-white:not(.p-checkbox-checked) .p-checkbox-box:not(.p-highlight) { background-color: #fff; } .p-checkbox.p-checkbox-checked .p-checkbox-box.p-highlight.p-focus { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-checkbox.p-checkbox-checked .p-checkbox-box.p-highlight.p-focus:hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .p-checkbox.p-toggle-check { flex: 0 1 auto; } .p-checkbox.p-toggle-check .p-checkbox-box { cursor: pointer; border: 0; background: transparent; width: auto; height: auto; } .p-checkbox.p-toggle-check .p-checkbox-box.p-highlight, .p-checkbox.p-toggle-check .p-checkbox-box.p-highlight:hover, .p-checkbox.p-toggle-check .p-checkbox-box:hover { border: 0 !important; background: transparent !important; } .p-checkbox.p-toggle-check .p-checkbox-box .p-checkbox-icon { display: block; position: relative; width: 1.5rem; height: 1.5rem; border: 1px solid #C7CDD2; border-radius: 4px; font-size: 0.875rem; line-height: 1; } .p-checkbox.p-toggle-check .p-checkbox-box .p-checkbox-icon:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .p-checkbox.p-toggle-check .p-checkbox-box .p-checkbox-icon:hover { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-checkbox.p-toggle-check:not(.p-checkbox-checked) .p-checkbox-box .p-checkbox-icon:before { content: "\e90b"; font-family: "primeicons"; font-size: 0.875rem; color: rgba(72, 90, 106, 0.7); text-rendering: auto; } .p-checkbox.p-toggle-check.p-checkbox-checked .p-checkbox-box .p-checkbox-icon.fa-check { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; } .p-checkbox.p-toggle-check + .p-checkbox-label { flex: 1 1 auto; align-self: center; margin-bottom: 0; font-weight: var(--semiWeight, 600); line-height: 1.5; cursor: pointer; } .p-field-checkbox, .p-field-radiobutton { display: flex; align-items: center; margin-bottom: 1rem; } .p-field-checkbox label, .p-field-radiobutton label { padding-left: 0.5rem; margin: 0; cursor: pointer; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-field-checkbox:hover:not(.p-checkbox-disabled) .p-checkbox .p-checkbox-box, .p-field-radiobutton:hover:not(.p-checkbox-disabled) .p-checkbox .p-checkbox-box { box-shadow: 0 0 1px hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-field-checkbox.p-checkbox-disabled, .p-field-radiobutton.p-checkbox-disabled { cursor: not-allowed; } .p-field-checkbox.p-field-success-checkbox .p-checkbox .p-checkbox-box.p-highlight, .p-field-radiobutton.p-field-success-checkbox .p-checkbox .p-checkbox-box.p-highlight { background: #48FC9F; border-color: #37D282; } .p-field-checkbox.p-field-success-checkbox .p-checkbox .p-checkbox-box .p-checkbox-icon, .p-field-radiobutton.p-field-success-checkbox .p-checkbox .p-checkbox-box .p-checkbox-icon { color: #005B30; } .p-field-checkbox.p-field-success-checkbox label, .p-field-radiobutton.p-field-success-checkbox label { font-weight: bold; } .p-radiobutton.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-radiobutton.p-radiobutton-disabled { cursor: not-allowed; } .prj-stats p-chart > div { min-height: 220px; } .p-chip-token-class, .p-multiselect.p-multiselect-chip .p-multiselect-label-container .p-multiselect-token, .p-chips .p-chips-multiple-container .p-chips-token { background: #F3F4F5; border-radius: 1000px; margin: 0.15rem; color: #1E2329; } .p-chips-token-label-class, .p-multiselect.p-multiselect-chip .p-multiselect-label-container .p-multiselect-label { padding: 0.5rem 0 0.5rem 0.5rem; } .p-chips-token-icon-class, .p-multiselect.p-multiselect-chip .p-multiselect-label-container .p-multiselect-token .p-multiselect-token-icon, .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { border-radius: 100%; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-chips .p-chips-multiple-container input { border: 0 !important; } .p-chips.w-100 .p-chips-multiple-container { width: 100%; } .p-chip { line-height: 1.2; padding: 0.2rem 0.5rem; border: 1px solid #DCE1E3; font-weight: var(--semiWeight, 600); } .p-chip .p-chip-text { margin: 0; } .p-chip.removable-rounded-chip { background: rgba(220, 225, 227, 0.5); border-radius: 1000px; padding-right: 0.125rem; } .p-chip.removable-rounded-chip .pi-chip-remove-icon { background: rgba(72, 90, 106, 0.15); border-radius: 1000px; padding: 0.25rem; width: 1.5rem; height: 1.5rem; position: relative; } .p-chip.removable-rounded-chip .pi-chip-remove-icon:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; font-size: 0.75rem; } .p-chip.removable-rounded-chip.nodes-selector { padding: 0 0.25rem; margin: 0.125rem; } .p-chip.removable-rounded-chip.nodes-selector .p-chip-text { font-size: 0.75rem; } .p-chip.bg-white { background: #fff; } @media screen and (max-width: 39.99875em) { .p-dialog { width: 99vw; height: 99vh; max-height: 99% !important; } } .p-dialog .p-dialog-header { border-bottom: 1px solid #DCE1E3; position: relative; } .p-dialog .p-dialog-header .p-dialog-header-close { position: absolute; top: -0.25rem; right: -0.25rem; background: #485A6A; color: #fff; width: 1.7rem; height: 1.7rem; z-index: 99999; } .p-dialog .p-dialog-header .p-dialog-header-close .p-icon { width: 0.9rem; height: 0.9rem; } .p-dialog .p-dialog-header .p-dialog-header-close:enabled:hover { background: #F55858; color: #fff; } .break-header .p-dialog .p-dialog-header { word-break: break-word; } .p-dialog .p-dialog-content { color: #1E2329; } .p-dialog .p-dialog-footer button:last-child { margin: 0; } .p-dialog .p-dialog-footer .dialog-actions { padding-top: 0.5rem; border-top: 1px solid #C7CDD2; vertical-align: center; } .p-dialog .p-resizable-handle:before { content: "\e91d"; font-family: "primeicons"; font-size: 1rem; color: rgba(72, 90, 106, 0.7); text-rendering: auto; position: absolute; right: 0; bottom: -3px; transform: rotate(-45deg); } .p-dialog .p-resizable-handle:after { content: ""; position: absolute; right: -1px; bottom: -1px; border: 5px solid #fff; width: 1.7rem; height: 1.7rem; } .p-dialog-centered .p-dialog .p-dialog-content, .p-dialog-centered .p-dialog .p-dialog-footer { text-align: center; } .p-dialog-xs .p-dialog { max-width: 28.125rem; } @media print, screen and (min-width: 40em) { .p-dialog-xs .p-dialog { width: 28.125rem; } } .p-dialog-s .p-dialog { max-width: 40.625rem; } @media print, screen and (min-width: 56.25em) { .p-dialog-s .p-dialog { width: 40.625rem; } } .p-dialog-m .p-dialog { max-width: 50rem; } @media print, screen and (min-width: 40em) { .p-dialog-m .p-dialog { width: 80vw; } } @media print, screen and (min-width: 56.25em) { .p-dialog-m .p-dialog { width: 70vw; } } @media print, screen and (min-width: 75em) { .p-dialog-m .p-dialog { width: 50vw; } } .p-dialog-lg .p-dialog { max-width: 75rem; } @media print, screen and (min-width: 40em) { .p-dialog-lg .p-dialog { width: 90vw; } } @media print, screen and (min-width: 56.25em) { .p-dialog-lg .p-dialog { width: 85vw; } } @media print, screen and (min-width: 75em) { .p-dialog-lg .p-dialog { width: 70vw; } } .p-dialog-full .p-dialog { width: 100vw; height: 100vh; min-height: 200px; max-height: initial; max-width: initial; } @media print, screen and (min-width: 40em) { .p-dialog-full .p-dialog { width: 95vw; height: 95vh; } } @media screen and (min-width: 90em) { .p-dialog-full .p-dialog { width: 90vw; height: 95vh; } } .padding-xs .p-dialog .p-dialog-header { padding: 0.5rem 0.5rem; } .padding-xs .p-dialog .p-dialog-content { padding: 0.5rem; } .padding-xs .p-dialog .p-dialog-footer { padding: 0 0.5rem 0.5rem; } .has-monaco-editor .p-dialog { width: 80vw; min-height: 50vh; max-height: 100%; } @media screen and (max-width: 74.99875em) { .has-monaco-editor .p-dialog { width: 100vw; height: 100vh; } } @media screen and (max-width: 56.24875em) { .has-monaco-editor .p-dialog { min-width: 90vw; } } @media print, screen and (min-width: 56.25em) { .has-monaco-editor .p-dialog { min-width: 450px; min-height: 40vh; } } .has-monaco-editor .p-dialog .p-dialog-header-close { top: 0; right: 0; border-radius: 0; } .has-monaco-editor .p-dialog .p-dialog-header-icons { padding-right: 1.5rem; } .has-monaco-editor .p-dialog .p-dialog-content { flex-grow: 1; padding-bottom: 0; overflow: hidden; } .has-monaco-editor .p-dialog.p-dialog-maximized { height: 100vh !important; } .p-dialog-content__pad-0 .p-dialog .p-dialog-content { padding: 0; } .ctx-settings-dialog .p-dialog { margin-right: 1.5rem !important; max-height: 100%; box-shadow: none; } @media print, screen and (min-width: 56.25em) { .ctx-settings-dialog .p-dialog { min-width: 400px; } } .ctx-settings-dialog .p-dialog:after { content: ""; display: block; position: absolute; top: 40px; bottom: 0; left: 0; right: 0; border-radius: 4px; box-shadow: 0px 11px 15px -7px rgba(30, 35, 41, 0.2), 0px 24px 38px 3px rgba(30, 35, 41, 0.14), 0px 9px 46px 8px rgba(30, 35, 41, 0.12); } .ctx-settings-dialog .p-dialog .p-dialog-header-close { bottom: -1.5rem; top: auto; z-index: 3; } .ctx-settings-dialog .p-dialog .p-dialog-header { border: 0; padding: 0; background: transparent; z-index: 2; } .ctx-settings-dialog .p-dialog .p-dialog-content { padding: 0; position: relative; z-index: 1; min-height: 200px; } .ctx-settings-dialog .p-dialog .p-dialog-footer { z-index: 3; padding: 0 1rem 1rem; } .p-no-header .p-dialog .p-dialog-header { border: 0; padding: 0.5rem 0 0; text-align: right; } .p-no-header__pad-0 .p-dialog .p-dialog-header { padding: 0; } .p-no-header__pad-0 .p-dialog .p-dialog-content { border-radius: 4px 4px 0 0; } .p-dialog.p-dialog-s { max-width: 40.625rem; } .p-dialog.p-dialog-m { max-width: 50rem; } @media print, screen and (min-width: 40em) { .p-dialog.p-dialog-m { width: 80vw; } } @media print, screen and (min-width: 56.25em) { .p-dialog.p-dialog-m { width: 70vw; } } @media print, screen and (min-width: 75em) { .p-dialog.p-dialog-m { width: 50vw; } } .p-dropdown-panel { margin-top: 0.15rem; border-radius: 0 0 4px 4px; max-width: 22.5rem; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { word-break: break-word; white-space: normal; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-focus:not(.p-disabled):not(.p-highlight):not(:hover) { background: transparent; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { background: rgba(231, 235, 236, 0.35) !important; color: #1E2329 !important; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight:hover { background: rgba(231, 235, 236, 0.8) !important; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { padding: 0.5rem 1rem; } .p-dropdown-panel.permissions .p-dropdown-items .p-dropdown-item-group:first-child { padding: 0 1rem; } .p-dropdown-panel .p-input-icon-right > i { z-index: 1; } .p-dropdown-panel.p-dropdown-panel-cart .p-dropdown-items .p-dropdown-item { padding: 0; } .p-dropdown-panel.p-dropdown-panel-cart .p-dropdown-items .p-dropdown-item > div { padding: 0.5rem 1rem; } .p-dropdown-panel.p-dropdown-panel-cart .p-dropdown-items .cart-addnew-prj { text-decoration: none; border-bottom: 1px solid #C7CDD2; width: 100%; border-radius: 0; } .p-dropdown { width: 100%; } .p-dropdown.p-focus { box-shadow: none !important; } .p-dropdown .p-placeholder { opacity: 0.5; font-style: italic; } .p-dropdown .p-dropdown-label.p-placeholder { color: black; } .p-dropdown .p-dropdown-trigger { width: 2rem; } .p-dropdown .p-dropdown-clear-icon, .p-dropdown [data-pc-section=clearicon] { pointer-events: auto; } .p-field .p-dropdown { width: 100%; } .p-dropdown.quickedit { min-height: 36px; } .p-dropdown.quickedit .p-dropdown-trigger { width: 1.8rem; } .p-dropdown.quickedit .p-dropdown-label { padding-right: 0; } .p-dropdown.quickedit .p-icon { width: 0.8rem; height: 0.8rem; } .p-dropdown.dropdown-icon-only { border: 0; padding: 0; background: transparent; } .p-dropdown.dropdown-icon-only .p-dropdown-trigger { display: none; } .p-dropdown.dropdown-icon-only .p-dropdown-label { padding: 0; background: transparent; } .p-dropdown.dropdown-icon-only .p-dropdown-item-group { padding-bottom: 0.25rem; } .p-dropdown.dropdown-icon-only .p-dropdown-item-group:not(:first-child) { padding-top: 0.25rem; } .p-dropdown.dropdown-icon-only .p-dropdown-item-group:not(:first-child):before { content: ""; display: block; border-top: 1px solid #C7CDD2; padding-bottom: 0.5rem; } .p-dropdown.wrapped-dropdown .p-dropdown-label { white-space: normal; } .p-dropdown.p-disabled-label-view.p-disabled { opacity: 1; } .p-dropdown.p-disabled-label-view.p-disabled .p-dropdown-label { padding: 0.25rem; } .p-dropdown.p-disabled-label-view.p-disabled .p-dropdown-trigger { display: none; } .p-dropdown.p-dropdown-copy-translation { background: #E7EBEC; border: 1px solid #E7EBEC; } .p-dropdown.p-dropdown-copy-translation .p-dropdown-label.p-placeholder { color: #1E2329; font-weight: var(--semiWeight, 600); font-style: normal; opacity: 1; } .p-dropdown.p-dropdown-copy-translation:hover, .p-dropdown.p-dropdown-copy-translation:focus, .p-dropdown.p-dropdown-copy-translation:not(.disabled).p-focus { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } header .h-breadcrumb .p-dropdown .p-dropdown-label { padding: 0.25rem 0 0.25rem 0.5rem; font-weight: bold; } header .h-breadcrumb .p-dropdown .p-dropdown-trigger-icon { font-size: 0.6875rem; } header .h-breadcrumb .p-dropdown .p-dropdown-trigger { width: 1.5rem; } header .h-breadcrumb .p-dropdown .p-dropdown-panel { min-width: 12.5rem; } .p-dropdown.p-dropdown-cart { background: initial; border: 0; } .p-dropdown.p-dropdown-cart .p-dropdown-label { order: 2; padding: 0; } .p-dropdown.p-dropdown-cart .p-dropdown-label.p-placeholder { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); font-style: normal; font-weight: var(--semiWeight, 600); opacity: 1; } .p-dropdown.p-dropdown-cart .p-dropdown-trigger { order: 1; width: auto; margin-right: 0.5rem; } .p-dropdown.p-dropdown-add-to-prj { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff; border: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-dropdown.p-dropdown-add-to-prj .p-dropdown-label, .p-dropdown.p-dropdown-add-to-prj .p-dropdown-trigger { color: #fff; } .p-dropdown.p-dropdown-add-to-prj:hover { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .p-dropdown.p-dropdown-add-to-prj:active { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .p-dropdown.p-dropdown-add-to-prj.secondary { background: #E7EBEC; color: #1E2329; border: 1px solid #E7EBEC; } .p-dropdown.p-dropdown-add-to-prj.secondary .p-dropdown-label, .p-dropdown.p-dropdown-add-to-prj.secondary .p-dropdown-trigger { color: #1E2329; } .p-dropdown.p-dropdown-add-to-prj.secondary:hover { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .p-dropdown.p-dropdown-add-to-prj.secondary:active { background: rgb(188.3023255814, 199.4186046512, 202.1976744186); border-color: rgb(188.3023255814, 199.4186046512, 202.1976744186); } .p-dropdown.p-dropdown-add-to-prj:not(.prj-selected) { width: 100%; justify-content: center; } .p-dropdown.p-dropdown-add-to-prj:not(.prj-selected) .p-dropdown-trigger { order: 1; margin-right: 0.125rem; flex: 0 1 auto; opacity: 0.6; width: auto; } .p-dropdown.p-dropdown-add-to-prj:not(.prj-selected).secondary .p-dropdown-trigger { opacity: 0.3; } .p-dropdown.p-dropdown-add-to-prj:not(.prj-selected) .p-dropdown-label { text-align: center; padding: 0.5rem 0.5rem 0.5rem 0.25rem; font-size: 0.8125rem; order: 2; flex: 0 1 auto; width: auto; } .p-dropdown.p-dropdown-add-to-prj:not(.prj-selected) .p-dropdown-label.p-placeholder { font-weight: var(--semiWeight, 600); font-style: normal; opacity: 1; } .p-dropdown.p-dropdown-add-to-prj.prj-selected { display: flex; height: 100%; margin-left: 2px; border-radius: 0 4px 4px 0; } .p-dropdown.p-dropdown-add-to-prj.prj-selected .p-dropdown-label { display: none; } .p-dropdown.p-dropdown-add-to-prj.prj-selected .p-dropdown-trigger .p-dropdown-trigger-icon::before { content: "\e950"; font-family: "primeicons"; font-size: 1rem; color: #fff; text-rendering: auto; } .p-dropdown.p-dropdown-add-to-prj.prj-selected.secondary .p-dropdown-trigger .p-dropdown-trigger-icon::before { color: #1E2329; } .p-editor-container { font-family: var(--fontFamily, "Open Sans"), sans-serif; } .p-editor-container .ql-container { font-family: var(--fontFamily, "Open Sans"), sans-serif; } .p-editor-container .ql-toolbar { background: #fff; } .p-editor-container p { margin-bottom: 0.75rem; } .p-editor-container .p-editor-content { word-break: break-word; min-height: 100px; height: 120px; resize: vertical; overflow: hidden; } .p-skeleton.horizontal-menu-skeleton { height: 0.5rem !important; background-color: hsla(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), var(--mainMenuTextColorL, 14%), 0.15); } .p-fileupload .p-button.p-fileupload-choose input { display: none; } .p-fileupload .p-button-text { padding: 0; animation: none; transition: none; } .p-fileupload .p-button-text:hover, .p-fileupload .p-button-text:focus, .p-fileupload .p-button-text:active { animation: none; transition: none; background: none; border-color: transparent; animation: none; } .p-fileupload .p-button-text:hover .p-button-label, .p-fileupload .p-button-text:focus .p-button-label, .p-fileupload .p-button-text:active .p-button-label { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .p-fileupload .p-button-text:hover .p-button-icon, .p-fileupload .p-button-text:focus .p-button-icon, .p-fileupload .p-button-text:active .p-button-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .p-fileupload .p-button-text > input { display: none; } .p-fileupload.p-fileupload-advanced .p-fileupload-buttonbar { padding: 0; background: none; border: 0; } .p-fileupload.p-fileupload-advanced .p-button.p-button-secondary:hover { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); color: #1E2329; border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .p-fileupload.p-fileupload-advanced .p-button.p-button-secondary:active { background: rgb(188.3023255814, 199.4186046512, 202.1976744186); color: #1E2329; border-color: rgb(188.3023255814, 199.4186046512, 202.1976744186); } .p-fileupload.p-fileupload-advanced .p-fileupload-content { padding: 0; border: 0; color: #1E2329; } .p-fileupload.p-fileupload-advanced .p-fileupload-content .p-fileupload-row > div { padding: 0.25rem; } .p-fileupload.p-fileupload-advanced .p-fileupload-content .p-fileupload-files { margin-top: 0.5rem; padding: 0.25rem; background: #F3F4F5; border: 1px solid #E7EBEC; border-radius: 4px; } .p-fileupload.p-fileupload-advanced .p-fileupload-content .p-fileupload-files .p-fileupload-filename { font-weight: var(--semiWeight, 600); } .p-fileupload.p-fileupload-advanced .p-message { margin: 0.5rem 0; } .p-fileupload.p-fileupload-advanced.no-preview .p-fileupload-files .p-fileupload-row > div:first-child { display: none; } .p-multiselect .p-multiselect-panel { min-width: 13.75rem !important; } .p-multiselect .p-multiselect-panel .p-multiselect-header { border-bottom: 1px solid #DCE1E3; background: #fff; } .column-toggle .p-multiselect .p-multiselect-panel { min-width: 13.75rem !important; right: 0 !important; left: auto !important; } .column-toggle .p-multiselect:not(.p-disabled):hover { border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .p-multiselect.p-multiselect-chip:not(.p-multiselect-chip-original-ellipsis) .p-multiselect-label-container { overflow: initial; } .p-multiselect.p-multiselect-chip:not(.p-multiselect-chip-original-ellipsis) .p-multiselect-label-container .p-multiselect-label { word-break: normal; white-space: normal; min-width: 12.5rem; } .p-multiselect.p-multiselect-chip:not(.p-multiselect-chip-original-ellipsis) .p-multiselect-item { white-space: normal; } .p-multiselect.p-multiselect-chip.with-chips-table .p-multiselect-label-container { min-width: 0; } .p-multiselect.p-multiselect-chip.with-chips-table .p-multiselect-label-container .p-multiselect-label { width: 100%; } .p-multiselect.p-multiselect-chip.with-chips-table .p-multiselect-label-container .p-multiselect-token { width: 100%; display: flex; margin: 0.5rem 0; border-radius: 0; } .p-multiselect.p-multiselect-chip.with-chips-table .p-multiselect-label-container .p-multiselect-token:first-child { border-radius: 4px 4px 0 0; } .p-multiselect.p-multiselect-chip.with-chips-table .p-multiselect-label-container .p-multiselect-token:last-child { border-radius: 0 0 4px 4px; } .p-multiselect.p-multiselect-chip.with-chips-table .p-multiselect-label-container .p-multiselect-token:only-child { border-radius: 4px; } .p-multiselect.p-multiselect-chip.with-chips-table .p-multiselect-label-container .p-multiselect-token:hover { background: #E7EBEC; } .p-multiselect.p-multiselect-chip.with-chips-table .p-multiselect-label-container .p-multiselect-token .p-multiselect-token-label { flex: 1 1 auto; max-width: initial; text-overflow: initial; white-space: initial; word-break: break-word; font-weight: var(--semiWeight, 600); } .p-multiselect-panel { max-width: 22.5rem; } .p-multiselect-panel .p-multiselect-items { min-width: 0; width: 100%; max-width: 100%; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { background: rgba(231, 235, 236, 0.35); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight:hover { background: rgba(231, 235, 236, 0.8); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item span { word-break: break-word; white-space: normal; } .p-button-text .p-multiselect { border: 0; padding: 0.25rem 0; background: none; } .p-button-text .p-multiselect .p-multiselect-label { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); font-weight: var(--semiWeight, 600); padding: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-button-text .p-multiselect .p-multiselect-trigger { padding: 0; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-button-text .p-multiselect .p-multiselect-trigger .p-multiselect-trigger-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-button-text:hover .p-multiselect .p-multiselect-label, .p-button-text:hover .p-multiselect .p-multiselect-trigger-icon, .p-button-text:focus .p-multiselect .p-multiselect-label, .p-button-text:focus .p-multiselect .p-multiselect-trigger-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .p-button-text.p-multiselect-icon-left .p-multiselect { padding-left: 2rem; position: relative; } .p-button-text.p-multiselect-icon-left .p-multiselect .p-multiselect-trigger { position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .p-button-text.p-multiselect-fixed-label .p-multiselect .p-multiselect-panel { min-width: 13.75rem !important; } .p-fieldset { padding: 0.5rem 1rem; margin-bottom: 0.75rem; color: #1E2329; } .p-fieldset .p-fieldset-legend { width: auto; display: initial; margin: 0; font-size: 0.875rem; font-weight: var(--semiWeight, 600); color: #1E2329; } .p-fieldset.fieldset-card { box-shadow: 0 2px 2px rgba(72, 90, 106, 0.1); } .p-fieldset.fieldset-card.p-fieldset-toggleable .p-fieldset-legend a { background: #fff; box-shadow: 0 2px 2px rgba(72, 90, 106, 0.1); } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.5rem 2.5rem 0.5rem 0.75rem; color: #1E2329 !important; background: #F3F4F5; position: relative; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-icon-wrapper { display: none; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:before { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); position: absolute; top: 50%; transform: translateY(-50%); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; margin: 0; font-weight: normal; line-height: 0.9; right: 0.75rem; content: "\f077"; font-family: "FontAwesome"; font-size: 0.875rem; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); text-rendering: auto; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover, .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { text-decoration: none; } .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend a:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); top: 35%; } .p-fieldset .p-fieldset-content { padding: 0; margin: 0.5rem 0 1rem; } .quickedit-fields, .p-inputtext.quickedit, .p-dropdown.quickedit { line-height: 1.5; } .quickedit-fields:not(hover):not(focus), .p-inputtext.quickedit:not(hover):not(focus), .p-dropdown.quickedit:not(hover):not(focus) { background: transparent; border-color: transparent; border-bottom: 2px dotted hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-radius: 0; } .quickedit-fields:focus, .p-inputtext.quickedit:focus, .p-dropdown.quickedit:focus, .quickedit-fields:hover, .p-inputtext.quickedit:hover, .p-dropdown.quickedit:hover, .quickedit-fields.ng-invalid, .ng-invalid.p-inputtext.quickedit, .ng-invalid.p-dropdown.quickedit, .quickedit-fields.p-focus, .p-focus.p-inputtext.quickedit, .p-focus.p-dropdown.quickedit { border-radius: 4px; border-top-style: solid; border-left-style: solid; border-right-style: solid; background: #fff; } .quickedit-fields:focus, .p-inputtext.quickedit:focus, .p-dropdown.quickedit:focus { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .quickedit-fields::-webkit-input-placeholder, .p-inputtext.quickedit::-webkit-input-placeholder, .p-dropdown.quickedit::-webkit-input-placeholder { font-weight: normal !important; } .quickedit-fields::placeholder, .p-inputtext.quickedit::placeholder, .p-dropdown.quickedit::placeholder { font-weight: normal !important; } input { filter: none; } input:-internal-autofill-selected, input:focus:-internal-autofill-selected, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { background: #fff !important; -webkit-text-fill-color: #1E2329; -webkit-box-shadow: inset 0 0 0px 1000px #fff; transition: all 5000s ease-in-out 0s; font: 0.875rem var(--fontFamily, "Open Sans"), sans-serif !important; -webkit-transition-delay: 99999s; } p-inputswitch { line-height: 1; } .p-inputswitch .p-inputswitch-slider:before { border: 1px solid #C7CDD2; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { border: 1px solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cs-ref-lable-toggle .p-inputswitch { height: 1rem; width: 1.8rem; } .cs-ref-lable-toggle .p-inputswitch .p-inputswitch-slider::before { height: 1rem; width: 1rem; margin-top: 0; top: 0; } .cs-ref-lable-toggle .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before { transform: translateX(0.8rem); } .debounce-wrapper { position: relative; } .debounce-wrapper input.p-filled { border-color: #485A6A; } .debounce-wrapper input.p-filled:focus { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .debounce-wrapper i { position: absolute; top: 50%; transform: translateY(-50%); right: 0.75rem; color: rgba(72, 90, 106, 0.6); } .debounce-wrapper i.icon-reset { right: 0.5rem; color: #F55858; padding: 0.25rem; cursor: pointer; } .debounce-wrapper i.icon-reset:hover { color: #485A6A; } .base-invalid-field, .p-field input.p-inputtext.ng-invalid.ng-touched, .p-field textarea.p-inputtext.ng-invalid.ng-touched, .ng-invalid:not(form).ng-touched input, .ng-invalid:not(form).ng-touched input.p-inputtext, .ng-invalid:not(form).ng-touched .p-dropdown, .ng-invalid:not(form).ng-dirty input, .ng-invalid:not(form).ng-dirty input.p-inputtext, .ng-invalid:not(form).ng-dirty .p-dropdown { border: 1px solid #F55858; } .base-invalid-field-important, .p-field textarea.ng-invalid.ng-touched { border: 1px solid #F55858 !important; } .p-field .p-error { margin-top: 0.25rem; } .p-field input.p-inputtext, .p-field textarea.p-inputtext { filter: none; width: 100%; } .p-field input.p-inputtext:-internal-autofill-selected, .p-field input.p-inputtext:focus:-internal-autofill-selected, .p-field input.p-inputtext:-webkit-autofill, .p-field input.p-inputtext:-webkit-autofill:hover, .p-field input.p-inputtext:-webkit-autofill:focus, .p-field input.p-inputtext:-webkit-autofill:active, .p-field textarea.p-inputtext:-internal-autofill-selected, .p-field textarea.p-inputtext:focus:-internal-autofill-selected, .p-field textarea.p-inputtext:-webkit-autofill, .p-field textarea.p-inputtext:-webkit-autofill:hover, .p-field textarea.p-inputtext:-webkit-autofill:focus, .p-field textarea.p-inputtext:-webkit-autofill:active { background: #fff !important; -webkit-text-fill-color: #1E2329; -webkit-box-shadow: inset 0 0 0px 1000px #fff; transition: background-color 5000s ease-in-out 0s; font: 0.875rem var(--fontFamily, "Open Sans"), sans-serif !important; -webkit-transition-delay: 99999s; } .p-field small { display: block; margin-top: 0.25rem; } .p-field small.p-invalid { font-size: 0.875rem; } .p-inputtext.quickedit.condensed { padding: 0.1rem 0.25rem; } .p-inputtext.p-inputtext-strong { font-weight: bold; } .p-inputtext::placeholder { font-style: italic; } .p-field-optional { font-weight: normal; font-style: italic; opacity: 0.5; } .p-inputgroup:not(.cfv2-item) .p-inputtext:not(:last-child):not(:first-child) { border-left: 0; border-right: 0; } .p-inputgroup:not(.cfv2-item) .p-inputtext:last-child { border-left: 0; } .p-inputgroup:not(.cfv2-item) .p-inputtext:first-child { border-right: 0; } .p-inputgroup:not(.cfv2-item) .p-inputtext:enabled:focus { outline: none; outline-offset: 0; box-shadow: none; } .p-inputgroup:not(.cfv2-item) .p-inputgroup-addon:first-child { padding-right: 0; } .p-inputgroup:not(.cfv2-item) button.p-button-secondary:last-child { border: 1px solid #C7CDD2; border-left: 0; } .p-field .p-inputgroup:not(.cfv2-item) { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; border: 1px solid #C7CDD2; border-radius: 4px; } .p-field .p-inputgroup:not(.cfv2-item) .p-inputtext, .p-field .p-inputgroup:not(.cfv2-item) .p-inputgroup-addon, .p-field .p-inputgroup:not(.cfv2-item) .p-button { border: 0 !important; } .p-field .p-inputgroup:not(.cfv2-item) .p-inputgroup-addon { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-focus-field .p-inputgroup:not(.cfv2-item) { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-focus-field .p-inputgroup:not(.cfv2-item) .p-inputgroup-addon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-invalid-field .p-inputgroup:not(.cfv2-item) { border-color: #F55858; } .p-invalid-field .p-inputgroup:not(.cfv2-item) .p-inputgroup-addon { color: #F55858; } .p-inputgroup.quick-add .p-inputgroup-addon { padding: 0.25rem 0.5rem; } .p-inputgroup.quick-add .p-inputgroup-addon:last-child { padding-right: 0.25rem; } .p-inputgroup.quick-add .p-inputtext:enabled:hover { border-color: #C7CDD2; } .p-inputgroup.quick-add .p-inputtext:focus, .p-inputgroup.quick-add .p-inputtext:focus ~ .p-inputgroup-addon:not(.border-left-keep), .p-inputgroup.quick-add .p-inputtext:focus ~ .p-inputgroup-addon .p-button, .p-inputgroup.quick-add .p-inputtext:focus ~ .p-inputgroup-addon.border-left-keep { border-top: 0 !important; border-bottom: 0 !important; border-right: 0 !important; } .p-inputgroup.quick-add:focus-within { border: 1px solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-radius: 4px; } .p-field { margin-bottom: 1rem; } .p-field .p-field { margin: 0; } .p-field.p-field-xsmall { max-width: 4.5rem; } .p-field.p-field-small { max-width: 10.9375rem; } .p-field.p-field-medium { max-width: 21.875rem; } .p-field.p-field-large { max-width: 30rem; } .p-field-label { font-weight: var(--semiWeight, 600); display: block; margin-bottom: 0.25rem; color: #1E2329; } .p-field-label .help-text { font-weight: normal; font-style: italic; opacity: 0.7; } .p-field-label + .help-text-container, .p-field-label + .help-text { margin: -0.25rem 0 0.25rem; font-style: italic; opacity: 0.7; } .cs-ref-lable-toggle .p-field-label { border: 1px solid #C7CDD2; border-radius: 100px; padding: calc(0.5rem - 1px) 0.5rem; height: 36px; } .sub-option-fields { margin: 0.5rem 0 1rem 1.5rem; padding: 0.5rem; border: 1px solid #C7CDD2; border-radius: 4px; max-width: 512px; position: relative; background: #F3F4F5; } .sub-option-fields:after, .sub-option-fields:before { position: absolute; } .sub-option-fields:after { display: block; width: 0; height: 0; border: inset 9px; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #F3F4F5; bottom: calc(100% - 1px); left: 0.5rem; z-index: 1; } .sub-option-fields:before { display: block; width: 0; height: 0; border: inset 9px; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #C7CDD2; bottom: 100%; left: 0.5rem; } .qty-picker { display: inline-block; border: 1px solid #C7CDD2; border-radius: 4px; } .qty-picker .p-inputnumber { width: 100%; background: #fff; border-radius: 4px; } .qty-picker input.p-inputtext { width: 2.5rem; padding: 0.5rem 0.25rem; border: 0; border-radius: 0; text-align: center; line-height: 1.5; } .qty-picker .p-button { width: 1.8rem; } .qty-picker .p-button.p-inputnumber-button-up { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .qty-picker .p-button.p-inputnumber-button-down { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .qty-picker .p-button.p-inputnumber-button-up .p-button-icon, .qty-picker .p-button.p-inputnumber-button-down .p-button-icon { font-size: 1rem; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-message .p-message-wrapper { display: block !important; position: relative; text-align: left; padding-left: 1.75rem; padding-right: 1.25rem; } .p-message .p-message-wrapper .p-message-summary, .p-message .p-message-wrapper .p-message-details, .p-message .p-message-wrapper .p-message-detail { display: inline; } .p-message .p-message-close, .p-message .p-message-close.p-link { margin: 0; width: 1.5rem; height: 1.5rem; position: absolute; right: -0.25rem; top: -0.25rem; background: #485A6A; padding: 0.35rem; color: #fff !important; } .p-message .p-message-close .p-icon-wrapper, .p-message .p-message-close.p-link .p-icon-wrapper { width: 95%; } .p-message .p-message-close .pi, .p-message .p-message-close.p-link .pi { font-size: 0.75rem; color: #fff; } .p-message .p-message-close:focus, .p-message .p-message-close:hover, .p-message .p-message-close.p-link:focus, .p-message .p-message-close.p-link:hover { outline: none; outline-offset: 0; box-shadow: none; background: none; } .p-message.p-message-error a { font-weight: var(--semiWeight, 600); color: #A20000 !important; text-decoration: underline; } .p-message.p-message-error .p-message-close { background: #F55858; } .p-message.p-message-error .p-message-close:hover, .p-message.p-message-error .p-message-close:focus { background: rgb(242.9830508475, 54.3169491525, 54.3169491525); } .p-message.p-message-warning .p-message-close, .p-message.p-message-warn .p-message-close { background: #C78B00; } .p-message.p-message-warning .p-message-close:hover, .p-message.p-message-warning .p-message-close:focus, .p-message.p-message-warn .p-message-close:hover, .p-message.p-message-warn .p-message-close:focus { background: rgb(163.3, 114.0638190955, 0); } .p-message.p-message-warning .p-message-detail, .p-message.p-message-warn .p-message-detail { display: block; margin: 0; } .p-message.p-message-warning a, .p-message.p-message-warn a { color: rgb(71.5, 49.9422110553, 0) !important; text-decoration: underline !important; font-weight: var(--semiWeight, 600); } .p-message.p-message-warning a:hover, .p-message.p-message-warn a:hover { color: #1E2329 !important; } .p-message.p-message-success .p-message-close { background: #37D282; } .p-message.p-message-success .p-message-close:hover, .p-message.p-message-success .p-message-close:focus { background: rgb(42.1163265306, 187.1836734694, 112.3102040816); } .p-message .p-message-icon { position: absolute; left: 0.25rem; top: 0.25rem; line-height: 1; margin: 0; font-size: 1.2rem; } .p-message .p-message-icon i { font-size: 1.2rem; } .p-message .p-message-icon .p-icon-wrapper, .p-message .p-message-icon .p-icon { width: 1.2rem; } .p-messages.mrg-t-0 .p-message { margin-top: 0; } .p-messages.mrg-t-2 .p-message { margin-top: 0.5rem; } .p-messages.mrg-b-0 .p-message { margin-bottom: 0; } .p-messages.just-pad-3 { padding: 0; } .p-messages.just-pad-3 .p-message-wrapper { padding: 1rem; } .p-messages.border-radius-b-0 { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-messages .p-message-icon .pi-exclamation-triangle::before { content: "\f071"; font-family: "FontAwesome"; font-size: 1.125rem; color: #C78B00; text-rendering: auto; } .p-messages.info-inline .p-message-wrapper { padding: 0; } .p-inline-message { position: relative; line-height: 1.6; } .p-inline-message.p-inline-message-info { background: none; padding: 0.25rem 0 0.25rem 1.25rem; } .p-inline-message.p-inline-message-info .p-inline-message-icon { position: absolute; left: 0; top: 0.4rem; line-height: 1; margin: 0; } .p-inline-message.p-inline-message-info .p-inline-message-icon.pi-info-circle::before { content: "\f05a"; font-family: "FontAwesome"; font-size: 1.125rem; color: #485A6A; text-rendering: auto; } .p-inline-message.p-inline-message-success.pi-check .p-inline-message-icon::before { content: "\f00c"; font-family: "FontAwesome"; font-size: 1.125rem; color: #37D282; text-rendering: auto; } .p-inline-message .p-inline-message-text { font-size: 0.875rem; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: rgba(0, 0, 0, 0.4); } } @keyframes p-component-overlay-leave-animation { from { background-color: rgba(0, 0, 0, 0.4); } to { background-color: transparent; } } .p-overlaypanel { color: #1E2329; } .p-overlaypanel.in-sticky-prices { left: auto !important; right: 0 !important; bottom: 100% !important; top: auto !important; } .p-overlaypanel.in-sticky-prices:after, .p-overlaypanel.in-sticky-prices:before { left: 85%; } .p-overlaypanel.p-overlay-translated-up.p-overlaypanel-flipped { transform: translateY(-1.5rem) !important; } .p-overlaypanel.h-max-50 .p-overlaypanel-content { overflow-y: auto; margin: 0.5rem 0; max-height: 50vh; } .p-overlaypanel.content-pad-0 .p-overlaypanel-content { padding: 0; } .p-overlaypanel .p-overlaypanel-close { background: #485A6A; top: -0.5rem; right: -0.5rem; z-index: 10; } .p-overlaypanel.accept-publish .p-overlaypanel-content { padding-top: 0; padding-bottom: 0; } .p-overlaypanel-xs { width: 13.75rem; max-width: 95vw; } .p-overlaypanel-s { width: 21.875rem; max-width: 95vw; } .p-overlaypanel-splus { width: 28.125rem; max-width: 95vw; } .p-overlaypanel-m { width: 40rem; max-width: 95vw; } .p-account-overlaypanel { min-width: 18.75rem; } @media print, screen and (min-width: 40em) { .p-account-overlaypanel { max-width: 18.75rem; } } .p-account-overlaypanel .p-overlaypanel-content { padding: 0; } .p-account-overlaypanel .p-overlaypanel-content .account-scroll { border-radius: 4px; min-height: 122px; max-height: 45vh; overflow-y: auto; } .p-account-overlaypanel .p-overlaypanel-content button { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; display: block; max-width: 100%; width: 100%; border: 0; background: none; } .p-account-overlaypanel .p-overlaypanel-content button:hover { background: rgba(231, 235, 236, 0.6); color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .p-account-overlaypanel .p-overlaypanel-content button:focus { background: rgba(231, 235, 236, 0.8); color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .p-account-overlaypanel .p-overlaypanel-content .manufacturer-switch button { text-align: left; padding: 0.35rem 1rem; font-weight: var(--semiWeight, 600); } .p-account-overlaypanel .p-overlaypanel-content .manufacturer-switch button:not(:last-child) { border-bottom: 1px solid #DCE1E3; } .p-account-overlaypanel .p-overlaypanel-content .manufacturer-switch button .short-logo { display: block; width: 1.875rem; margin-right: 0.5rem; } .p-account-overlaypanel .p-overlaypanel-content .account-actions { border-top: 1px solid #DCE1E3; background: #fff; } .p-account-overlaypanel .p-overlaypanel-content .account-actions button { font-weight: var(--semiWeight, 600); padding: 1rem; color: #485A6A; } .p-confirm-popup { max-width: 25rem; } .p-confirm-popup .p-confirm-popup-content { padding-bottom: 0; } .p-confirm-popup .p-confirm-popup-message { color: #1E2329; } .p-confirm-popup .p-confirm-popup-footer { padding-bottom: 1rem; } .p-confirm-popup .p-button { font-size: 0.875rem; } .p-paginator { justify-content: flex-end !important; padding: 1rem 0 1.5rem; background: transparent; } .p-paginator .p-paginator-right-content { margin-left: 0.25rem; } .p-paginator .p-paginator-left-content { margin-right: 0.5rem; } .p-paginator .p-paginator-element { height: 2.356rem; border-radius: 0; } .p-paginator .p-paginator-element:first-of-type { border-radius: 4px 0 0 4px; } .p-paginator .p-paginator-element:last-of-type { border-radius: 0 4px 4px 0; } .p-paginator .p-paginator-pages .p-paginator-page { min-width: 2.356rem; font-weight: var(--semiWeight, 600); color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #E7EBEC; border: 1px solid #DCE1E3; } .p-paginator .p-inputwrapper { padding-left: 0.5rem; } .p-paginator .p-paginator-rpp-options { margin: 0; } .page-table-paginator .p-paginator { padding: 0; margin: 0.5rem 0 0; } .p-datatable.p-h-scrolltable.fixedcol-1 table .is-locked > td:first-child { background: rgb(255, 243.6, 244.8); } .p-datatable.p-h-scrolltable.fixedcol-1 table .is-locked > td:first-child a { color: #F55858; } .p-datatable.breakword-header table .p-datatable-thead > tr > th .p-th-label { word-break: break-word; min-width: 80px; } .p-datatable.breakword-header.fixedcol-2 table .p-datatable-thead > tr:first-child > th { min-width: initial; } .p-datatable.p-fixed-datatable > .p-datatable-wrapper { overflow: initial; } .p-datatable.p-fixed-datatable > .p-datatable-wrapper table { table-layout: fixed; } .p-datatable.p-datatable-responsive-scroll:not(.layout-auto):not(.p-h-scrolltable) > .p-datatable-wrapper { overflow: initial; } .p-datatable.p-datatable-responsive-scroll:not(.layout-auto):not(.p-h-scrolltable) > .p-datatable-wrapper table { table-layout: fixed; } .p-datatable.p-minimaltable .p-datatable-header { padding: 0.5rem 0 0.25rem; background: none; border-bottom: 1px solid #C7CDD2; } .p-datatable.p-minimaltable table .p-datatable-thead > tr > th { background: transparent; font-weight: bold; padding-bottom: 0.25rem; } .p-datatable.p-minimaltable .p-datatable-tbody > tr { background: none; } .p-datatable.p-minimaltable .p-datatable-tbody > tr:not(:last-child) > td { border-bottom: 0; } .p-datatable.p-minimaltable.p-seamless-theader .p-datatable-header { font-weight: bold; } .p-datatable.p-minimaltable.p-seamless-theader table .p-datatable-thead > tr > th { background: transparent; font-weight: normal; border: 0 !important; } .p-datatable.p-minimaltable.p-seamless-theader table .p-datatable-thead:not(:last-child) > tr > th { border-bottom: 0; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs .p-datatable, .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-editors .p-datatable { margin: 1rem 0 1.5rem; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs table .p-datatable-thead > tr > th, .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-editors table .p-datatable-thead > tr > th { vertical-align: top; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs table .p-datatable-thead > tr > th:first-child, .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-editors table .p-datatable-thead > tr > th:first-child { width: 6.875rem; font-weight: bold; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs table .p-datatable-tbody > tr > td, .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-editors table .p-datatable-tbody > tr > td { vertical-align: top; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs table .p-datatable-tbody > tr > td:first-child, .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-editors table .p-datatable-tbody > tr > td:first-child { width: 6.875rem; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs table .p-field .field-read-only, .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-editors table .p-field .field-read-only { display: inline-block; padding-top: 0.5rem; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs table .p-datatable-thead > tr > th:nth-child(2) { padding-top: 1rem; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs table .p-datatable-thead > tr > th:nth-child(3) { padding-top: 1.2rem; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs table .p-datatable-tbody > tr > td:first-child { padding-top: 1rem; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-inputs table .p-datatable-tbody > tr > td:nth-child(3) { padding-top: 0.8rem; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-editors table .p-field textarea { width: 100%; resize: vertical; min-height: 3.5rem; } .p-datatable.p-minimaltable.p-seamless-theader.p-langtable-editors table .p-datatable-tbody > tr > td:first-child { padding-top: 1rem; } .p-datatable.p-minimaltable.p-mediafiles table { table-layout: auto !important; } .p-datatable.p-minimaltable.p-mediafiles .p-cell-thumb { width: 80px; display: block; margin-right: 0.5rem; } .p-datatable.prj-quick-add .p-datatable-header { display: none; } .p-datatable.prj-quick-add .p-datatable-tbody > tr > td { padding: 0.25rem; } .p-datatable.prj-quick-add .p-datatable-tbody > tr > td:first-child { padding-left: 0; } .p-datatable.prj-quick-add .p-datatable-tbody > tr > td:last-child { padding-right: 0; } .p-datatable.prj-quick-add .p-datatable-tbody > tr > td:only-child { padding-inline: 0; } .p-datatable.prj-quick-add .p-datatable-tbody > tr:first-child > td, .p-datatable.prj-quick-add .p-datatable-tbody > tr:only-child > td { border: 0 !important; } .p-datatable.prj-quick-add .p-datatable-tbody > tr:not(:first-child):not(:only-child) > td { border-width: 1px 0 0 0 !important; } .p-datatable.company-price-catalogs-table .p-datatable-header, .p-datatable.price-catalog-assignment-table .p-datatable-header { display: none; } .p-datatable.company-price-catalogs-table .p-datatable-wrapper, .p-datatable.price-catalog-assignment-table .p-datatable-wrapper { border: 0 !important; } .p-datatable.company-price-catalogs-table .p-datatable-thead > tr > th, .p-datatable.price-catalog-assignment-table .p-datatable-thead > tr > th { border-width: 0 0 1px 0 !important; } .p-datatable.company-price-catalogs-table .p-datatable-tbody > tr > td, .p-datatable.price-catalog-assignment-table .p-datatable-tbody > tr > td { border-width: 0 0 1px 0 !important; } .p-datatable.company-price-catalogs-table .p-datatable-tbody > tr:last-child > td, .p-datatable.price-catalog-assignment-table .p-datatable-tbody > tr:last-child > td { border-bottom: 0 !important; } .p-datatable.company-price-catalogs-table .task-badge, .p-datatable.price-catalog-assignment-table .task-badge { display: inline-block; white-space: nowrap; } .p-datatable.p-datatable-seamless table { background: transparent; } .p-datatable.p-datatable-seamless table > tr > td { background: transparent; } .p-datatable.p-datatable-seamless table .p-datatable-tbody > tr { background: transparent; } .p-datatable.p-datatable-seamless table .p-datatable-tbody > tr > td { border: 0; } .p-datatable.p-datatable-seamless table .p-datatable-tbody > tr > td:first-child { padding-left: 0; } .p-datatable.p-datatable-seamless table .p-datatable-tbody > tr > td:last-child { padding-right: 0; } .p-datatable.p-datatable-seamless table .p-datatable-tbody > tr:hover > td { background: inherit; } .p-datatable.p-datatable-seamless.p-datatable-quickedit table { table-layout: auto; } .p-datatable.p-datatable-seamless.p-datatable-quickedit table .p-datatable-tbody > tr > td { padding-top: 0; padding-bottom: 0.3rem; max-width: 0; } .p-datatable.p-datatable-seamless.p-datatable-quickedit table .p-datatable-tbody > tr > td:first-child { } .p-datatable.p-datatable-seamless.p-datatable-quickedit table .p-datatable-tbody > tr > td:last-child { overflow: hidden; } .p-datatable.p-cart-table table .p-datatable-tbody > tr { background: transparent; } .p-datatable.p-cart-table table .p-datatable-tbody > tr > td { border-width: 0 0 1px 0; } .p-datatable.p-cart-table table .p-datatable-tbody > tr > td:first-child { padding-left: 0; } .p-datatable.p-cart-table table .p-datatable-tbody > tr > td:last-child { padding-right: 0; } .p-datatable.bomtable .table-header-right-container { align-items: center; white-space: nowrap; } .p-datatable.bomtable .bomtable-link.has-error { background-color: #FFE6E6; color: #AE0000; padding: 0 0.125rem; border-radius: 4px; } .p-datatable.bomtable .bomtable-link.has-error .icon { color: #FF1E1E; } .p-datatable.bomtable .p-tag { padding-top: 0; padding-bottom: 0; } .p-datatable .p-datatable-tfoot > tr > td, .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 0 0; } .table-column-actions { width: 94px; } .table-column-price { width: 140px; } .table-column-date { width: 128px; } .table-column-icon { width: 3rem; } .table-column-s { width: 94px; } .table-column-m { width: 200px; } .table-column-m { min-width: 200px; } .table-column-icon { max-width: 3rem; } .tt-det-cell-cnt .title { font-weight: var(--semiWeight, 600); word-break: break-word; } .tt-det-cell-cnt .details { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 9.375rem; } @media print, screen and (min-width: 56.25em) { .tt-det-cell-cnt .details { max-width: 15.625rem; } } @media screen and (min-width: 90em) { .tt-det-cell-cnt .details { max-width: 21.875rem; } } @media screen and (min-width: 128em) { .tt-det-cell-cnt .details { max-width: 28.125rem; } } .tt-det-cell-cnt.is-link { cursor: pointer; } .tt-det-cell-cnt.is-link .title { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .tt-det-cell-cnt.is-link:hover .title { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .p-treetable.layout-auto table { table-layout: auto; } .p-treetable.p-treetable-gridlines .p-treetable-header { border-top: 1px solid #DCE1E3; border-right: 1px solid #DCE1E3; border-left: 1px solid #DCE1E3; } .p-treetable table td.cell-reorder, .p-treetable table th.cell-reorder { width: 2rem; max-width: 2rem; text-align: center; } .p-treetable table td.cell-single-icon-action, .p-treetable table th.cell-single-icon-action { width: 3.3rem; max-width: 3.3rem; text-align: center; } .p-treetable table th .p-field, .p-treetable table td .p-field { margin: 0; } .p-treetable table th a, .p-treetable table td a { font-weight: var(--semiWeight, 600); text-decoration: none; } .p-treetable .p-treetable-thead > tr { color: #1E2329; } .p-treetable .p-treetable-thead > tr > th { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-treetable .p-treetable-thead > tr > th .p-sortable-column-icon { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-treetable .p-treetable-thead > tr > th .p-th-label { overflow: hidden; min-width: 0; } .p-treetable .p-treetable-thead > tr:first-child > th:first-child { border-left: 1px solid #DCE1E3; } .p-treetable .p-treetable-thead > tr:first-child > th:last-child { border-right: 1px solid #DCE1E3 !important; } .p-treetable .p-treetable-tbody > tr { color: #1E2329; } .p-treetable .p-treetable-tbody > tr > td.text-center { text-align: center; } .p-treetable .p-treetable-tbody > tr > td.text-right { text-align: right; } .p-treetable .p-treetable-tbody > tr:hover > td { background: rgba(243, 244, 245, 0.5); } .p-treetable .p-treetable-tbody > tr.p-datatable-dragpoint-bottom > td { border-bottom: 2px dashed #485A6A !important; } .p-treetable .p-treetable-tbody > tr.p-datatable-dragpoint-top > td { border-top: 2px dashed #485A6A !important; } .p-treetable .p-sortable-column .p-sortable-column-icon { margin-left: 0.25rem; } .p-treetable.p-h-scrolltable .p-treetable-wrapper { overflow-x: auto; } .p-treetable.p-h-scrolltable.fixedcol-1 table { min-width: 1200px; } .p-treetable.p-h-scrolltable.fixedcol-1 table th:first-child, .p-treetable.p-h-scrolltable.fixedcol-1 table td:first-child { position: sticky; left: 0; z-index: 10; } .p-treetable.p-h-scrolltable.fixedcol-1 table td:first-child { background: #fff; } .p-treetable.p-h-scrolltable.fixedcol-2 table { min-width: 1400px; } .p-treetable.p-h-scrolltable.fixedcol-2 table th:first-child, .p-treetable.p-h-scrolltable.fixedcol-2 table th:nth-child(2), .p-treetable.p-h-scrolltable.fixedcol-2 table td:first-child, .p-treetable.p-h-scrolltable.fixedcol-2 table td:nth-child(2) { position: sticky; z-index: 10; } .p-treetable.p-h-scrolltable.fixedcol-2 table th:first-child, .p-treetable.p-h-scrolltable.fixedcol-2 table td:first-child { width: 6rem; left: 0; } .p-treetable.p-h-scrolltable.fixedcol-2 table th:nth-child(2), .p-treetable.p-h-scrolltable.fixedcol-2 table td:nth-child(2) { left: 6rem; } .p-treetable.p-h-scrolltable.fixedcol-2 table td:first-child, .p-treetable.p-h-scrolltable.fixedcol-2 table td:nth-child(2) { background: #fff; } .p-treetable.p-h-scrolltable.fixedcol-2.with-bulk-actions table th:first-child, .p-treetable.p-h-scrolltable.fixedcol-2.with-bulk-actions table td:first-child { width: 3rem; left: 0; text-align: center; } .p-treetable.p-h-scrolltable.fixedcol-2.with-bulk-actions table th:nth-child(2), .p-treetable.p-h-scrolltable.fixedcol-2.with-bulk-actions table td:nth-child(2) { left: 3rem; } td .p-chips { min-width: 160px; } td .p-chips .p-chips-multiple-container { overflow: initial; min-width: 0; } td .p-chips .p-chips-multiple-container .p-chips-token { min-width: 0; max-width: 100%; } td .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-label { min-width: 0; } td:not(.p-cell-editing) .p-chips .p-chips-input-token { display: none; } td.p-editable-column:not(.p-cell-editing) p-celleditor { display: block; position: relative; padding-right: 1rem; } td.p-editable-column:not(.p-cell-editing) p-celleditor:after { content: "\f040"; font-family: "FontAwesome"; font-size: 0.875rem; color: #485A6A; text-rendering: auto; position: absolute; top: 50%; transform: translateY(-50%); right: 0; opacity: 0.4; } td.p-editable-column:not(.p-cell-editing):hover { border: 1px solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)) !important; background: #fff !important; cursor: text; } td.p-editable-column:not(.p-cell-editing):hover p-celleditor:after { opacity: 0.99; } td.p-editable-column:not(.p-cell-editing) .p-chips .p-chips-multiple-container { padding: 0; border: 0; } td.p-editable-column:not(.p-cell-editing) .p-chips .p-chips-multiple-container.p-disabled { opacity: 1; } .p-datatable-quickedit td.p-editable-column:not(.p-cell-editing):hover { border: 0 !important; } .p-tabview:not(.p-tabview-scrollable) .p-tabview-nav { width: 100%; } .p-tabview .p-tabview-nav { padding: 0 1rem; margin: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; padding: 0.5rem 0.5rem 1rem; } .p-tabview .p-tabview-nav li .p-tabview-nav-link .p-tabview-title { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; color: #1E2329; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:hover, .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { text-decoration: none !important; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:hover .p-tabview-title, .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus .p-tabview-title { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); border: 0; text-decoration: none !important; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { border-bottom-width: 3px; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link .p-tabview-title { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .p-tabview.sticky-nav .p-tabview-nav-container { position: sticky; top: 0; background: #fff; z-index: 2; } .ctx-panel.quick-add-bar .ctx-panel__content, .ctx-panel.quick-add-bar p-tabview, .ctx-panel.quick-add-bar .p-tabview, .ctx-panel.quick-add-bar .p-tabview-panels, .ctx-panel.quick-add-bar p-tabpanel { display: flex; flex-direction: column; min-height: 0; max-height: 100%; } .ctx-panel.quick-add-bar .p-tabview .p-tabview-nav-container { background: #F3F4F5; } .ctx-panel.quick-add-bar .p-tabview .p-tabview-nav-container .p-tabview-nav { background: #F3F4F5; flex-wrap: wrap; align-items: center; padding: 0.5rem 1rem; } .ctx-panel.quick-add-bar .p-tabview .p-tabview-nav-container .p-tabview-nav li { flex: 0 0 auto; white-space: nowrap; } .ctx-panel.quick-add-bar .p-tabview .p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link { padding: 0; border: none; background: transparent; } .ctx-panel.quick-add-bar .p-tabview .p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link:hover, .ctx-panel.quick-add-bar .p-tabview .p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link:focus { border: none; } .ctx-panel.quick-add-bar .p-tabview .p-tabview-nav-container .p-tabview-nav li:first-child { flex: 1 1 auto; } .ctx-panel.quick-add-bar .p-tabview .p-tabview-panels { padding: 0; } .ctx-panel.quick-add-bar .p-tabview .p-tabview-panels .p-tabview-panel[aria-hidden=false] { padding: 0; display: flex; flex-direction: column; max-height: 100%; min-height: 0; min-width: 0; } .ctx-settings .p-tabview .p-tabview-nav-btn.p-link { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); background: #fff; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); border-top: 1px solid #C7CDD2; } .ctx-settings .p-tabview .p-tabview-nav-btn.p-link:hover { background: #F3F4F5; } .ctx-settings .p-tabview .p-tabview-nav-btn.p-link:focus { box-shadow: none; } .ctx-settings .p-tabview .p-tabview-nav > li.p-disabled { display: none; } .ctx-settings .p-tabview.main-tabs > .p-tabview-nav-container { position: sticky; top: 0; z-index: 99; } .ctx-settings .p-tabview.main-tabs > .p-tabview-nav-container > .p-tabview-nav-content > .p-tabview-nav { padding: 0.5rem; border: 0; background: #DCE1E3; border-radius: 4px 4px 0 0; } .ctx-settings .p-tabview.main-tabs > .p-tabview-nav-container > .p-tabview-nav-content > .p-tabview-nav .p-tabview-nav-link { background: transparent; padding: 0.5rem; border: 0; border-radius: 4px; } .ctx-settings .p-tabview.main-tabs > .p-tabview-nav-container > .p-tabview-nav-content > .p-tabview-nav .p-highlight .p-tabview-nav-link { background: #fff; } .ctx-settings .p-tabview.main-tabs > .p-tabview-nav-container > .p-tabview-nav-content > .p-tabview-nav .p-highlight .p-tabview-nav-link .p-tabview-title { color: #1E2329; } .ctx-settings .p-tabview.main-tabs > .p-tabview-panels { padding: 0; } .ctx-settings .p-tabview.main-tabs > .p-tabview-panels > p-tabpanel > .p-tabview-panel { padding-bottom: 3rem; } .ctx-settings .p-tabview.sub-tabs > .p-tabview-nav-container { position: sticky; top: 46px; z-index: 98; background: #F3F4F5; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); } .ctx-settings .p-tabview.sub-tabs > .p-tabview-nav-container > .p-tabview-nav-content > .p-tabview-nav { padding: 0 0.5rem; background: #F3F4F5; border-bottom: 1px solid #fff; } .ctx-settings .p-tabview.sub-tabs > .p-tabview-nav-container > .p-tabview-nav-content > .p-tabview-nav li .p-tabview-nav-link { padding-top: 1rem; background: none; } .ctx-settings .p-tabview.sub-tabs > .p-tabview-panels { padding: 0.5rem 1rem; } .page-table-tabs.p-tabview .p-tabview-nav { padding: 0; } .page-table-tabs.p-tabview .p-tabview-panels { padding: 1rem 0 0; } .p-toast-top-center { left: 50% !important; transform: translateX(-50%) !important; margin-left: 0 !important; } .p-toast { z-index: 999999999 !important; max-width: calc(100% - 2rem); } .p-toast .p-toast-message { background: none !important; box-shadow: none; padding: 0.3125rem; } .p-toast .p-toast-message .p-toast-icon-close { width: auto; height: auto; position: absolute; right: 0; top: 0; background: #485A6A; padding: 0.35rem; color: #fff !important; } .p-toast .p-toast-message .p-toast-icon-close .pi { font-size: 0.75rem; color: #fff; } .p-toast .p-toast-message .p-toast-icon-close:focus, .p-toast .p-toast-message .p-toast-icon-close:hover { outline: none; outline-offset: 0; box-shadow: none; background: none; } .p-toast .p-toast-message .p-toast-message-content { background: #D9F2FC; border-radius: 4px; box-shadow: 0 0 0 1px rgba(72, 90, 106, 0.12), 0 3px 8px rgba(30, 35, 41, 0.15); } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { word-wrap: break-word; min-width: 0; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-content { background: #AFFFD6; } .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { background: #37D282; } .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover { background: rgb(42.1163265306, 187.1836734694, 112.3102040816); } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-content { background: #FFD9DD; } .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { background: #F55858; } .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover { background: rgb(242.9830508475, 54.3169491525, 54.3169491525); } .p-toast .p-toast-message.p-toast-message-warning .p-toast-message-content { background: #FFF2A7; } .p-toast .p-toast-message.p-toast-message-warning .p-toast-icon-close { background: #C78B00; } .p-toast .p-toast-message.p-toast-message-warning .p-toast-icon-close:hover { background: rgb(163.3, 114.0638190955, 0); } .p-progressbar .p-progressbar-label { font-weight: var(--semiWeight, 600); color: #fff; font-size: 0.75rem; } .progress-thin .p-progressbar { height: 0.4375rem; } .progress-success .p-progressbar .p-progressbar-value { background: #37D282; } .progress-warning .p-progressbar .p-progressbar-value { background: #FFE373; } .progress-alert .p-progressbar .p-progressbar-value { background: #F55858; } .p-menu:not(.p-menu-primary) .p-menuitem-link, .p-tieredmenu .p-menuitem-link { align-items: flex-start; line-height: 1.5; } .p-menu-list .p-menuitem .p-menuitem-link, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem .p-menuitem-link { padding: 0.5rem; text-decoration: none; } .p-menu-list .p-menuitem .p-menuitem-link .p-menuitem-icon, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.35rem; } .p-menu-list .p-menuitem .p-menuitem-link:not(.p-disabled), .p-tieredmenu.p-tieredmenu-overlay .p-menuitem .p-menuitem-link:not(.p-disabled) { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-menu-list .p-menuitem .p-menuitem-link:not(.p-disabled):hover, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #F3F4F5; } .p-menu-list .p-menuitem .p-menuitem-link:not(.p-disabled):focus, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem .p-menuitem-link:not(.p-disabled):focus { box-shadow: none; } .p-menu-list .p-menuitem.p-button-danger .p-menuitem-link .p-menuitem-icon, .p-menu-list .p-menuitem.p-button-danger .p-menuitem-link .p-menuitem-text, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem.p-button-danger .p-menuitem-link .p-menuitem-icon, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem.p-button-danger .p-menuitem-link .p-menuitem-text { color: #F55858; } .p-menu-list .p-menuitem > .p-menuitem-content, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem > .p-menuitem-content { background: none !important; } .p-menu-list .p-menuitem.menu-group-title, .p-menu-list .p-menuitem.menu-group-title.p-disabled, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem.menu-group-title, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem.menu-group-title.p-disabled { opacity: 1; } .p-menu-list .p-menuitem.menu-group-title .p-menuitem-content .p-menuitem-link, .p-menu-list .p-menuitem.menu-group-title.p-disabled .p-menuitem-content .p-menuitem-link, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem.menu-group-title .p-menuitem-content .p-menuitem-link, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem.menu-group-title.p-disabled .p-menuitem-content .p-menuitem-link { opacity: 1; } .p-menu-list .p-menuitem.menu-group-title .p-menuitem-content .p-menuitem-link .p-menuitem-text, .p-menu-list .p-menuitem.menu-group-title.p-disabled .p-menuitem-content .p-menuitem-link .p-menuitem-text, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem.menu-group-title .p-menuitem-content .p-menuitem-link .p-menuitem-text, .p-tieredmenu.p-tieredmenu-overlay .p-menuitem.menu-group-title.p-disabled .p-menuitem-content .p-menuitem-link .p-menuitem-text { opacity: 1; font-weight: bold; color: #1E2329; } .p-menu.p-menu-primary { padding: 0; } .p-menu.p-menu-primary.border-0 .p-menu-list .p-submenu-header { padding: 0.25rem 0.5rem; padding-top: 0; } .p-menu.p-menu-primary.border-0 .p-menu-list .p-menuitem .p-menuitem-link { padding: 0.25rem 0.5rem; text-decoration: none; } .p-menu.p-menu-primary.border-0 .p-menu-list .p-menuitem .p-menuitem-link .p-menuitem-text { line-height: 1.5; } .p-menu.p-menu-primary .p-menu-list .p-menuitem .p-menuitem-link .p-menuitem-text { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); font-weight: var(--semiWeight, 600); } .p-menu.p-menu-primary.p-menu-overlay { padding: 1rem; max-width: 21.875rem; } .p-menu.bomtable-menu .p-menu-list .p-menuitem.is-active { background: #F3F4F5; } .p-menu.bomtable-menu .p-menu-list .p-menuitem.is-active .p-menuitem-link .p-menuitem-text { color: #1E2329; } .p-tag { padding: 0.1rem 0.2rem; font-weight: var(--semiWeight, 600); } .p-tag.ellipsis { display: block; } .p-tag.ellipsis .p-tag-value { display: inline !important; } .p-tag .p-tag-value { font-weight: var(--semiWeight, 600); } .p-tag .p-tag-icon { font-size: 0.875rem; } .p-tag.p-tag-rounded { border-radius: 50px; } .p-tag.line-1 .p-tag-value { line-height: 1; } .p-tag.beta-label { background-image: linear-gradient( 90deg, #F2009A, #F20074); color: #fff; border: 2px solid #fff !important; border-radius: 8px; padding: 0.25rem 0.5rem; cursor: default; } .p-tag.beta-label .p-tag-value { color: #fff; font-size: 0.75rem; } .p-tag.icon-only { min-width: 24px; } .p-tag.icon-only .p-tag-icon { margin: 0; font-size: 1rem; } .p-tag.icon-only .p-tag-value { padding: 0; } .p-tag.p-tag-info { background-color: #fff; color: #1E2329; border: 1px solid #DCE1E3; } .p-tag.p-tag-info.gray { background-color: #F3F4F5; border: 1px solid #C7CDD2; } .p-tag.p-tag-info .p-tag-icon { color: #485A6A; } .p-tag.p-tag-success { background-color: #AFFFD6; color: #00361D; } .p-tag.p-tag-success .p-tag-icon { color: #37D282; } .p-tag.p-tag-danger { background-color: #FFD9DD; color: #390000; } .p-tag.p-tag-danger .p-tag-icon { color: #F55858; } .p-tag.p-tag-danger.icon-only .p-tag-icon { color: #A20000; } .p-tag.p-tag-warning { background-color: #FFF2A7; color: rgb(148, 103.3768844221, 0); } .p-tag.has-ai-driven { background-color: #E5DBFF; color: #1B0060; border: 0; } .p-tag.has-ai-driven .p-tag-icon { color: #1B0060; } .p-tag.p-tag-discount { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); font-size: 0.75rem; cursor: pointer; } .p-tag.p-tag-discount:hover { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .has-error .p-tag.p-tag-discount { background-color: #FF1E1E; border-color: #FF1E1E; } .p-tag.only-tag-icon { border-radius: 50%; padding: 0; } .p-tag.only-tag-icon .p-tag-value { display: none !important; } .p-tag.only-tag-icon .p-tag-icon { height: 1.7rem; width: 1.7rem; text-align: center; font-size: 1rem; line-height: calc(1.7rem - 0.2rem); } .p-tag.only-tag-icon.p-tag-success .p-tag-icon { color: #005B30; } .p-tag.only-tag-icon.p-tag-danger .p-tag-icon { color: #F55858; } header .p-tag { line-height: 1; display: flex; align-items: center; min-width: 1.7rem; } header .p-tag .p-tag-icon { margin: 0; padding: 0 0.1rem; flex: 0 0 auto; } header .p-tag .p-tag-value { min-width: 0; flex: 0 1 auto; padding: 0 0.1rem; font-size: 0.8125rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .prod-is-config .p-tag .p-tag-value { font-size: 0.75rem; } .prod-is-config .p-tag .p-tag-icon { color: #37D282; } .cs-current .p-tag { cursor: pointer; border: 1px solid #C7CDD2; } .cs-current .p-tag:hover { color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cs-node-label .p-tag { font-size: 0.75rem; cursor: pointer; } .cs-node-label .p-tag.p-tag-info { background-color: #F3F4F5; border: 1px solid #C7CDD2; min-width: 0; max-width: 100%; } .cs-node-label .p-tag.p-tag-info .p-tag-icon { opacity: 0.3; } .cs-node-label .p-tag.p-tag-info .p-tag-value { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cs-node-label .p-tag:hover .p-tag-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); opacity: 1; } .cs-flags .p-tag.p-tag-info { background-color: #89DFFF; color: #0B4459; } .cs-flags .p-tag.p-tag-info .p-tag-icon { color: #0B4459; } @media screen and (max-width: 22.49875em) { .small-only-tag-icon.p-tag { height: 1.7rem; width: 1.7rem; text-align: center; border-radius: 50%; } .small-only-tag-icon.p-tag .p-tag-value { display: none !important; } .small-only-tag-icon.p-tag .p-tag-icon { font-size: 1rem; line-height: calc(1.7rem - 0.2rem); } .small-only-tag-icon.p-tag.p-tag-success .p-tag-icon { color: #005B30; } .small-only-tag-icon.p-tag.p-tag-danger .p-tag-icon { color: #F55858; } } @media screen and (min-width: 40em) and (max-width: 56.24875em) { .medium640-only-tag-icon.p-tag { height: 1.7rem; width: 1.7rem; text-align: center; border-radius: 50%; } .medium640-only-tag-icon.p-tag .p-tag-value { display: none !important; } .medium640-only-tag-icon.p-tag .p-tag-icon { font-size: 1rem; line-height: calc(1.7rem - 0.2rem); } .medium640-only-tag-icon.p-tag.p-tag-success .p-tag-icon { color: #005B30; } .medium640-only-tag-icon.p-tag.p-tag-danger .p-tag-icon { color: #F55858; } } @media screen and (min-width: 56.25em) and (max-width: 74.99875em) { .medium-only-tag-icon.p-tag { height: 1.7rem; width: 1.7rem; text-align: center; border-radius: 50%; } .medium-only-tag-icon.p-tag .p-tag-value { display: none !important; } .medium-only-tag-icon.p-tag .p-tag-icon { font-size: 1rem; line-height: calc(1.7rem - 0.2rem); } .medium-only-tag-icon.p-tag.p-tag-success .p-tag-icon { color: #005B30; } .medium-only-tag-icon.p-tag.p-tag-danger .p-tag-icon { color: #F55858; } } @media screen and (min-width: 75em) and (max-width: 74.99875em) { .large-only-tag-icon.p-tag { height: 1.7rem; width: 1.7rem; text-align: center; border-radius: 50%; } .large-only-tag-icon.p-tag .p-tag-value { display: none !important; } .large-only-tag-icon.p-tag .p-tag-icon { font-size: 1rem; line-height: calc(1.7rem - 0.2rem); } .large-only-tag-icon.p-tag.p-tag-success .p-tag-icon { color: #005B30; } .large-only-tag-icon.p-tag.p-tag-danger .p-tag-icon { color: #F55858; } } @media screen and (min-width: 75em) and (max-width: 89.99875em) { .xlarge-only-tag-icon.p-tag { height: 1.7rem; width: 1.7rem; text-align: center; border-radius: 50%; } .xlarge-only-tag-icon.p-tag .p-tag-value { display: none !important; } .xlarge-only-tag-icon.p-tag .p-tag-icon { font-size: 1rem; line-height: calc(1.7rem - 0.2rem); } .xlarge-only-tag-icon.p-tag.p-tag-success .p-tag-icon { color: #005B30; } .xlarge-only-tag-icon.p-tag.p-tag-danger .p-tag-icon { color: #F55858; } } @media screen and (min-width: 90em) and (max-width: 112.49875em) { .xxlarge-only-tag-icon.p-tag { height: 1.7rem; width: 1.7rem; text-align: center; border-radius: 50%; } .xxlarge-only-tag-icon.p-tag .p-tag-value { display: none !important; } .xxlarge-only-tag-icon.p-tag .p-tag-icon { font-size: 1rem; line-height: calc(1.7rem - 0.2rem); } .xxlarge-only-tag-icon.p-tag.p-tag-success .p-tag-icon { color: #005B30; } .xxlarge-only-tag-icon.p-tag.p-tag-danger .p-tag-icon { color: #F55858; } } @media screen and (min-width: 112.5em) and (max-width: 127.99875em) { .xxxlarge-only-tag-icon.p-tag { height: 1.7rem; width: 1.7rem; text-align: center; border-radius: 50%; } .xxxlarge-only-tag-icon.p-tag .p-tag-value { display: none !important; } .xxxlarge-only-tag-icon.p-tag .p-tag-icon { font-size: 1rem; line-height: calc(1.7rem - 0.2rem); } .xxxlarge-only-tag-icon.p-tag.p-tag-success .p-tag-icon { color: #005B30; } .xxxlarge-only-tag-icon.p-tag.p-tag-danger .p-tag-icon { color: #F55858; } } @media screen and (min-width: 128em) { .twok-only-tag-icon.p-tag { height: 1.7rem; width: 1.7rem; text-align: center; border-radius: 50%; } .twok-only-tag-icon.p-tag .p-tag-value { display: none !important; } .twok-only-tag-icon.p-tag .p-tag-icon { font-size: 1rem; line-height: calc(1.7rem - 0.2rem); } .twok-only-tag-icon.p-tag.p-tag-success .p-tag-icon { color: #005B30; } .twok-only-tag-icon.p-tag.p-tag-danger .p-tag-icon { color: #F55858; } } .item-codes .p-tag { font-size: 0.75rem; } .task-badge { border-radius: 4px; letter-spacing: 0.3px; font-size: 0.75rem; font-weight: var(--semiWeight, 600); padding: 0.08rem 0.25rem; background-color: #F3F4F5; color: #485A6A; border: 1px solid #DCE1E3; } .task-badge.status-table { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .task-badge.status-success { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .task-badge.status-finished { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .task-badge.status-top { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .task-badge.status-step-4 { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .task-badge.status-closed { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .task-badge.status-configurator_calculation { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .task-badge.status-manufacturer { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .task-badge.status-production { background-color: #AFFFD6; border-color: #AFFFD6; color: #00361D; } .task-badge.status-alert { background-color: #FFD9DD; border-color: #FFD9DD; color: #A20000; } .task-badge.status-error { background-color: #FFD9DD; border-color: #FFD9DD; color: #A20000; } .task-badge.status-removed { background-color: #FFD9DD; border-color: #FFD9DD; color: #A20000; } .task-badge.status-new { background-color: #FFD9DD; border-color: #FFD9DD; color: #A20000; } .task-badge.status-project_order_summary { background-color: #FFD9DD; border-color: #FFD9DD; color: #A20000; } .task-badge.status-b2b { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .task-badge.status-warning { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .task-badge.status-active { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .task-badge.status-step-3 { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .task-badge.status-open { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .task-badge.status-project_calculation { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .task-badge.status-distributor { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .task-badge.status-staging { background-color: #FFF2A7; border-color: #FFF2A7; color: rgb(97, 67.7537688442, 0); } .task-badge.status-json { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-experience { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-step-2 { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-step-ORDERED_BY_SUB_DISTRIBUTOR { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-configurator_quote { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-running { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-sub_distributor { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-sub-distributor { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-custom { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-project_segment { background-color: #E5DBFF; border-color: #E5DBFF; color: #1B0060; } .task-badge.status-b2b { font-size: 0.875rem; } .task-badge.status-experience { font-size: 0.875rem; } .task-badge.status-step-ORDERED_BY_SUB_DISTRIBUTOR { font-size: 0.875rem; } .task-badge.status-step-0 { font-size: 0.875rem; } .task-badge.status-step-1 { font-size: 0.875rem; } .task-badge.status-step-2 { font-size: 0.875rem; } .task-badge.status-step-3 { font-size: 0.875rem; } .task-badge.status-step-4 { font-size: 0.875rem; } .task-badge.status-configurator_calculation { font-size: 0.875rem; } .task-badge.status-project_calculation { font-size: 0.875rem; } .task-badge.status-project_order_summary { font-size: 0.875rem; } .task-badge.status-configurator_quote { font-size: 0.875rem; } .task-badge.status-project_quote { font-size: 0.875rem; } .task-badge.status-manufacturer { font-size: 0.875rem; } .task-badge.status-distributor { font-size: 0.875rem; } .task-badge.status-sub_distributor { font-size: 0.875rem; } .task-badge.status-sub-distributor { font-size: 0.875rem; } .task-badge.status-customer { font-size: 0.875rem; } .task-badge.status-step-ORDERED_BY_SUB_DISTRIBUTOR.nowrap { white-space: normal !important; } .status-mark { font-size: 0; } .status-mark .v-number { display: inline-block; font-weight: var(--semiWeight, 600); vertical-align: middle; font-size: 0.875rem; } .status-mark .v-status-icon { height: 1rem; width: 1rem; display: inline-block; font-size: 0; position: relative; border-radius: 1000px; vertical-align: middle; } .status-mark .v-status-icon:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; } .status-mark.v-status-inactive .v-number { opacity: 0.5; } .status-mark.v-status-inactive .v-status-icon { background-color: #E7EBEC; } .status-mark.v-status-inactive .v-status-icon:before { content: "\f111"; font-family: "FontAwesome"; font-size: 0.5625rem; color: #C7CDD2; text-rendering: auto; } .status-mark.v-status-active .v-status-icon { background-color: #FFF2A7; } .status-mark.v-status-active .v-status-icon:before { content: "\f111"; font-family: "FontAwesome"; font-size: 0.5625rem; color: #C78B00; text-rendering: auto; } .status-mark.v-status-top .v-status-icon { background-color: #AFFFD6; } .status-mark.v-status-top .v-status-icon:before { content: "\f077"; font-family: "FontAwesome"; font-size: 0.6875rem; color: #005B30; text-rendering: auto; margin-top: -1px; } .status-mark.v-status-removed .v-number { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .status-mark.v-status-removed .v-status-icon:before { content: "\f019"; font-family: "FontAwesome"; font-size: 0.875rem; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); text-rendering: auto; } .status-mark .status-icon .status-icon { background-color: #FFD9DD; } .status-mark .status-icon .status-icon:before { content: "\f111"; font-family: "FontAwesome"; font-size: 0.6875rem; color: #F55858; text-rendering: auto; } .has-status-tag .status-icon, .is-status-tag .status-icon { height: 1rem; width: 1rem; display: inline-block; font-size: 0; position: relative; border-radius: 1000px; vertical-align: middle; margin-right: 0.25rem; } .has-status-tag .status-icon:before, .is-status-tag .status-icon:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: "\f111"; font-family: "FontAwesome"; font-size: 0.5625rem; color: #F55858; text-rendering: auto; } .has-status-tag.status-new .status-icon, .is-status-tag.status-new .status-icon { background-color: #FFD9DD; } .has-status-tag.status-open .status-icon, .is-status-tag.status-open .status-icon { background-color: #FFF2A7; } .has-status-tag.status-open .status-icon:before, .is-status-tag.status-open .status-icon:before { color: #C78B00; } .has-status-tag.status-closed .status-icon, .is-status-tag.status-closed .status-icon { background-color: #AFFFD6; } .has-status-tag.status-closed .status-icon:before, .is-status-tag.status-closed .status-icon:before { color: #37D282; } .has-status-tag.status-closed .p-tag .p-tag-value, .is-status-tag.status-closed .p-tag .p-tag-value { text-decoration: line-through; } .p-sidebar { padding: 0; } .p-sidebar .p-sidebar-header { padding: 0; } .p-sidebar .p-sidebar-header .p-sidebar-close { background: #485A6A; border-radius: 0 0 0 4px; } .p-sidebar .p-sidebar-header .p-sidebar-close .p-sidebar-close-icon { color: #fff; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover { background: #1E2329; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:active { background: #F55858; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:focus, .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:active { box-shadow: none; outline: none; } .p-sidebar .p-sidebar-content { padding: 0 1rem; } .p-sidebar.ps-cart { width: 100%; } @media print, screen and (min-width: 40em) { .p-sidebar.ps-cart { width: 500px; } } .p-sidebar.ps-cart .p-sidebar-header { justify-content: flex-end; } .p-sidebar.ps-cart .p-sidebar-content { display: flex; flex: 1 1 auto; flex-direction: column; } .p-sidebar.ps-cart .configurator-blockable-container { display: flex; flex: 1 1 auto; flex-direction: column; } .p-sidebar.ps-cart .qty-cell { max-width: 75px; } .p-sidebar.ps-cart .ps-cart-footer { border-top: 1px solid #DCE1E3; padding: 0.5rem 5rem 0.5rem 0; } .p-splitter-panel.p-splitter-panel-nested { min-width: 0; } .p-splitter-horizontal > .p-splitter-gutter { margin: 0; } .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle { height: 4rem !important; position: relative; } .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle:after, .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); z-index: -1; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle:after { left: 100%; display: block; width: 0; height: 0; border: inset 8px; content: ""; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle:before { right: 100%; display: block; width: 0; height: 0; border: inset 8px; content: ""; border-left-width: 0; border-right-style: solid; border-color: transparent hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)) transparent transparent; } .p-splitter-horizontal > .p-splitter-gutter:hover { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.3); } .p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle:after, .p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle:before { opacity: 0.99; z-index: 3; } .p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle:after { left: calc(100% + 0.25rem); } .p-splitter-horizontal > .p-splitter-gutter:hover > .p-splitter-gutter-handle:before { right: calc(100% + 0.25rem); } .p-splitter-vertical > .p-splitter-gutter { margin: 0; } .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle { width: 4rem !important; position: relative; } .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle:after, .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle:after { top: 100%; display: block; width: 0; height: 0; border: inset 8px; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)) transparent transparent; } .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle:before { bottom: 100%; display: block; width: 0; height: 0; border: inset 8px; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-splitter-vertical > .p-splitter-gutter:hover { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.3); } .p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle:after, .p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle:before { opacity: 0.99; z-index: 3; } .p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle:after { top: calc(100% + 0.25rem); } .p-splitter-vertical > .p-splitter-gutter:hover > .p-splitter-gutter-handle:before { bottom: calc(100% + 0.25rem); } .p-splitter { background: none; border: 0; } .p-splitter.p-splitter-dev { background: #1e1e1e; color: #F3F4F5; } .p-splitter.p-splitter-dev .p-splitter-gutter { background: rgba(255, 255, 255, 0.45); } .p-splitter.p-splitter-dev .p-splitter-gutter .p-splitter-gutter-handle { background: rgba(255, 255, 255, 0.6); } .p-splitter.p-splitter-dev .p-splitter-gutter:hover { background: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.6); } .p-splitter.p-splitter-dev .p-splitter-gutter:hover .p-splitter-gutter-handle { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .p-splitter.p-splitter-dev .p-dropdown, .p-splitter.p-splitter-dev .p-inputtext, .p-splitter.p-splitter-dev .p-field-label, .p-splitter.p-splitter-dev .p-button-text.p-button-icon-only .p-button-icon { color: #F3F4F5; } .p-splitter.p-splitter-dev .p-dropdown, .p-splitter.p-splitter-dev .p-inputtext:not(.p-dropdown-label) { background: rgba(243, 244, 245, 0.2); border-color: #C7CDD2; } .p-splitter.p-splitter-dev .test-results { height: calc(60vh - 50px); min-height: 250px; overflow-y: auto; } .p-splitter.p-splitter-dashboard { color: #1E2329; } .p-splitter.p-splitter-dashboard .p-splitter-panel:first-child, .p-splitter.p-splitter-dashboard .p-splitter-panel:last-child { min-width: 300px; width: 100%; height: 100%; min-height: 0; } .p-splitter.p-splitter-dashboard .p-splitter-panel:first-child { overflow-y: auto; } @media print, screen and (min-width: 56.25em) { .p-splitter.p-splitter-dashboard .p-splitter-panel:first-child { padding-right: 0.5rem; margin-right: 0.5rem; } } @media screen and (max-width: 56.24875em) { .p-splitter.p-splitter-dashboard { flex-direction: column; height: auto !important; } .p-splitter.p-splitter-dashboard .p-splitter-panel:first-child, .p-splitter.p-splitter-dashboard .p-splitter-panel:last-child { width: 100% !important; min-width: 0; } .p-splitter.p-splitter-dashboard > .p-splitter-gutter { display: none; } } .p-splitter.p-splitter-vertical-dashboard { min-height: 0; min-width: 0; width: 100%; } .p-splitter.p-splitter-vertical-dashboard .p-splitter-panel { position: relative; display: block; } @media screen and (max-width: 56.24875em) { .p-splitter.p-splitter-vertical-dashboard > .p-splitter-gutter { display: none; } .p-splitter.p-splitter-vertical-dashboard .p-splitter-panel:first-child, .p-splitter.p-splitter-vertical-dashboard .p-splitter-panel:last-child { width: auto !important; flex-basis: initial !important; overflow: initial; height: initial; } } @media print, screen and (min-width: 56.25em) { .p-splitter.p-splitter-vertical-dashboard .p-splitter-panel:first-child, .p-splitter.p-splitter-vertical-dashboard .p-splitter-panel:last-child { overflow-y: auto; min-height: 100px; padding-left: 1rem; } } .p-tooltip .p-tooltip-text { word-break: break-word; } .p-tooltip.p-tooltip-w-max { max-width: 80vw; } .p-tooltip.cf-toolbar-toolip { max-width: 150px; font-size: 0.8125rem; hyphens: auto; } .p-component.has-warning .p-inputtext { padding-right: 1.625rem; } input[type=password]::-ms-reveal, input[type=password]::-ms-clear { display: none !important; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion > .p-element > .p-accordion-tab { box-shadow: none; border: 0; border-bottom: 2px solid #fff; margin: 0; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion > .p-element > .p-accordion-tab:after { content: ""; border-bottom: 1px solid #C7CDD2; display: block; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion > .p-element > .p-accordion-tab > .p-accordion-header .p-accordion-header-link { background: none; border: 0; padding: 0.75rem 1.5rem 0.75rem 0; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion > .p-element > .p-accordion-tab > .p-accordion-header .p-accordion-header-link .p-accordion-header-text { font-size: 1rem; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion > .p-element > .p-accordion-tab > .p-toggleable-content > .p-accordion-content { background: none; padding: 0 0 0.5rem; border: 0; } .node-settings .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion > .p-element > .p-accordion-tab > .p-accordion-header > .p-accordion-header-link { padding-left: 1rem; } .node-settings .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion > .p-element > .p-accordion-tab > .p-accordion-header > .p-accordion-header-link > .p-accordion-toggle-icon { right: 1rem; } .node-settings .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion > .p-element > .p-accordion-tab > .p-toggleable-content > .p-accordion-content { padding: 0 1rem 0.5rem; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion .p-accordion.p-accordion-add-form .p-accordion-tab { border: 3px dashed rgba(30, 35, 41, 0.15); box-shadow: none !important; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion .p-accordion.p-accordion-add-form .p-accordion-content { padding: 0.5rem 0; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion .p-accordion.p-accordion-add-form .p-accordion-content .p-accordion-add-form { padding: 0 1rem 0.5rem; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-settings-accordion .p-accordion.p-accordion-add-form .p-accordion-content .p-accordion-footer { border-top: 1px solid #DCE1E3; padding: 0.5rem 1rem 0; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-pdp-accordion { padding-block: 0.25rem 0.5rem; padding-inline: 1rem; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-pdp-accordion .p-accordion-tab { box-shadow: none; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-pdp-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link { background: #E7EBEC; padding-block: 0.5rem; padding-inline: 1rem 0.25rem; border: 0; display: flex; align-items: center; gap: 0.25rem; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-pdp-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link .p-icon-wrapper { position: initial; transform: none; color: #485A6A; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-pdp-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link .p-icon-wrapper .p-icon { width: 0.75rem; height: 0.75rem; } .p-accordion:not(.pluginhub):not(.p-accordion-item-list).cs-pdp-accordion .p-accordion-content { background: #E7EBEC; padding-top: 0; } .include-custom-script.is-disabled .p-field-label { cursor: not-allowed; } .include-custom-script.is-disabled .p-field-label > span { opacity: 0.55; } .include-custom-script.is-disabled .custom-logic-wrapper { cursor: default; opacity: 0.55; } .include-custom-script.is-disabled .ctx-script { cursor: not-allowed; min-height: 100px; height: 100px; } .custom-logic-wrapper, .pointed-wrapper { background: #fff; box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); margin: 0 0 1rem; padding: 0.75rem 0.75rem; border-radius: 4px; position: relative; } .custom-logic-wrapper:before, .pointed-wrapper:before { display: block; width: 0; height: 0; border: inset 9px; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #fff; position: absolute; bottom: 100%; left: 1.4rem; z-index: 1; } .custom-logic-wrapper:after, .pointed-wrapper:after { display: block; width: 0; height: 0; border: inset 11px; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent rgba(72, 90, 106, 0.1); position: absolute; bottom: 100%; left: 1.3rem; } .cs-button-add-base, .cs-add.end-of .p-button.cs-button-add, .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add { border: 0; width: 1.5rem; height: 1.5rem; padding: 0; margin-left: 3px; } .cs-button-add-base .p-button-icon, .cs-add.end-of .p-button.cs-button-add .p-button-icon, .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add .p-button-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.9375rem; } .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add { position: absolute; z-index: 2; left: -1px; top: -0.675rem; } .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add:not(:hover) { background: transparent; } .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add:not(:hover) .p-button-icon { border-radius: 50%; background: #C7CDD2; width: 0.5rem; height: 0.5rem; } .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add:not(:hover) .p-button-icon:before { display: none; } .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add:hover, .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add:focus:active { background: #fff; box-shadow: 0 0 1px 0 rgba(72, 90, 106, 0.5), 0 5px 5px 0 rgba(72, 90, 106, 0.15), 0 7px 20px 0 rgba(72, 90, 106, 0.57); } .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add:hover + .cs-insert-line { opacity: 0.99; } .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add:focus:active { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add:focus:active .p-button-icon { color: #fff; } .cs-add:not(.end-of):not(.extremity) .p-button.cs-button-add:focus:active + .cs-insert-line { opacity: 0.99; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .cs-add.end-of .p-button.cs-button-add { position: relative; } .cs-add.extremity .p-button { width: 100%; padding: 0.5rem 1rem; border: 2px dashed rgba(72, 90, 106, 0.3); color: #485A6A; background: transparent; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cs-add.extremity .p-button .p-button-label { font-size: 1rem; font-weight: var(--semiWeight, 600); } .cs-add.extremity .p-button .p-button-icon { background: #DCE1E3; font-size: 0.9375rem; opacity: 1; padding: 0.5rem; border-radius: 4px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cs-add.extremity .p-button:hover { border-color: #485A6A; box-shadow: 0 2px 2px rgba(72, 90, 106, 0.1); } .cs-add.extremity .p-button:hover .p-button-icon { background: rgb(200.1666666667, 208, 211.1333333333); } .cs-add.extremity .p-button:active { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); background: #fff; } .cs-add.extremity .p-button:active .p-button-icon { background: rgb(191.6666666667, 200.7142857143, 204.3333333333); } .var-ext-exp-p-autocomplete-items .p-autocomplete-item-group, .p-autocomplete.var-ext-exp .p-autocomplete-panel .p-autocomplete-item-group { padding-left: 1rem; padding-right: 1rem; padding-bottom: 0; } .var-ext-exp-p-autocomplete-items .p-autocomplete-item-group:first-child, .p-autocomplete.var-ext-exp .p-autocomplete-panel .p-autocomplete-item-group:first-child { padding-top: 0; } .var-ext-exp-p-autocomplete-items .p-autocomplete-item-group:not(:first-child), .p-autocomplete.var-ext-exp .p-autocomplete-panel .p-autocomplete-item-group:not(:first-child) { border-top: 1px solid #C7CDD2; padding-top: 0.5rem; } .var-ext-exp-p-autocomplete-items .p-autocomplete-item, .p-autocomplete.var-ext-exp .p-autocomplete-panel .p-autocomplete-item { padding: 0.25rem 1rem; white-space: normal; word-break: break-word; font-weight: var(--semiWeight, 600); } .var-ext-exp-p-autocomplete-items .p-autocomplete-item.p-highlight, .p-autocomplete.var-ext-exp .p-autocomplete-panel .p-autocomplete-item.p-highlight { color: #1E2329; } .var-name-form .var-name-err a { font-weight: var(--semiWeight, 600); color: #fff !important; text-decoration: underline !important; } .vars-list .var-row .var-name-form .var-name-edit { max-width: 120%; } .p-card.j-ex-block-card .p-card-body { padding: 0.25rem 1rem 1rem; } .cs-ex-builder .msg-line { margin: 0.25rem 0; } .cs-ex-builder .msg-line .p-message { margin: 0; } .cs-ex-builder .msg-line .p-message .p-message-wrapper { padding: 0.25rem 0.25rem 0.25rem 1.5rem; } .cs-ex-builder .msg-line .p-message .p-message-details { line-height: 1.2; font-size: 0.8125rem; } .cs-ex-builder .msg-line .p-message .p-message-icon { top: 0.3rem; left: 0.3rem; font-size: 1rem; } .cs-ex-builder .msg-line + .j-ex-line { margin-top: 0.75rem; } .j-ex-line { display: flex; align-items: center; margin: 0.25rem 0; } .j-ex-line .j-ex-statement { flex: 0 1 auto; margin-right: 0.25rem; } .j-ex-line .j-ex { flex: 1 1 auto; word-break: break-word; } .j-ex-line .j-ex .p-inputtext { padding: 0.25rem; width: 100%; } .j-ex-line .p-tag { padding: 0.25rem; text-transform: uppercase; background-color: #AFFFD6; color: #00361D; } .j-ex-line.has-err .p-tag { background-color: #FFD9DD; color: #390000; } .p-autocomplete .p-inputtext.p-autocomplete-input { border-radius: 4px 0 0 4px; } .p-autocomplete .p-button.p-autocomplete-dropdown { width: 1.8rem; border-radius: 0 4px 4px 0; } .p-autocomplete.cs-link-component { font-size: 0.875rem; } .p-autocomplete.cs-link-component .p-autocomplete-input, .p-autocomplete.cs-link-component .p-button.p-autocomplete-dropdown { border-color: #485A6A; } .p-inputwrapper-focus .p-autocomplete.cs-link-component .p-autocomplete-input, .p-inputwrapper-focus .p-autocomplete.cs-link-component .p-autocomplete-dropdown { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } @media print, screen and (min-width: 75em) { .p-autocomplete.cs-link-component .p-autocomplete-panel { min-width: 21.875rem; } } .p-autocomplete.cs-link-component .p-autocomplete-panel .p-autocomplete-items { padding-top: 0; } .p-autocomplete.cs-link-component .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { padding-bottom: 0; } .p-autocomplete.cs-link-component .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group + .p-autocomplete-item { margin-bottom: 0.5rem; } .p-autocomplete.cs-link-component .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group + .p-autocomplete-item + .p-autocomplete-item { border-top: 1px solid #DCE1E3; } .p-autocomplete.cs-link-component .p-autocomplete-dropdown { width: 1.5rem; } .p-autocomplete.cs-link-component .p-overlay { max-width: 450px; } .p-autocomplete.var-ext-exp { width: 100%; border: 0; } .p-autocomplete.var-ext-exp .p-autocomplete-input { border: 0; padding-left: 0; } .p-autocomplete.var-ext-exp .p-autocomplete-dropdown { border: 0; width: 1.5rem; } .p-autocomplete.var-ext-exp .p-autocomplete-panel { width: 100%; } .cs-bulk-selector .p-checkbox { width: 1.75rem; height: auto; text-align: center; position: relative; z-index: 1; } .cs-bulk-selector .p-checkbox .p-checkbox-box, .cs-bulk-selector .p-checkbox .p-disabled { opacity: 1; height: 1.5rem; width: 1.5rem; margin: auto; border: 1px solid #C7CDD2; background-color: #fff; padding: 0; } .cs-bulk-selector .p-checkbox .p-checkbox-box.p-highlight, .cs-bulk-selector .p-checkbox .p-disabled.p-highlight { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .pdp-target-item__header.has-error .p-dropdown { border-color: #F55858; opacity: 1 !important; } .cs-type-selector .p-dropdown { cursor: pointer; } .cs-type-selector .p-dropdown:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 1000px; width: 2.2rem; height: 2.2rem; background: #485A6A; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .cs-type-selector .p-dropdown:hover:before { opacity: 0.15; } .p-dropdown.configurator-select-dropdown .p-dropdown-label { padding-block: 0.25rem; padding-inline: 0.5rem 0; } .p-dropdown-panel.configurator-select-dropdown-panel .p-dropdown-items { padding-top: 0; } .p-dropdown-panel.configurator-select-dropdown-panel .p-dropdown-items .p-dropdown-item-group { padding-block: 0.25rem; } .p-dropdown-panel.configurator-select-dropdown-panel .p-dropdown-items .p-dropdown-item { padding-block: 0.25rem; margin-bottom: 0.25rem; } .p-dropdown-panel.configurator-select-dropdown-panel .p-dropdown-items .p-dropdown-item.p-disabled { opacity: 1; background: rgba(30, 35, 41, 0.04); } .p-dropdown-panel.configurator-select-dropdown-panel .p-dropdown-items .p-dropdown-item.p-disabled .target-name, .p-dropdown-panel.configurator-select-dropdown-panel .p-dropdown-items .p-dropdown-item.p-disabled .target-code { opacity: 0.6; } .p-splitter.cs-splitter .p-splitter-panel:first-child { min-width: 350px; } .p-splitter.cs-splitter .p-splitter-panel:last-child { min-width: 350px; } .p-splitter.cs-splitter .p-splitter.cs-vertical-splitter { min-height: 0; min-width: 0; width: 100%; } .p-splitter.cs-splitter .p-splitter.cs-vertical-splitter .p-splitter-panel { overflow: auto; min-height: 64px; position: relative; display: block; } .p-splitter.cs-splitter .p-splitter.cs-vertical-splitter.pdp-splitter .p-splitter-panel:first-child { min-height: 36px; } .p-splitter.cs-splitter .p-splitter.cs-vertical-splitter.pdp-splitter .p-splitter-gutter-handle { z-index: 11; } .p-splitter.cs-splitter .p-splitter.cs-vertical-splitter.pdp-splitter .pdp-rule-draft .node-trigger { background: #fff; } .p-splitter.cs-splitter-only-one-panel > .p-splitter-panel:not(:first-child) { display: none; } .p-splitter.cs-splitter-only-one-panel > .p-splitter-gutter { display: none; } .p-overlaypanel.cs-create-var-overlay { overflow: initial; } .p-overlaypanel.cs-create-var-overlay .p-overlaypanel-content { height: 50vh; min-height: 400px; padding-left: 0; padding-right: 0; } .p-overlaypanel.cs-create-var-overlay.single-selection .p-checkbox-box { border-radius: 50%; } .p-overlaypanel.cs-create-var-overlay.single-selection .p-checkbox-box.p-highlight .p-checkbox-icon { border-radius: 50%; height: 100%; width: 100%; border: 0.25rem solid #fff; } .p-overlaypanel.cs-create-var-overlay.single-selection .p-checkbox-box.p-highlight .p-checkbox-icon::before { display: none; } .p-overlaypanel.cs-overlaypanel-snapshots .p-overlaypanel-content, .p-overlaypanel.history-overlaypanel .p-overlaypanel-content { padding: 0; } .p-overlaypanel.cs-overlaypanel-snapshots .items-header, .p-overlaypanel.history-overlaypanel .items-header { padding: 1rem; border-bottom: 1px solid #C7CDD2; } .p-overlaypanel.cs-overlaypanel-snapshots .items-content, .p-overlaypanel.history-overlaypanel .items-content { background: #F3F4F5; border-top: 2px solid #fff; max-height: 40vh; overflow-y: auto; } .p-overlaypanel.cs-overlaypanel-snapshots .flex-couple .flex-couple-icon span, .p-overlaypanel.history-overlaypanel .flex-couple .flex-couple-icon span { width: 1.5rem; } .p-overlaypanel.cs-overlaypanel-snapshots .items-content { padding: 0.5rem; } .p-overlaypanel.cs-overlaypanel-snapshots .items-content .snapshot-item:first-child { padding-bottom: 0.5rem; } .p-overlaypanel.cs-overlaypanel-snapshots .items-content .snapshot-item:not(:first-child) { border-top: 1px solid #E7EBEC; padding: 0.5rem 0; } .p-overlaypanel.cs-overlaypanel-snapshots .items-content .snapshot-item .has-diff-version { color: #F55858; } .p-overlaypanel.cs-overlaypanel-snapshots .p-accordion .p-accordion-header .p-accordion-header-link { border-bottom: 0; padding: 0.5rem 1.5rem 0.5rem 0.5rem; } .p-overlaypanel.cs-overlaypanel-snapshots .p-accordion .p-accordion-content { padding: 0 0.5rem 0.5rem; } .p-overlaypanel.history-overlaypanel .items-content { padding: 1rem; } .p-overlaypanel.history-overlaypanel .p-accordion-header .p-accordion-header-link { padding: 0.5rem 1.5rem 0.5rem 1rem; } .p-overlaypanel.history-overlaypanel .p-accordion .p-accordion-content { padding: 0 1rem 1rem; } .cs-overlay-delconf .cs-node-label .p-tag { cursor: default; } .p-tabview.cs-create-var-tabs .p-tabview-panels { display: flex; min-height: 0; padding-top: 0; padding-bottom: 0; padding-right: 0; padding-left: 1rem; } .p-tabview.cs-create-var-tabs .p-tabview-panel[aria-hidden=false] { display: flex; flex: 1 1 auto; min-height: 0; } .p-tabview.cs-create-var-tabs .cs-create-var-sysheader a:before { content: "\f132"; font-family: "FontAwesome"; font-size: 0.875rem; color: #C78B00; text-rendering: auto; padding-right: 0.25rem; line-height: 1; } .p-tabview.cs-create-var-tabs .cs-create-var-prj-item-header a .material-icons { font-size: 0.875rem; color: #C78B00; padding-right: 0.25rem; } .p-treetable.cs-create-var-tree .p-treetable-header { position: sticky; top: 0; border-bottom: 1px solid #DCE1E3; z-index: 10; } .p-treetable.cs-create-var-tree table tbody > tr > td { position: relative; padding: 0.25rem; } .p-treetable.cs-create-var-tree table tbody > tr > td .p-treetable-toggler { position: relative; z-index: 1; } .p-treetable.cs-create-var-tree table tbody > tr > td .var-current-node > div { position: relative; } .p-treetable.cs-create-var-tree table tbody > tr > td .var-current-node:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border: 1px solid #485A6A; background: #F3F4F5; } .p-treetable.cs-create-var-tree .p-checkbox.p-checkbox-disabled { visibility: hidden; } .p-treetable .hide-toggler > button { visibility: hidden !important; } .permissions .hbadge.systemperm { padding-left: 1.5rem; position: relative; } .permissions .hbadge.systemperm .fa { position: absolute; left: 0.5rem; top: 0.2rem; } .cs-ref-lable-toggle.is-visible .p-field-label, .cs-ref-lable-toggle.is-selected .p-field-label { background: #fff; box-shadow: 0 2px 1px rgba(30, 35, 41, 0.3); border: 0; } .cs-ref-lable-toggle.is-visible .p-field-label:hover, .cs-ref-lable-toggle.is-selected .p-field-label:hover { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } @media screen and (min-width: 64em) { .cf-steps-solidbg .has-v-steps .cf-editing-order { padding-left: 0.5rem; } } .accept-publish .items-changed, .accept-publish .items-added, .accept-publish .items-removed, .accept-publish .items-w-errors { margin: 0; } .accept-publish .items-changed li .item-label:first-child, .accept-publish .items-added li .item-label:first-child, .accept-publish .items-removed li .item-label:first-child, .accept-publish .items-w-errors li .item-label:first-child { font-weight: bold; } .accept-publish .items-changed li .item-label:not(:only-child):first-child::after, .accept-publish .items-added li .item-label:not(:only-child):first-child::after, .accept-publish .items-removed li .item-label:not(:only-child):first-child::after, .accept-publish .items-w-errors li .item-label:not(:only-child):first-child::after { content: ":"; margin-right: 0.25rem; } .accept-publish .items-w-errors { padding-left: 1rem; } .accept-publish .items-w-errors li { padding: 0.25rem 0; } .accept-publish .items-w-errors li .item-error { padding-left: 1rem; position: relative; } .accept-publish .items-w-errors li .item-error::before { position: absolute; top: 0.02rem; left: 0.03rem; content: "\f06a"; font-family: "FontAwesome"; font-size: 0.875rem; color: #F55858; text-rendering: auto; } .accept-publish .items-changed, .accept-publish .items-added, .accept-publish .items-removed { list-style: none; padding: 0; } .accept-publish .items-changed li, .accept-publish .items-added li, .accept-publish .items-removed li { padding: 0.25rem 0 0.25rem 1.25rem; position: relative; } .accept-publish .items-changed li::before, .accept-publish .items-added li::before, .accept-publish .items-removed li::before { position: absolute; top: 0.28rem; left: 0; } .accept-publish .items-changed li::before { content: "\f021"; font-family: "FontAwesome"; font-size: 0.875rem; color: #485A6A; text-rendering: auto; } .accept-publish .items-added li::before { content: "\f067"; font-family: "FontAwesome"; font-size: 0.875rem; color: #37D282; text-rendering: auto; } .accept-publish .items-removed li::before { content: "\f068"; font-family: "FontAwesome"; font-size: 0.875rem; color: #F55858; text-rendering: auto; } .ctx-script-header { border-top-right-radius: 4px; border-top-left-radius: 4px; margin-right: 0.5rem; overflow: hidden; } .ctx-script-header .ctx-script-header-left { padding: 0.25rem 0.5rem; flex: 1 1 auto; } .ctx-script-header .ctx-script-header-title { padding: 0.5rem 0.25rem; } .ctx-script-header .ctx-script-template-button .p-button { border-radius: 0; border: 0; height: 100%; } .ctx-script-header .ctx-script-theme-switch { padding: 0.25rem 0.5rem; margin-left: 0.5rem; border-radius: 4px; } .ctx-script-header .ctx-script-theme-switch .p-selectbutton .p-button { padding: 0.125rem 0.25rem; border: 0; } .ctx-script-header .ctx-script-theme-switch .p-selectbutton .p-button:last-child { margin-left: 0.25rem; } .ctx-script-header .ctx-script-theme-switch .p-selectbutton .p-button:not(.p-highlight) { background: transparent; } .ctx-script-header .ctx-script-theme-switch .p-selectbutton .p-button.p-highlight { cursor: default; } .ctx-script-header .ctx-script-header-return { font-style: italic; } .ctx-script-header.dark_mode { color: #fff; } .ctx-script-header.dark_mode .ctx-script-header-left { background: #485A6A; } .ctx-script-header.dark_mode .ctx-script-header-title .hive-heading { color: rgba(255, 255, 255, 0.65); font-weight: normal; } .ctx-script-header.dark_mode .ctx-script-header-return { color: #fff; } .ctx-script-header.dark_mode .ctx-script-template-button { background: #485A6A; } .ctx-script-header.dark_mode .ctx-script-template-button .p-button { background: rgba(255, 255, 255, 0.2); box-shadow: -1px 0 0 1px #1E2329; border-left: 1px solid rgba(255, 255, 255, 0.5); } .ctx-script-header.dark_mode .ctx-script-template-button .p-button .p-button-label { color: #fff; } .ctx-script-header.dark_mode .ctx-script-template-button .p-button:hover { background: rgba(255, 255, 255, 0.05); } .ctx-script-header.dark_mode .ctx-script-theme-switch { background: #1E2329; } .ctx-script-header.dark_mode .ctx-script-theme-switch .p-selectbutton .p-button { box-shadow: none; } .ctx-script-header.dark_mode .ctx-script-theme-switch .p-selectbutton .p-button:not(.p-highlight) { color: rgba(255, 255, 255, 0.85); } .ctx-script-header.dark_mode .ctx-script-theme-switch .p-selectbutton .p-button:not(.p-highlight):hover { color: #1E2329; background: rgba(255, 255, 255, 0.95); } .ctx-script-header.light_mode { color: #1E2329; border: 1px solid #C7CDD2; border-bottom: 0; } .ctx-script-header.light_mode .ctx-script-header-left { background: #E7EBEC; } .ctx-script-header.light_mode .ctx-script-header-title .hive-heading { color: #1E2329; font-weight: var(--semiWeight, 600); } .ctx-script-header.light_mode .ctx-script-header-return { color: #1E2329; } .ctx-script-header.light_mode .ctx-script-template-button .p-button { background: #C7CDD2; color: #1E2329; box-shadow: -1px 0 0 1px rgba(72, 90, 106, 0.3); border-left: 1px solid #fff; } .ctx-script-header.light_mode .ctx-script-template-button .p-button .p-button-label { color: #1E2329; } .ctx-script-header.light_mode .ctx-script-template-button .p-button:hover { background: rgba(255, 255, 255, 0.05); } .ctx-script-header.light_mode .ctx-script-theme-switch { background: #C7CDD2; } .ctx-script-header.light_mode .ctx-script-theme-switch .p-selectbutton .p-button:not(.p-highlight) { color: #485A6A; } .ctx-script-header.light_mode .ctx-script-theme-switch .p-selectbutton .p-button:not(.p-highlight):hover { color: #1E2329; background: rgba(255, 255, 255, 0.95); } .ctx-script-header.light_mode .ctx-script-theme-switch .p-selectbutton .p-button.p-highlight { background: #fff; box-shadow: 0 2px 1px rgba(30, 35, 41, 0.3); border: 0; } .ctx-script-header.light_mode .ctx-script-theme-switch .p-selectbutton .p-button.p-highlight:hover { background: #fff; box-shadow: 0 3px 2px rgba(30, 35, 41, 0.4); } .ctx-script-header.light_mode + .ctx-script .editor-container { border: 1px solid #C7CDD2; } .ctx-script-header.light_mode + .ctx-script .monaco-editor { background: #F3F4F5; } .ctx-script-header.light_mode + .ctx-script .monaco-editor .margin, .ctx-script-header.light_mode + .ctx-script .monaco-editor .monaco-editor-background { background: #F3F4F5; } .ctx-settings .ctx-settings-history { position: sticky; bottom: 0; padding: 0.5rem 0 0.5rem; max-width: 100%; z-index: 2; text-align: right; } .ctx-settings .ctx-settings-history.sticky { position: sticky; } .ctx-settings .ctx-settings-history.nonsticky { position: initial; bottom: initial; } .ctx-settings .ctx-settings-history .p-chip { box-shadow: 0 0 0 1px rgba(72, 90, 106, 0.2), 2px 5px 5px rgba(72, 90, 106, 0.18); } .ctx-settings .ctx-settings-identifier .ctx-settings-identifier-actions .p-button-text .p-button-icon { color: #DCE1E3; } .ctx-settings .ctx-settings-identifier .ctx-settings-identifier-actions .p-button-text:enabled:hover, .ctx-settings .ctx-settings-identifier .ctx-settings-identifier-actions .p-button-text:enabled:focus { background: rgba(255, 255, 255, 0.2); } .ctx-settings .ctx-settings-identifier .ctx-settings-identifier-actions .p-button-text:enabled:hover .p-button-icon, .ctx-settings .ctx-settings-identifier .ctx-settings-identifier-actions .p-button-text:enabled:focus .p-button-icon { color: #fff; } .breadcrumb-container { position: relative; } @media screen and (max-width: 31.25em) { .breadcrumb-container .input-dyn { min-width: 30px !important; } } .announcement .announcement-description p { margin: 0 0 1rem; } .pstore-header .cf-config-status { margin: 0; padding: 0.25rem; } .pstore-config-window .status-issues .wizard-tag { cursor: default !important; } .reference-date-input--future .p-inputtext, .reference-date-input--future .p-datepicker-trigger { background: #FFF2A7 !important; border-color: #C78B00 !important; color: #C78B00 !important; } .reference-date-input--expired .p-inputtext, .reference-date-input--expired .p-datepicker-trigger { background: #FFD9DD !important; border-color: #F55858 !important; color: #A20000 !important; } .row--future { background: rgba(255, 242, 167, 0.3) !important; } .row--future:hover { background: rgba(255, 242, 167, 0.4) !important; } .row--expired { background: rgba(72, 90, 106, 0.1) !important; } .row--expired:hover { background: rgba(72, 90, 106, 0.2) !important; } /* projects/hivecpq-frontend-library/assets/css/verge-3d-styling.css */ .v3d-canvas { top: unset; bottom: unset; left: unset; right: unset; z-index: unset; } /* node_modules/highlight.js/styles/github-dark.min.css */ pre code.hljs { display: block; overflow-x: auto; padding: 1em; } code.hljs { padding: 3px 5px; } /*! Theme: GitHub Dark Description: Dark theme as seen on github.com Author: github.com Maintainer: @Hirse Updated: 2021-05-15 Outdated base version: https://github.com/primer/github-syntax-dark Current colors taken from GitHub's CSS */ .hljs { color: #c9d1d9; background: #0d1117; } .hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ { color: #ff7b72; } .hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ { color: #d2a8ff; } .hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-variable { color: #79c0ff; } .hljs-meta .hljs-string, .hljs-regexp, .hljs-string { color: #a5d6ff; } .hljs-built_in, .hljs-symbol { color: #ffa657; } .hljs-code, .hljs-comment, .hljs-formula { color: #8b949e; } .hljs-name, .hljs-quote, .hljs-selector-pseudo, .hljs-selector-tag { color: #7ee787; } .hljs-subst { color: #c9d1d9; } .hljs-section { color: #1f6feb; font-weight: 700; } .hljs-bullet { color: #f2cc60; } .hljs-emphasis { color: #c9d1d9; font-style: italic; } .hljs-strong { color: #c9d1d9; font-weight: 700; } .hljs-addition { color: #aff5b4; background-color: #033a16; } .hljs-deletion { color: #ffdcd7; background-color: #67060c; } /* src/styles.scss */ .ng-select.ng-select-opened > .ng-select-container { background: #ffffff; border-color: rgb(178.5, 178.5, 178.5) #ccc rgb(216.75, 216.75, 216.75); } .ng-select.ng-select-opened > .ng-select-container:hover { box-shadow: none; } .ng-select.ng-select-opened > .ng-select-container .ng-arrow { top: -2px; border-color: transparent transparent #999999; border-width: 0 5px 5px; } .ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover { border-color: transparent transparent #333333; } .ng-select.ng-select-opened.ng-select-top > .ng-select-container { border-top-right-radius: 0; border-top-left-radius: 0; } .ng-select.ng-select-opened.ng-select-right > .ng-select-container { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ng-select.ng-select-opened.ng-select-left > .ng-select-container { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container { border-color: #007eff; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1); } .ng-select.ng-select-disabled > .ng-select-container { background-color: #f9f9f9; } .ng-select .ng-has-value .ng-placeholder { display: none; } .ng-select .ng-select-container { color: #333; background-color: #ffffff; border-radius: 4px; border: 1px solid #ccc; min-height: 36px; align-items: center; } .ng-select .ng-select-container:hover { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); } .ng-select .ng-select-container .ng-value-container { align-items: center; padding-left: 10px; } [dir=rtl] .ng-select .ng-select-container .ng-value-container { padding-right: 10px; padding-left: 0; } .ng-select .ng-select-container .ng-value-container .ng-placeholder { color: #999999; } .ng-select.ng-select-single .ng-select-container { height: 36px; } .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { top: 5px; left: 0; padding-left: 10px; padding-right: 50px; } [dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { padding-right: 10px; padding-left: 50px; } .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value { background-color: #f9f9f9; border: 1px solid rgb(229.5, 229.5, 229.5); } .ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label { padding: 0 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container { padding-top: 5px; padding-left: 7px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container { padding-right: 7px; padding-left: 0; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { font-size: 0.9em; margin-bottom: 5px; color: #333; background-color: rgb(234.6, 244.68, 255); border-radius: 2px; margin-right: 5px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { margin-right: 0; margin-left: 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled { background-color: #f9f9f9; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label { padding-left: 5px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label { padding-left: 0; padding-right: 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label { display: inline-block; padding: 1px 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon { display: inline-block; padding: 1px 5px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover { background-color: rgb(209.1, 231.78, 255); } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left { border-right: 1px solid rgb(183.6, 218.88, 255); } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left { border-left: 1px solid rgb(183.6, 218.88, 255); border-right: none; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right { border-left: 1px solid rgb(183.6, 218.88, 255); } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right { border-left: 0; border-right: 1px solid rgb(183.6, 218.88, 255); } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input { padding: 0 0 3px 3px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input { padding: 0 3px 3px 0; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input { color: #000000; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder { top: 5px; padding-bottom: 5px; padding-left: 3px; } [dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder { padding-right: 3px; padding-left: 0; } .ng-select .ng-clear-wrapper { color: #999999; } .ng-select .ng-clear-wrapper:hover .ng-clear { color: #d0021b; } .ng-select .ng-clear-wrapper:focus .ng-clear { color: #d0021b; } .ng-select .ng-clear-wrapper:focus { outline: none; } .ng-select .ng-spinner-zone { padding: 5px 5px 0 0; } [dir=rtl] .ng-select .ng-spinner-zone { padding: 5px 0 0 5px; } .ng-select .ng-arrow-wrapper { width: 25px; padding-right: 5px; } [dir=rtl] .ng-select .ng-arrow-wrapper { padding-left: 5px; padding-right: 0; } .ng-select .ng-arrow-wrapper:hover .ng-arrow { border-top-color: #666666; } .ng-select .ng-arrow-wrapper .ng-arrow { border-color: #999999 transparent transparent; border-style: solid; border-width: 5px 5px 2.5px; } .ng-dropdown-panel { background-color: #ffffff; border: 1px solid #ccc; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); left: 0; } .ng-dropdown-panel.ng-select-top { bottom: 100%; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-color: rgb(229.5, 229.5, 229.5); margin-bottom: -1px; } .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .ng-dropdown-panel.ng-select-right { left: 100%; top: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-color: rgb(229.5, 229.5, 229.5); margin-bottom: -1px; } .ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child { border-top-right-radius: 4px; } .ng-dropdown-panel.ng-select-bottom { top: 100%; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-color: rgb(229.5, 229.5, 229.5); margin-top: -1px; } .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .ng-dropdown-panel.ng-select-left { left: -100%; top: 0; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-color: rgb(229.5, 229.5, 229.5); margin-bottom: -1px; } .ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child { border-top-left-radius: 4px; } .ng-dropdown-panel .ng-dropdown-header { border-bottom: 1px solid #ccc; padding: 5px 7px; } .ng-dropdown-panel .ng-dropdown-footer { border-top: 1px solid #ccc; padding: 5px 7px; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup { -webkit-user-select: none; user-select: none; padding: 8px 10px; font-weight: 500; color: rgba(0, 0, 0, 0.54); cursor: pointer; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled { cursor: default; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked { background-color: rgb(244.8, 249.84, 255); } .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked { color: rgba(0, 0, 0, 0.54); background-color: rgb(234.6, 244.68, 255); font-weight: 600; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { background-color: #ffffff; color: rgba(0, 0, 0, 0.87); padding: 8px 10px; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked { color: #333; background-color: rgb(234.6, 244.68, 255); } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label { font-weight: 600; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { background-color: rgb(244.8, 249.84, 255); color: #333; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled { color: #cccccc; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child { padding-left: 22px; } [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child { padding-right: 22px; padding-left: 0; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label { font-size: 80%; font-weight: 400; padding-right: 5px; } [dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label { padding-left: 5px; padding-right: 0; } [dir=rtl] .ng-dropdown-panel { direction: rtl; text-align: right; } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } .noUi-vertical .noUi-origin { top: -100%; width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; right: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -6px; bottom: -17px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto; } .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3FB8AF; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-horizontal .noUi-origin > .noUi-tooltip { -webkit-transform: translate(50%, 0); transform: translate(50%, 0); left: auto; bottom: 10px; } .noUi-vertical .noUi-origin > .noUi-tooltip { -webkit-transform: translate(0, -18px); transform: translate(0, -18px); top: auto; right: 28px; } .space-0 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .space-0_5 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0.125rem; } .space-1 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0.25rem; } .space-2 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0.5rem; } .space-3 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 1rem; } .space-4 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 1.5rem; } .space-5 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 3rem; } .space-6 { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 8rem; } .space-32px { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 32px; } .pad-0 { padding: 0 0 !important; } .pad-t-0 { padding-top: 0 !important; } .pad-r-0 { padding-right: 0 !important; } .pad-b-0 { padding-bottom: 0 !important; } .pad-l-0 { padding-left: 0 !important; } .pad-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .pad-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pad-0_5 { padding: 0.125rem 0.125rem !important; } .pad-t-0_5 { padding-top: 0.125rem !important; } .pad-r-0_5 { padding-right: 0.125rem !important; } .pad-b-0_5 { padding-bottom: 0.125rem !important; } .pad-l-0_5 { padding-left: 0.125rem !important; } .pad-x-0_5 { padding-right: 0.125rem !important; padding-left: 0.125rem !important; } .pad-y-0_5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .pad-1 { padding: 0.25rem 0.25rem !important; } .pad-t-1 { padding-top: 0.25rem !important; } .pad-r-1 { padding-right: 0.25rem !important; } .pad-b-1 { padding-bottom: 0.25rem !important; } .pad-l-1 { padding-left: 0.25rem !important; } .pad-x-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .pad-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .pad-2 { padding: 0.5rem 0.5rem !important; } .pad-t-2 { padding-top: 0.5rem !important; } .pad-r-2 { padding-right: 0.5rem !important; } .pad-b-2 { padding-bottom: 0.5rem !important; } .pad-l-2 { padding-left: 0.5rem !important; } .pad-x-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .pad-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .pad-3 { padding: 1rem 1rem !important; } .pad-t-3 { padding-top: 1rem !important; } .pad-r-3 { padding-right: 1rem !important; } .pad-b-3 { padding-bottom: 1rem !important; } .pad-l-3 { padding-left: 1rem !important; } .pad-x-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .pad-y-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .pad-4 { padding: 1.5rem 1.5rem !important; } .pad-t-4 { padding-top: 1.5rem !important; } .pad-r-4 { padding-right: 1.5rem !important; } .pad-b-4 { padding-bottom: 1.5rem !important; } .pad-l-4 { padding-left: 1.5rem !important; } .pad-x-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .pad-y-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .pad-5 { padding: 3rem 3rem !important; } .pad-t-5 { padding-top: 3rem !important; } .pad-r-5 { padding-right: 3rem !important; } .pad-b-5 { padding-bottom: 3rem !important; } .pad-l-5 { padding-left: 3rem !important; } .pad-x-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .pad-y-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pad-6 { padding: 8rem 8rem !important; } .pad-t-6 { padding-top: 8rem !important; } .pad-r-6 { padding-right: 8rem !important; } .pad-b-6 { padding-bottom: 8rem !important; } .pad-l-6 { padding-left: 8rem !important; } .pad-x-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .pad-y-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .pad-32px { padding: 32px 32px !important; } .pad-t-32px { padding-top: 32px !important; } .pad-r-32px { padding-right: 32px !important; } .pad-b-32px { padding-bottom: 32px !important; } .pad-l-32px { padding-left: 32px !important; } .pad-x-32px { padding-right: 32px !important; padding-left: 32px !important; } .pad-y-32px { padding-top: 32px !important; padding-bottom: 32px !important; } .mrg-0 { margin: 0 0 !important; } .mrg-t-0 { margin-top: 0 !important; } .mrg-r-0 { margin-right: 0 !important; } .mrg-b-0 { margin-bottom: 0 !important; } .mrg-l-0 { margin-left: 0 !important; } .mrg-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .mrg-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mrg-0_5 { margin: 0.125rem 0.125rem !important; } .mrg-t-0_5 { margin-top: 0.125rem !important; } .mrg-r-0_5 { margin-right: 0.125rem !important; } .mrg-b-0_5 { margin-bottom: 0.125rem !important; } .mrg-l-0_5 { margin-left: 0.125rem !important; } .mrg-x-0_5 { margin-right: 0.125rem !important; margin-left: 0.125rem !important; } .mrg-y-0_5 { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .mrg-1 { margin: 0.25rem 0.25rem !important; } .mrg-t-1 { margin-top: 0.25rem !important; } .mrg-r-1 { margin-right: 0.25rem !important; } .mrg-b-1 { margin-bottom: 0.25rem !important; } .mrg-l-1 { margin-left: 0.25rem !important; } .mrg-x-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mrg-y-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .mrg-2 { margin: 0.5rem 0.5rem !important; } .mrg-t-2 { margin-top: 0.5rem !important; } .mrg-r-2 { margin-right: 0.5rem !important; } .mrg-b-2 { margin-bottom: 0.5rem !important; } .mrg-l-2 { margin-left: 0.5rem !important; } .mrg-x-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mrg-y-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .mrg-3 { margin: 1rem 1rem !important; } .mrg-t-3 { margin-top: 1rem !important; } .mrg-r-3 { margin-right: 1rem !important; } .mrg-b-3 { margin-bottom: 1rem !important; } .mrg-l-3 { margin-left: 1rem !important; } .mrg-x-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mrg-y-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .mrg-4 { margin: 1.5rem 1.5rem !important; } .mrg-t-4 { margin-top: 1.5rem !important; } .mrg-r-4 { margin-right: 1.5rem !important; } .mrg-b-4 { margin-bottom: 1.5rem !important; } .mrg-l-4 { margin-left: 1.5rem !important; } .mrg-x-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mrg-y-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .mrg-5 { margin: 3rem 3rem !important; } .mrg-t-5 { margin-top: 3rem !important; } .mrg-r-5 { margin-right: 3rem !important; } .mrg-b-5 { margin-bottom: 3rem !important; } .mrg-l-5 { margin-left: 3rem !important; } .mrg-x-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mrg-y-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .mrg-6 { margin: 8rem 8rem !important; } .mrg-t-6 { margin-top: 8rem !important; } .mrg-r-6 { margin-right: 8rem !important; } .mrg-b-6 { margin-bottom: 8rem !important; } .mrg-l-6 { margin-left: 8rem !important; } .mrg-x-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .mrg-y-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .mrg-32px { margin: 32px 32px !important; } .mrg-t-32px { margin-top: 32px !important; } .mrg-r-32px { margin-right: 32px !important; } .mrg-b-32px { margin-bottom: 32px !important; } .mrg-l-32px { margin-left: 32px !important; } .mrg-x-32px { margin-right: 32px !important; margin-left: 32px !important; } .mrg-y-32px { margin-top: 32px !important; margin-bottom: 32px !important; } @media print, screen and (min-width: 40em) { .medium640-pad-0 { padding: 0 0 !important; } .medium640-pad-t-0 { padding-top: 0 !important; } .medium640-pad-r-0 { padding-right: 0 !important; } .medium640-pad-b-0 { padding-bottom: 0 !important; } .medium640-pad-l-0 { padding-left: 0 !important; } .medium640-pad-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .medium640-pad-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .medium640-pad-0_5 { padding: 0.125rem 0.125rem !important; } .medium640-pad-t-0_5 { padding-top: 0.125rem !important; } .medium640-pad-r-0_5 { padding-right: 0.125rem !important; } .medium640-pad-b-0_5 { padding-bottom: 0.125rem !important; } .medium640-pad-l-0_5 { padding-left: 0.125rem !important; } .medium640-pad-x-0_5 { padding-right: 0.125rem !important; padding-left: 0.125rem !important; } .medium640-pad-y-0_5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .medium640-pad-1 { padding: 0.25rem 0.25rem !important; } .medium640-pad-t-1 { padding-top: 0.25rem !important; } .medium640-pad-r-1 { padding-right: 0.25rem !important; } .medium640-pad-b-1 { padding-bottom: 0.25rem !important; } .medium640-pad-l-1 { padding-left: 0.25rem !important; } .medium640-pad-x-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .medium640-pad-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .medium640-pad-2 { padding: 0.5rem 0.5rem !important; } .medium640-pad-t-2 { padding-top: 0.5rem !important; } .medium640-pad-r-2 { padding-right: 0.5rem !important; } .medium640-pad-b-2 { padding-bottom: 0.5rem !important; } .medium640-pad-l-2 { padding-left: 0.5rem !important; } .medium640-pad-x-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .medium640-pad-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .medium640-pad-3 { padding: 1rem 1rem !important; } .medium640-pad-t-3 { padding-top: 1rem !important; } .medium640-pad-r-3 { padding-right: 1rem !important; } .medium640-pad-b-3 { padding-bottom: 1rem !important; } .medium640-pad-l-3 { padding-left: 1rem !important; } .medium640-pad-x-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .medium640-pad-y-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .medium640-pad-4 { padding: 1.5rem 1.5rem !important; } .medium640-pad-t-4 { padding-top: 1.5rem !important; } .medium640-pad-r-4 { padding-right: 1.5rem !important; } .medium640-pad-b-4 { padding-bottom: 1.5rem !important; } .medium640-pad-l-4 { padding-left: 1.5rem !important; } .medium640-pad-x-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .medium640-pad-y-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .medium640-pad-5 { padding: 3rem 3rem !important; } .medium640-pad-t-5 { padding-top: 3rem !important; } .medium640-pad-r-5 { padding-right: 3rem !important; } .medium640-pad-b-5 { padding-bottom: 3rem !important; } .medium640-pad-l-5 { padding-left: 3rem !important; } .medium640-pad-x-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .medium640-pad-y-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .medium640-pad-6 { padding: 8rem 8rem !important; } .medium640-pad-t-6 { padding-top: 8rem !important; } .medium640-pad-r-6 { padding-right: 8rem !important; } .medium640-pad-b-6 { padding-bottom: 8rem !important; } .medium640-pad-l-6 { padding-left: 8rem !important; } .medium640-pad-x-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .medium640-pad-y-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .medium640-pad-32px { padding: 32px 32px !important; } .medium640-pad-t-32px { padding-top: 32px !important; } .medium640-pad-r-32px { padding-right: 32px !important; } .medium640-pad-b-32px { padding-bottom: 32px !important; } .medium640-pad-l-32px { padding-left: 32px !important; } .medium640-pad-x-32px { padding-right: 32px !important; padding-left: 32px !important; } .medium640-pad-y-32px { padding-top: 32px !important; padding-bottom: 32px !important; } .medium640-mrg-0 { margin: 0 0 !important; } .medium640-mrg-t-0 { margin-top: 0 !important; } .medium640-mrg-r-0 { margin-right: 0 !important; } .medium640-mrg-b-0 { margin-bottom: 0 !important; } .medium640-mrg-l-0 { margin-left: 0 !important; } .medium640-mrg-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .medium640-mrg-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .medium640-mrg-0_5 { margin: 0.125rem 0.125rem !important; } .medium640-mrg-t-0_5 { margin-top: 0.125rem !important; } .medium640-mrg-r-0_5 { margin-right: 0.125rem !important; } .medium640-mrg-b-0_5 { margin-bottom: 0.125rem !important; } .medium640-mrg-l-0_5 { margin-left: 0.125rem !important; } .medium640-mrg-x-0_5 { margin-right: 0.125rem !important; margin-left: 0.125rem !important; } .medium640-mrg-y-0_5 { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .medium640-mrg-1 { margin: 0.25rem 0.25rem !important; } .medium640-mrg-t-1 { margin-top: 0.25rem !important; } .medium640-mrg-r-1 { margin-right: 0.25rem !important; } .medium640-mrg-b-1 { margin-bottom: 0.25rem !important; } .medium640-mrg-l-1 { margin-left: 0.25rem !important; } .medium640-mrg-x-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .medium640-mrg-y-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .medium640-mrg-2 { margin: 0.5rem 0.5rem !important; } .medium640-mrg-t-2 { margin-top: 0.5rem !important; } .medium640-mrg-r-2 { margin-right: 0.5rem !important; } .medium640-mrg-b-2 { margin-bottom: 0.5rem !important; } .medium640-mrg-l-2 { margin-left: 0.5rem !important; } .medium640-mrg-x-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .medium640-mrg-y-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .medium640-mrg-3 { margin: 1rem 1rem !important; } .medium640-mrg-t-3 { margin-top: 1rem !important; } .medium640-mrg-r-3 { margin-right: 1rem !important; } .medium640-mrg-b-3 { margin-bottom: 1rem !important; } .medium640-mrg-l-3 { margin-left: 1rem !important; } .medium640-mrg-x-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .medium640-mrg-y-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .medium640-mrg-4 { margin: 1.5rem 1.5rem !important; } .medium640-mrg-t-4 { margin-top: 1.5rem !important; } .medium640-mrg-r-4 { margin-right: 1.5rem !important; } .medium640-mrg-b-4 { margin-bottom: 1.5rem !important; } .medium640-mrg-l-4 { margin-left: 1.5rem !important; } .medium640-mrg-x-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .medium640-mrg-y-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .medium640-mrg-5 { margin: 3rem 3rem !important; } .medium640-mrg-t-5 { margin-top: 3rem !important; } .medium640-mrg-r-5 { margin-right: 3rem !important; } .medium640-mrg-b-5 { margin-bottom: 3rem !important; } .medium640-mrg-l-5 { margin-left: 3rem !important; } .medium640-mrg-x-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .medium640-mrg-y-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .medium640-mrg-6 { margin: 8rem 8rem !important; } .medium640-mrg-t-6 { margin-top: 8rem !important; } .medium640-mrg-r-6 { margin-right: 8rem !important; } .medium640-mrg-b-6 { margin-bottom: 8rem !important; } .medium640-mrg-l-6 { margin-left: 8rem !important; } .medium640-mrg-x-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .medium640-mrg-y-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .medium640-mrg-32px { margin: 32px 32px !important; } .medium640-mrg-t-32px { margin-top: 32px !important; } .medium640-mrg-r-32px { margin-right: 32px !important; } .medium640-mrg-b-32px { margin-bottom: 32px !important; } .medium640-mrg-l-32px { margin-left: 32px !important; } .medium640-mrg-x-32px { margin-right: 32px !important; margin-left: 32px !important; } .medium640-mrg-y-32px { margin-top: 32px !important; margin-bottom: 32px !important; } } @media print, screen and (min-width: 56.25em) { .medium-pad-0 { padding: 0 0 !important; } .medium-pad-t-0 { padding-top: 0 !important; } .medium-pad-r-0 { padding-right: 0 !important; } .medium-pad-b-0 { padding-bottom: 0 !important; } .medium-pad-l-0 { padding-left: 0 !important; } .medium-pad-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .medium-pad-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .medium-pad-0_5 { padding: 0.125rem 0.125rem !important; } .medium-pad-t-0_5 { padding-top: 0.125rem !important; } .medium-pad-r-0_5 { padding-right: 0.125rem !important; } .medium-pad-b-0_5 { padding-bottom: 0.125rem !important; } .medium-pad-l-0_5 { padding-left: 0.125rem !important; } .medium-pad-x-0_5 { padding-right: 0.125rem !important; padding-left: 0.125rem !important; } .medium-pad-y-0_5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .medium-pad-1 { padding: 0.25rem 0.25rem !important; } .medium-pad-t-1 { padding-top: 0.25rem !important; } .medium-pad-r-1 { padding-right: 0.25rem !important; } .medium-pad-b-1 { padding-bottom: 0.25rem !important; } .medium-pad-l-1 { padding-left: 0.25rem !important; } .medium-pad-x-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .medium-pad-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .medium-pad-2 { padding: 0.5rem 0.5rem !important; } .medium-pad-t-2 { padding-top: 0.5rem !important; } .medium-pad-r-2 { padding-right: 0.5rem !important; } .medium-pad-b-2 { padding-bottom: 0.5rem !important; } .medium-pad-l-2 { padding-left: 0.5rem !important; } .medium-pad-x-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .medium-pad-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .medium-pad-3 { padding: 1rem 1rem !important; } .medium-pad-t-3 { padding-top: 1rem !important; } .medium-pad-r-3 { padding-right: 1rem !important; } .medium-pad-b-3 { padding-bottom: 1rem !important; } .medium-pad-l-3 { padding-left: 1rem !important; } .medium-pad-x-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .medium-pad-y-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .medium-pad-4 { padding: 1.5rem 1.5rem !important; } .medium-pad-t-4 { padding-top: 1.5rem !important; } .medium-pad-r-4 { padding-right: 1.5rem !important; } .medium-pad-b-4 { padding-bottom: 1.5rem !important; } .medium-pad-l-4 { padding-left: 1.5rem !important; } .medium-pad-x-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .medium-pad-y-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .medium-pad-5 { padding: 3rem 3rem !important; } .medium-pad-t-5 { padding-top: 3rem !important; } .medium-pad-r-5 { padding-right: 3rem !important; } .medium-pad-b-5 { padding-bottom: 3rem !important; } .medium-pad-l-5 { padding-left: 3rem !important; } .medium-pad-x-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .medium-pad-y-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .medium-pad-6 { padding: 8rem 8rem !important; } .medium-pad-t-6 { padding-top: 8rem !important; } .medium-pad-r-6 { padding-right: 8rem !important; } .medium-pad-b-6 { padding-bottom: 8rem !important; } .medium-pad-l-6 { padding-left: 8rem !important; } .medium-pad-x-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .medium-pad-y-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .medium-pad-32px { padding: 32px 32px !important; } .medium-pad-t-32px { padding-top: 32px !important; } .medium-pad-r-32px { padding-right: 32px !important; } .medium-pad-b-32px { padding-bottom: 32px !important; } .medium-pad-l-32px { padding-left: 32px !important; } .medium-pad-x-32px { padding-right: 32px !important; padding-left: 32px !important; } .medium-pad-y-32px { padding-top: 32px !important; padding-bottom: 32px !important; } .medium-mrg-0 { margin: 0 0 !important; } .medium-mrg-t-0 { margin-top: 0 !important; } .medium-mrg-r-0 { margin-right: 0 !important; } .medium-mrg-b-0 { margin-bottom: 0 !important; } .medium-mrg-l-0 { margin-left: 0 !important; } .medium-mrg-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .medium-mrg-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .medium-mrg-0_5 { margin: 0.125rem 0.125rem !important; } .medium-mrg-t-0_5 { margin-top: 0.125rem !important; } .medium-mrg-r-0_5 { margin-right: 0.125rem !important; } .medium-mrg-b-0_5 { margin-bottom: 0.125rem !important; } .medium-mrg-l-0_5 { margin-left: 0.125rem !important; } .medium-mrg-x-0_5 { margin-right: 0.125rem !important; margin-left: 0.125rem !important; } .medium-mrg-y-0_5 { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .medium-mrg-1 { margin: 0.25rem 0.25rem !important; } .medium-mrg-t-1 { margin-top: 0.25rem !important; } .medium-mrg-r-1 { margin-right: 0.25rem !important; } .medium-mrg-b-1 { margin-bottom: 0.25rem !important; } .medium-mrg-l-1 { margin-left: 0.25rem !important; } .medium-mrg-x-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .medium-mrg-y-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .medium-mrg-2 { margin: 0.5rem 0.5rem !important; } .medium-mrg-t-2 { margin-top: 0.5rem !important; } .medium-mrg-r-2 { margin-right: 0.5rem !important; } .medium-mrg-b-2 { margin-bottom: 0.5rem !important; } .medium-mrg-l-2 { margin-left: 0.5rem !important; } .medium-mrg-x-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .medium-mrg-y-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .medium-mrg-3 { margin: 1rem 1rem !important; } .medium-mrg-t-3 { margin-top: 1rem !important; } .medium-mrg-r-3 { margin-right: 1rem !important; } .medium-mrg-b-3 { margin-bottom: 1rem !important; } .medium-mrg-l-3 { margin-left: 1rem !important; } .medium-mrg-x-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .medium-mrg-y-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .medium-mrg-4 { margin: 1.5rem 1.5rem !important; } .medium-mrg-t-4 { margin-top: 1.5rem !important; } .medium-mrg-r-4 { margin-right: 1.5rem !important; } .medium-mrg-b-4 { margin-bottom: 1.5rem !important; } .medium-mrg-l-4 { margin-left: 1.5rem !important; } .medium-mrg-x-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .medium-mrg-y-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .medium-mrg-5 { margin: 3rem 3rem !important; } .medium-mrg-t-5 { margin-top: 3rem !important; } .medium-mrg-r-5 { margin-right: 3rem !important; } .medium-mrg-b-5 { margin-bottom: 3rem !important; } .medium-mrg-l-5 { margin-left: 3rem !important; } .medium-mrg-x-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .medium-mrg-y-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .medium-mrg-6 { margin: 8rem 8rem !important; } .medium-mrg-t-6 { margin-top: 8rem !important; } .medium-mrg-r-6 { margin-right: 8rem !important; } .medium-mrg-b-6 { margin-bottom: 8rem !important; } .medium-mrg-l-6 { margin-left: 8rem !important; } .medium-mrg-x-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .medium-mrg-y-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .medium-mrg-32px { margin: 32px 32px !important; } .medium-mrg-t-32px { margin-top: 32px !important; } .medium-mrg-r-32px { margin-right: 32px !important; } .medium-mrg-b-32px { margin-bottom: 32px !important; } .medium-mrg-l-32px { margin-left: 32px !important; } .medium-mrg-x-32px { margin-right: 32px !important; margin-left: 32px !important; } .medium-mrg-y-32px { margin-top: 32px !important; margin-bottom: 32px !important; } } @media print, screen and (min-width: 75em) { .large-pad-0 { padding: 0 0 !important; } .large-pad-t-0 { padding-top: 0 !important; } .large-pad-r-0 { padding-right: 0 !important; } .large-pad-b-0 { padding-bottom: 0 !important; } .large-pad-l-0 { padding-left: 0 !important; } .large-pad-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .large-pad-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .large-pad-0_5 { padding: 0.125rem 0.125rem !important; } .large-pad-t-0_5 { padding-top: 0.125rem !important; } .large-pad-r-0_5 { padding-right: 0.125rem !important; } .large-pad-b-0_5 { padding-bottom: 0.125rem !important; } .large-pad-l-0_5 { padding-left: 0.125rem !important; } .large-pad-x-0_5 { padding-right: 0.125rem !important; padding-left: 0.125rem !important; } .large-pad-y-0_5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .large-pad-1 { padding: 0.25rem 0.25rem !important; } .large-pad-t-1 { padding-top: 0.25rem !important; } .large-pad-r-1 { padding-right: 0.25rem !important; } .large-pad-b-1 { padding-bottom: 0.25rem !important; } .large-pad-l-1 { padding-left: 0.25rem !important; } .large-pad-x-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .large-pad-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .large-pad-2 { padding: 0.5rem 0.5rem !important; } .large-pad-t-2 { padding-top: 0.5rem !important; } .large-pad-r-2 { padding-right: 0.5rem !important; } .large-pad-b-2 { padding-bottom: 0.5rem !important; } .large-pad-l-2 { padding-left: 0.5rem !important; } .large-pad-x-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .large-pad-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .large-pad-3 { padding: 1rem 1rem !important; } .large-pad-t-3 { padding-top: 1rem !important; } .large-pad-r-3 { padding-right: 1rem !important; } .large-pad-b-3 { padding-bottom: 1rem !important; } .large-pad-l-3 { padding-left: 1rem !important; } .large-pad-x-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .large-pad-y-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .large-pad-4 { padding: 1.5rem 1.5rem !important; } .large-pad-t-4 { padding-top: 1.5rem !important; } .large-pad-r-4 { padding-right: 1.5rem !important; } .large-pad-b-4 { padding-bottom: 1.5rem !important; } .large-pad-l-4 { padding-left: 1.5rem !important; } .large-pad-x-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .large-pad-y-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .large-pad-5 { padding: 3rem 3rem !important; } .large-pad-t-5 { padding-top: 3rem !important; } .large-pad-r-5 { padding-right: 3rem !important; } .large-pad-b-5 { padding-bottom: 3rem !important; } .large-pad-l-5 { padding-left: 3rem !important; } .large-pad-x-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .large-pad-y-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .large-pad-6 { padding: 8rem 8rem !important; } .large-pad-t-6 { padding-top: 8rem !important; } .large-pad-r-6 { padding-right: 8rem !important; } .large-pad-b-6 { padding-bottom: 8rem !important; } .large-pad-l-6 { padding-left: 8rem !important; } .large-pad-x-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .large-pad-y-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .large-pad-32px { padding: 32px 32px !important; } .large-pad-t-32px { padding-top: 32px !important; } .large-pad-r-32px { padding-right: 32px !important; } .large-pad-b-32px { padding-bottom: 32px !important; } .large-pad-l-32px { padding-left: 32px !important; } .large-pad-x-32px { padding-right: 32px !important; padding-left: 32px !important; } .large-pad-y-32px { padding-top: 32px !important; padding-bottom: 32px !important; } .large-mrg-0 { margin: 0 0 !important; } .large-mrg-t-0 { margin-top: 0 !important; } .large-mrg-r-0 { margin-right: 0 !important; } .large-mrg-b-0 { margin-bottom: 0 !important; } .large-mrg-l-0 { margin-left: 0 !important; } .large-mrg-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .large-mrg-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .large-mrg-0_5 { margin: 0.125rem 0.125rem !important; } .large-mrg-t-0_5 { margin-top: 0.125rem !important; } .large-mrg-r-0_5 { margin-right: 0.125rem !important; } .large-mrg-b-0_5 { margin-bottom: 0.125rem !important; } .large-mrg-l-0_5 { margin-left: 0.125rem !important; } .large-mrg-x-0_5 { margin-right: 0.125rem !important; margin-left: 0.125rem !important; } .large-mrg-y-0_5 { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .large-mrg-1 { margin: 0.25rem 0.25rem !important; } .large-mrg-t-1 { margin-top: 0.25rem !important; } .large-mrg-r-1 { margin-right: 0.25rem !important; } .large-mrg-b-1 { margin-bottom: 0.25rem !important; } .large-mrg-l-1 { margin-left: 0.25rem !important; } .large-mrg-x-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .large-mrg-y-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .large-mrg-2 { margin: 0.5rem 0.5rem !important; } .large-mrg-t-2 { margin-top: 0.5rem !important; } .large-mrg-r-2 { margin-right: 0.5rem !important; } .large-mrg-b-2 { margin-bottom: 0.5rem !important; } .large-mrg-l-2 { margin-left: 0.5rem !important; } .large-mrg-x-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .large-mrg-y-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .large-mrg-3 { margin: 1rem 1rem !important; } .large-mrg-t-3 { margin-top: 1rem !important; } .large-mrg-r-3 { margin-right: 1rem !important; } .large-mrg-b-3 { margin-bottom: 1rem !important; } .large-mrg-l-3 { margin-left: 1rem !important; } .large-mrg-x-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .large-mrg-y-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .large-mrg-4 { margin: 1.5rem 1.5rem !important; } .large-mrg-t-4 { margin-top: 1.5rem !important; } .large-mrg-r-4 { margin-right: 1.5rem !important; } .large-mrg-b-4 { margin-bottom: 1.5rem !important; } .large-mrg-l-4 { margin-left: 1.5rem !important; } .large-mrg-x-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .large-mrg-y-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .large-mrg-5 { margin: 3rem 3rem !important; } .large-mrg-t-5 { margin-top: 3rem !important; } .large-mrg-r-5 { margin-right: 3rem !important; } .large-mrg-b-5 { margin-bottom: 3rem !important; } .large-mrg-l-5 { margin-left: 3rem !important; } .large-mrg-x-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .large-mrg-y-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .large-mrg-6 { margin: 8rem 8rem !important; } .large-mrg-t-6 { margin-top: 8rem !important; } .large-mrg-r-6 { margin-right: 8rem !important; } .large-mrg-b-6 { margin-bottom: 8rem !important; } .large-mrg-l-6 { margin-left: 8rem !important; } .large-mrg-x-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .large-mrg-y-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .large-mrg-32px { margin: 32px 32px !important; } .large-mrg-t-32px { margin-top: 32px !important; } .large-mrg-r-32px { margin-right: 32px !important; } .large-mrg-b-32px { margin-bottom: 32px !important; } .large-mrg-l-32px { margin-left: 32px !important; } .large-mrg-x-32px { margin-right: 32px !important; margin-left: 32px !important; } .large-mrg-y-32px { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 75em) { .xlarge-pad-0 { padding: 0 0 !important; } .xlarge-pad-t-0 { padding-top: 0 !important; } .xlarge-pad-r-0 { padding-right: 0 !important; } .xlarge-pad-b-0 { padding-bottom: 0 !important; } .xlarge-pad-l-0 { padding-left: 0 !important; } .xlarge-pad-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .xlarge-pad-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .xlarge-pad-0_5 { padding: 0.125rem 0.125rem !important; } .xlarge-pad-t-0_5 { padding-top: 0.125rem !important; } .xlarge-pad-r-0_5 { padding-right: 0.125rem !important; } .xlarge-pad-b-0_5 { padding-bottom: 0.125rem !important; } .xlarge-pad-l-0_5 { padding-left: 0.125rem !important; } .xlarge-pad-x-0_5 { padding-right: 0.125rem !important; padding-left: 0.125rem !important; } .xlarge-pad-y-0_5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .xlarge-pad-1 { padding: 0.25rem 0.25rem !important; } .xlarge-pad-t-1 { padding-top: 0.25rem !important; } .xlarge-pad-r-1 { padding-right: 0.25rem !important; } .xlarge-pad-b-1 { padding-bottom: 0.25rem !important; } .xlarge-pad-l-1 { padding-left: 0.25rem !important; } .xlarge-pad-x-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .xlarge-pad-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .xlarge-pad-2 { padding: 0.5rem 0.5rem !important; } .xlarge-pad-t-2 { padding-top: 0.5rem !important; } .xlarge-pad-r-2 { padding-right: 0.5rem !important; } .xlarge-pad-b-2 { padding-bottom: 0.5rem !important; } .xlarge-pad-l-2 { padding-left: 0.5rem !important; } .xlarge-pad-x-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .xlarge-pad-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .xlarge-pad-3 { padding: 1rem 1rem !important; } .xlarge-pad-t-3 { padding-top: 1rem !important; } .xlarge-pad-r-3 { padding-right: 1rem !important; } .xlarge-pad-b-3 { padding-bottom: 1rem !important; } .xlarge-pad-l-3 { padding-left: 1rem !important; } .xlarge-pad-x-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .xlarge-pad-y-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .xlarge-pad-4 { padding: 1.5rem 1.5rem !important; } .xlarge-pad-t-4 { padding-top: 1.5rem !important; } .xlarge-pad-r-4 { padding-right: 1.5rem !important; } .xlarge-pad-b-4 { padding-bottom: 1.5rem !important; } .xlarge-pad-l-4 { padding-left: 1.5rem !important; } .xlarge-pad-x-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .xlarge-pad-y-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .xlarge-pad-5 { padding: 3rem 3rem !important; } .xlarge-pad-t-5 { padding-top: 3rem !important; } .xlarge-pad-r-5 { padding-right: 3rem !important; } .xlarge-pad-b-5 { padding-bottom: 3rem !important; } .xlarge-pad-l-5 { padding-left: 3rem !important; } .xlarge-pad-x-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .xlarge-pad-y-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .xlarge-pad-6 { padding: 8rem 8rem !important; } .xlarge-pad-t-6 { padding-top: 8rem !important; } .xlarge-pad-r-6 { padding-right: 8rem !important; } .xlarge-pad-b-6 { padding-bottom: 8rem !important; } .xlarge-pad-l-6 { padding-left: 8rem !important; } .xlarge-pad-x-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .xlarge-pad-y-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .xlarge-pad-32px { padding: 32px 32px !important; } .xlarge-pad-t-32px { padding-top: 32px !important; } .xlarge-pad-r-32px { padding-right: 32px !important; } .xlarge-pad-b-32px { padding-bottom: 32px !important; } .xlarge-pad-l-32px { padding-left: 32px !important; } .xlarge-pad-x-32px { padding-right: 32px !important; padding-left: 32px !important; } .xlarge-pad-y-32px { padding-top: 32px !important; padding-bottom: 32px !important; } .xlarge-mrg-0 { margin: 0 0 !important; } .xlarge-mrg-t-0 { margin-top: 0 !important; } .xlarge-mrg-r-0 { margin-right: 0 !important; } .xlarge-mrg-b-0 { margin-bottom: 0 !important; } .xlarge-mrg-l-0 { margin-left: 0 !important; } .xlarge-mrg-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .xlarge-mrg-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .xlarge-mrg-0_5 { margin: 0.125rem 0.125rem !important; } .xlarge-mrg-t-0_5 { margin-top: 0.125rem !important; } .xlarge-mrg-r-0_5 { margin-right: 0.125rem !important; } .xlarge-mrg-b-0_5 { margin-bottom: 0.125rem !important; } .xlarge-mrg-l-0_5 { margin-left: 0.125rem !important; } .xlarge-mrg-x-0_5 { margin-right: 0.125rem !important; margin-left: 0.125rem !important; } .xlarge-mrg-y-0_5 { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .xlarge-mrg-1 { margin: 0.25rem 0.25rem !important; } .xlarge-mrg-t-1 { margin-top: 0.25rem !important; } .xlarge-mrg-r-1 { margin-right: 0.25rem !important; } .xlarge-mrg-b-1 { margin-bottom: 0.25rem !important; } .xlarge-mrg-l-1 { margin-left: 0.25rem !important; } .xlarge-mrg-x-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .xlarge-mrg-y-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .xlarge-mrg-2 { margin: 0.5rem 0.5rem !important; } .xlarge-mrg-t-2 { margin-top: 0.5rem !important; } .xlarge-mrg-r-2 { margin-right: 0.5rem !important; } .xlarge-mrg-b-2 { margin-bottom: 0.5rem !important; } .xlarge-mrg-l-2 { margin-left: 0.5rem !important; } .xlarge-mrg-x-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .xlarge-mrg-y-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .xlarge-mrg-3 { margin: 1rem 1rem !important; } .xlarge-mrg-t-3 { margin-top: 1rem !important; } .xlarge-mrg-r-3 { margin-right: 1rem !important; } .xlarge-mrg-b-3 { margin-bottom: 1rem !important; } .xlarge-mrg-l-3 { margin-left: 1rem !important; } .xlarge-mrg-x-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .xlarge-mrg-y-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .xlarge-mrg-4 { margin: 1.5rem 1.5rem !important; } .xlarge-mrg-t-4 { margin-top: 1.5rem !important; } .xlarge-mrg-r-4 { margin-right: 1.5rem !important; } .xlarge-mrg-b-4 { margin-bottom: 1.5rem !important; } .xlarge-mrg-l-4 { margin-left: 1.5rem !important; } .xlarge-mrg-x-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .xlarge-mrg-y-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .xlarge-mrg-5 { margin: 3rem 3rem !important; } .xlarge-mrg-t-5 { margin-top: 3rem !important; } .xlarge-mrg-r-5 { margin-right: 3rem !important; } .xlarge-mrg-b-5 { margin-bottom: 3rem !important; } .xlarge-mrg-l-5 { margin-left: 3rem !important; } .xlarge-mrg-x-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .xlarge-mrg-y-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .xlarge-mrg-6 { margin: 8rem 8rem !important; } .xlarge-mrg-t-6 { margin-top: 8rem !important; } .xlarge-mrg-r-6 { margin-right: 8rem !important; } .xlarge-mrg-b-6 { margin-bottom: 8rem !important; } .xlarge-mrg-l-6 { margin-left: 8rem !important; } .xlarge-mrg-x-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .xlarge-mrg-y-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .xlarge-mrg-32px { margin: 32px 32px !important; } .xlarge-mrg-t-32px { margin-top: 32px !important; } .xlarge-mrg-r-32px { margin-right: 32px !important; } .xlarge-mrg-b-32px { margin-bottom: 32px !important; } .xlarge-mrg-l-32px { margin-left: 32px !important; } .xlarge-mrg-x-32px { margin-right: 32px !important; margin-left: 32px !important; } .xlarge-mrg-y-32px { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 90em) { .xxlarge-pad-0 { padding: 0 0 !important; } .xxlarge-pad-t-0 { padding-top: 0 !important; } .xxlarge-pad-r-0 { padding-right: 0 !important; } .xxlarge-pad-b-0 { padding-bottom: 0 !important; } .xxlarge-pad-l-0 { padding-left: 0 !important; } .xxlarge-pad-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .xxlarge-pad-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .xxlarge-pad-0_5 { padding: 0.125rem 0.125rem !important; } .xxlarge-pad-t-0_5 { padding-top: 0.125rem !important; } .xxlarge-pad-r-0_5 { padding-right: 0.125rem !important; } .xxlarge-pad-b-0_5 { padding-bottom: 0.125rem !important; } .xxlarge-pad-l-0_5 { padding-left: 0.125rem !important; } .xxlarge-pad-x-0_5 { padding-right: 0.125rem !important; padding-left: 0.125rem !important; } .xxlarge-pad-y-0_5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .xxlarge-pad-1 { padding: 0.25rem 0.25rem !important; } .xxlarge-pad-t-1 { padding-top: 0.25rem !important; } .xxlarge-pad-r-1 { padding-right: 0.25rem !important; } .xxlarge-pad-b-1 { padding-bottom: 0.25rem !important; } .xxlarge-pad-l-1 { padding-left: 0.25rem !important; } .xxlarge-pad-x-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .xxlarge-pad-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .xxlarge-pad-2 { padding: 0.5rem 0.5rem !important; } .xxlarge-pad-t-2 { padding-top: 0.5rem !important; } .xxlarge-pad-r-2 { padding-right: 0.5rem !important; } .xxlarge-pad-b-2 { padding-bottom: 0.5rem !important; } .xxlarge-pad-l-2 { padding-left: 0.5rem !important; } .xxlarge-pad-x-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .xxlarge-pad-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .xxlarge-pad-3 { padding: 1rem 1rem !important; } .xxlarge-pad-t-3 { padding-top: 1rem !important; } .xxlarge-pad-r-3 { padding-right: 1rem !important; } .xxlarge-pad-b-3 { padding-bottom: 1rem !important; } .xxlarge-pad-l-3 { padding-left: 1rem !important; } .xxlarge-pad-x-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .xxlarge-pad-y-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .xxlarge-pad-4 { padding: 1.5rem 1.5rem !important; } .xxlarge-pad-t-4 { padding-top: 1.5rem !important; } .xxlarge-pad-r-4 { padding-right: 1.5rem !important; } .xxlarge-pad-b-4 { padding-bottom: 1.5rem !important; } .xxlarge-pad-l-4 { padding-left: 1.5rem !important; } .xxlarge-pad-x-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .xxlarge-pad-y-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .xxlarge-pad-5 { padding: 3rem 3rem !important; } .xxlarge-pad-t-5 { padding-top: 3rem !important; } .xxlarge-pad-r-5 { padding-right: 3rem !important; } .xxlarge-pad-b-5 { padding-bottom: 3rem !important; } .xxlarge-pad-l-5 { padding-left: 3rem !important; } .xxlarge-pad-x-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .xxlarge-pad-y-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .xxlarge-pad-6 { padding: 8rem 8rem !important; } .xxlarge-pad-t-6 { padding-top: 8rem !important; } .xxlarge-pad-r-6 { padding-right: 8rem !important; } .xxlarge-pad-b-6 { padding-bottom: 8rem !important; } .xxlarge-pad-l-6 { padding-left: 8rem !important; } .xxlarge-pad-x-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .xxlarge-pad-y-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .xxlarge-pad-32px { padding: 32px 32px !important; } .xxlarge-pad-t-32px { padding-top: 32px !important; } .xxlarge-pad-r-32px { padding-right: 32px !important; } .xxlarge-pad-b-32px { padding-bottom: 32px !important; } .xxlarge-pad-l-32px { padding-left: 32px !important; } .xxlarge-pad-x-32px { padding-right: 32px !important; padding-left: 32px !important; } .xxlarge-pad-y-32px { padding-top: 32px !important; padding-bottom: 32px !important; } .xxlarge-mrg-0 { margin: 0 0 !important; } .xxlarge-mrg-t-0 { margin-top: 0 !important; } .xxlarge-mrg-r-0 { margin-right: 0 !important; } .xxlarge-mrg-b-0 { margin-bottom: 0 !important; } .xxlarge-mrg-l-0 { margin-left: 0 !important; } .xxlarge-mrg-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .xxlarge-mrg-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .xxlarge-mrg-0_5 { margin: 0.125rem 0.125rem !important; } .xxlarge-mrg-t-0_5 { margin-top: 0.125rem !important; } .xxlarge-mrg-r-0_5 { margin-right: 0.125rem !important; } .xxlarge-mrg-b-0_5 { margin-bottom: 0.125rem !important; } .xxlarge-mrg-l-0_5 { margin-left: 0.125rem !important; } .xxlarge-mrg-x-0_5 { margin-right: 0.125rem !important; margin-left: 0.125rem !important; } .xxlarge-mrg-y-0_5 { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .xxlarge-mrg-1 { margin: 0.25rem 0.25rem !important; } .xxlarge-mrg-t-1 { margin-top: 0.25rem !important; } .xxlarge-mrg-r-1 { margin-right: 0.25rem !important; } .xxlarge-mrg-b-1 { margin-bottom: 0.25rem !important; } .xxlarge-mrg-l-1 { margin-left: 0.25rem !important; } .xxlarge-mrg-x-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .xxlarge-mrg-y-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .xxlarge-mrg-2 { margin: 0.5rem 0.5rem !important; } .xxlarge-mrg-t-2 { margin-top: 0.5rem !important; } .xxlarge-mrg-r-2 { margin-right: 0.5rem !important; } .xxlarge-mrg-b-2 { margin-bottom: 0.5rem !important; } .xxlarge-mrg-l-2 { margin-left: 0.5rem !important; } .xxlarge-mrg-x-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .xxlarge-mrg-y-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .xxlarge-mrg-3 { margin: 1rem 1rem !important; } .xxlarge-mrg-t-3 { margin-top: 1rem !important; } .xxlarge-mrg-r-3 { margin-right: 1rem !important; } .xxlarge-mrg-b-3 { margin-bottom: 1rem !important; } .xxlarge-mrg-l-3 { margin-left: 1rem !important; } .xxlarge-mrg-x-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .xxlarge-mrg-y-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .xxlarge-mrg-4 { margin: 1.5rem 1.5rem !important; } .xxlarge-mrg-t-4 { margin-top: 1.5rem !important; } .xxlarge-mrg-r-4 { margin-right: 1.5rem !important; } .xxlarge-mrg-b-4 { margin-bottom: 1.5rem !important; } .xxlarge-mrg-l-4 { margin-left: 1.5rem !important; } .xxlarge-mrg-x-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .xxlarge-mrg-y-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .xxlarge-mrg-5 { margin: 3rem 3rem !important; } .xxlarge-mrg-t-5 { margin-top: 3rem !important; } .xxlarge-mrg-r-5 { margin-right: 3rem !important; } .xxlarge-mrg-b-5 { margin-bottom: 3rem !important; } .xxlarge-mrg-l-5 { margin-left: 3rem !important; } .xxlarge-mrg-x-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .xxlarge-mrg-y-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .xxlarge-mrg-6 { margin: 8rem 8rem !important; } .xxlarge-mrg-t-6 { margin-top: 8rem !important; } .xxlarge-mrg-r-6 { margin-right: 8rem !important; } .xxlarge-mrg-b-6 { margin-bottom: 8rem !important; } .xxlarge-mrg-l-6 { margin-left: 8rem !important; } .xxlarge-mrg-x-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .xxlarge-mrg-y-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .xxlarge-mrg-32px { margin: 32px 32px !important; } .xxlarge-mrg-t-32px { margin-top: 32px !important; } .xxlarge-mrg-r-32px { margin-right: 32px !important; } .xxlarge-mrg-b-32px { margin-bottom: 32px !important; } .xxlarge-mrg-l-32px { margin-left: 32px !important; } .xxlarge-mrg-x-32px { margin-right: 32px !important; margin-left: 32px !important; } .xxlarge-mrg-y-32px { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 112.5em) { .xxxlarge-pad-0 { padding: 0 0 !important; } .xxxlarge-pad-t-0 { padding-top: 0 !important; } .xxxlarge-pad-r-0 { padding-right: 0 !important; } .xxxlarge-pad-b-0 { padding-bottom: 0 !important; } .xxxlarge-pad-l-0 { padding-left: 0 !important; } .xxxlarge-pad-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .xxxlarge-pad-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .xxxlarge-pad-0_5 { padding: 0.125rem 0.125rem !important; } .xxxlarge-pad-t-0_5 { padding-top: 0.125rem !important; } .xxxlarge-pad-r-0_5 { padding-right: 0.125rem !important; } .xxxlarge-pad-b-0_5 { padding-bottom: 0.125rem !important; } .xxxlarge-pad-l-0_5 { padding-left: 0.125rem !important; } .xxxlarge-pad-x-0_5 { padding-right: 0.125rem !important; padding-left: 0.125rem !important; } .xxxlarge-pad-y-0_5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .xxxlarge-pad-1 { padding: 0.25rem 0.25rem !important; } .xxxlarge-pad-t-1 { padding-top: 0.25rem !important; } .xxxlarge-pad-r-1 { padding-right: 0.25rem !important; } .xxxlarge-pad-b-1 { padding-bottom: 0.25rem !important; } .xxxlarge-pad-l-1 { padding-left: 0.25rem !important; } .xxxlarge-pad-x-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .xxxlarge-pad-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .xxxlarge-pad-2 { padding: 0.5rem 0.5rem !important; } .xxxlarge-pad-t-2 { padding-top: 0.5rem !important; } .xxxlarge-pad-r-2 { padding-right: 0.5rem !important; } .xxxlarge-pad-b-2 { padding-bottom: 0.5rem !important; } .xxxlarge-pad-l-2 { padding-left: 0.5rem !important; } .xxxlarge-pad-x-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .xxxlarge-pad-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .xxxlarge-pad-3 { padding: 1rem 1rem !important; } .xxxlarge-pad-t-3 { padding-top: 1rem !important; } .xxxlarge-pad-r-3 { padding-right: 1rem !important; } .xxxlarge-pad-b-3 { padding-bottom: 1rem !important; } .xxxlarge-pad-l-3 { padding-left: 1rem !important; } .xxxlarge-pad-x-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .xxxlarge-pad-y-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .xxxlarge-pad-4 { padding: 1.5rem 1.5rem !important; } .xxxlarge-pad-t-4 { padding-top: 1.5rem !important; } .xxxlarge-pad-r-4 { padding-right: 1.5rem !important; } .xxxlarge-pad-b-4 { padding-bottom: 1.5rem !important; } .xxxlarge-pad-l-4 { padding-left: 1.5rem !important; } .xxxlarge-pad-x-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .xxxlarge-pad-y-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .xxxlarge-pad-5 { padding: 3rem 3rem !important; } .xxxlarge-pad-t-5 { padding-top: 3rem !important; } .xxxlarge-pad-r-5 { padding-right: 3rem !important; } .xxxlarge-pad-b-5 { padding-bottom: 3rem !important; } .xxxlarge-pad-l-5 { padding-left: 3rem !important; } .xxxlarge-pad-x-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .xxxlarge-pad-y-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .xxxlarge-pad-6 { padding: 8rem 8rem !important; } .xxxlarge-pad-t-6 { padding-top: 8rem !important; } .xxxlarge-pad-r-6 { padding-right: 8rem !important; } .xxxlarge-pad-b-6 { padding-bottom: 8rem !important; } .xxxlarge-pad-l-6 { padding-left: 8rem !important; } .xxxlarge-pad-x-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .xxxlarge-pad-y-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .xxxlarge-pad-32px { padding: 32px 32px !important; } .xxxlarge-pad-t-32px { padding-top: 32px !important; } .xxxlarge-pad-r-32px { padding-right: 32px !important; } .xxxlarge-pad-b-32px { padding-bottom: 32px !important; } .xxxlarge-pad-l-32px { padding-left: 32px !important; } .xxxlarge-pad-x-32px { padding-right: 32px !important; padding-left: 32px !important; } .xxxlarge-pad-y-32px { padding-top: 32px !important; padding-bottom: 32px !important; } .xxxlarge-mrg-0 { margin: 0 0 !important; } .xxxlarge-mrg-t-0 { margin-top: 0 !important; } .xxxlarge-mrg-r-0 { margin-right: 0 !important; } .xxxlarge-mrg-b-0 { margin-bottom: 0 !important; } .xxxlarge-mrg-l-0 { margin-left: 0 !important; } .xxxlarge-mrg-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .xxxlarge-mrg-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .xxxlarge-mrg-0_5 { margin: 0.125rem 0.125rem !important; } .xxxlarge-mrg-t-0_5 { margin-top: 0.125rem !important; } .xxxlarge-mrg-r-0_5 { margin-right: 0.125rem !important; } .xxxlarge-mrg-b-0_5 { margin-bottom: 0.125rem !important; } .xxxlarge-mrg-l-0_5 { margin-left: 0.125rem !important; } .xxxlarge-mrg-x-0_5 { margin-right: 0.125rem !important; margin-left: 0.125rem !important; } .xxxlarge-mrg-y-0_5 { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .xxxlarge-mrg-1 { margin: 0.25rem 0.25rem !important; } .xxxlarge-mrg-t-1 { margin-top: 0.25rem !important; } .xxxlarge-mrg-r-1 { margin-right: 0.25rem !important; } .xxxlarge-mrg-b-1 { margin-bottom: 0.25rem !important; } .xxxlarge-mrg-l-1 { margin-left: 0.25rem !important; } .xxxlarge-mrg-x-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .xxxlarge-mrg-y-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .xxxlarge-mrg-2 { margin: 0.5rem 0.5rem !important; } .xxxlarge-mrg-t-2 { margin-top: 0.5rem !important; } .xxxlarge-mrg-r-2 { margin-right: 0.5rem !important; } .xxxlarge-mrg-b-2 { margin-bottom: 0.5rem !important; } .xxxlarge-mrg-l-2 { margin-left: 0.5rem !important; } .xxxlarge-mrg-x-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .xxxlarge-mrg-y-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .xxxlarge-mrg-3 { margin: 1rem 1rem !important; } .xxxlarge-mrg-t-3 { margin-top: 1rem !important; } .xxxlarge-mrg-r-3 { margin-right: 1rem !important; } .xxxlarge-mrg-b-3 { margin-bottom: 1rem !important; } .xxxlarge-mrg-l-3 { margin-left: 1rem !important; } .xxxlarge-mrg-x-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .xxxlarge-mrg-y-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .xxxlarge-mrg-4 { margin: 1.5rem 1.5rem !important; } .xxxlarge-mrg-t-4 { margin-top: 1.5rem !important; } .xxxlarge-mrg-r-4 { margin-right: 1.5rem !important; } .xxxlarge-mrg-b-4 { margin-bottom: 1.5rem !important; } .xxxlarge-mrg-l-4 { margin-left: 1.5rem !important; } .xxxlarge-mrg-x-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .xxxlarge-mrg-y-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .xxxlarge-mrg-5 { margin: 3rem 3rem !important; } .xxxlarge-mrg-t-5 { margin-top: 3rem !important; } .xxxlarge-mrg-r-5 { margin-right: 3rem !important; } .xxxlarge-mrg-b-5 { margin-bottom: 3rem !important; } .xxxlarge-mrg-l-5 { margin-left: 3rem !important; } .xxxlarge-mrg-x-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .xxxlarge-mrg-y-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .xxxlarge-mrg-6 { margin: 8rem 8rem !important; } .xxxlarge-mrg-t-6 { margin-top: 8rem !important; } .xxxlarge-mrg-r-6 { margin-right: 8rem !important; } .xxxlarge-mrg-b-6 { margin-bottom: 8rem !important; } .xxxlarge-mrg-l-6 { margin-left: 8rem !important; } .xxxlarge-mrg-x-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .xxxlarge-mrg-y-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .xxxlarge-mrg-32px { margin: 32px 32px !important; } .xxxlarge-mrg-t-32px { margin-top: 32px !important; } .xxxlarge-mrg-r-32px { margin-right: 32px !important; } .xxxlarge-mrg-b-32px { margin-bottom: 32px !important; } .xxxlarge-mrg-l-32px { margin-left: 32px !important; } .xxxlarge-mrg-x-32px { margin-right: 32px !important; margin-left: 32px !important; } .xxxlarge-mrg-y-32px { margin-top: 32px !important; margin-bottom: 32px !important; } } @media screen and (min-width: 128em) { .twok-pad-0 { padding: 0 0 !important; } .twok-pad-t-0 { padding-top: 0 !important; } .twok-pad-r-0 { padding-right: 0 !important; } .twok-pad-b-0 { padding-bottom: 0 !important; } .twok-pad-l-0 { padding-left: 0 !important; } .twok-pad-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .twok-pad-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .twok-pad-0_5 { padding: 0.125rem 0.125rem !important; } .twok-pad-t-0_5 { padding-top: 0.125rem !important; } .twok-pad-r-0_5 { padding-right: 0.125rem !important; } .twok-pad-b-0_5 { padding-bottom: 0.125rem !important; } .twok-pad-l-0_5 { padding-left: 0.125rem !important; } .twok-pad-x-0_5 { padding-right: 0.125rem !important; padding-left: 0.125rem !important; } .twok-pad-y-0_5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .twok-pad-1 { padding: 0.25rem 0.25rem !important; } .twok-pad-t-1 { padding-top: 0.25rem !important; } .twok-pad-r-1 { padding-right: 0.25rem !important; } .twok-pad-b-1 { padding-bottom: 0.25rem !important; } .twok-pad-l-1 { padding-left: 0.25rem !important; } .twok-pad-x-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .twok-pad-y-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .twok-pad-2 { padding: 0.5rem 0.5rem !important; } .twok-pad-t-2 { padding-top: 0.5rem !important; } .twok-pad-r-2 { padding-right: 0.5rem !important; } .twok-pad-b-2 { padding-bottom: 0.5rem !important; } .twok-pad-l-2 { padding-left: 0.5rem !important; } .twok-pad-x-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .twok-pad-y-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .twok-pad-3 { padding: 1rem 1rem !important; } .twok-pad-t-3 { padding-top: 1rem !important; } .twok-pad-r-3 { padding-right: 1rem !important; } .twok-pad-b-3 { padding-bottom: 1rem !important; } .twok-pad-l-3 { padding-left: 1rem !important; } .twok-pad-x-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .twok-pad-y-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .twok-pad-4 { padding: 1.5rem 1.5rem !important; } .twok-pad-t-4 { padding-top: 1.5rem !important; } .twok-pad-r-4 { padding-right: 1.5rem !important; } .twok-pad-b-4 { padding-bottom: 1.5rem !important; } .twok-pad-l-4 { padding-left: 1.5rem !important; } .twok-pad-x-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .twok-pad-y-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .twok-pad-5 { padding: 3rem 3rem !important; } .twok-pad-t-5 { padding-top: 3rem !important; } .twok-pad-r-5 { padding-right: 3rem !important; } .twok-pad-b-5 { padding-bottom: 3rem !important; } .twok-pad-l-5 { padding-left: 3rem !important; } .twok-pad-x-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .twok-pad-y-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .twok-pad-6 { padding: 8rem 8rem !important; } .twok-pad-t-6 { padding-top: 8rem !important; } .twok-pad-r-6 { padding-right: 8rem !important; } .twok-pad-b-6 { padding-bottom: 8rem !important; } .twok-pad-l-6 { padding-left: 8rem !important; } .twok-pad-x-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .twok-pad-y-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .twok-pad-32px { padding: 32px 32px !important; } .twok-pad-t-32px { padding-top: 32px !important; } .twok-pad-r-32px { padding-right: 32px !important; } .twok-pad-b-32px { padding-bottom: 32px !important; } .twok-pad-l-32px { padding-left: 32px !important; } .twok-pad-x-32px { padding-right: 32px !important; padding-left: 32px !important; } .twok-pad-y-32px { padding-top: 32px !important; padding-bottom: 32px !important; } .twok-mrg-0 { margin: 0 0 !important; } .twok-mrg-t-0 { margin-top: 0 !important; } .twok-mrg-r-0 { margin-right: 0 !important; } .twok-mrg-b-0 { margin-bottom: 0 !important; } .twok-mrg-l-0 { margin-left: 0 !important; } .twok-mrg-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .twok-mrg-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .twok-mrg-0_5 { margin: 0.125rem 0.125rem !important; } .twok-mrg-t-0_5 { margin-top: 0.125rem !important; } .twok-mrg-r-0_5 { margin-right: 0.125rem !important; } .twok-mrg-b-0_5 { margin-bottom: 0.125rem !important; } .twok-mrg-l-0_5 { margin-left: 0.125rem !important; } .twok-mrg-x-0_5 { margin-right: 0.125rem !important; margin-left: 0.125rem !important; } .twok-mrg-y-0_5 { margin-top: 0.125rem !important; margin-bottom: 0.125rem !important; } .twok-mrg-1 { margin: 0.25rem 0.25rem !important; } .twok-mrg-t-1 { margin-top: 0.25rem !important; } .twok-mrg-r-1 { margin-right: 0.25rem !important; } .twok-mrg-b-1 { margin-bottom: 0.25rem !important; } .twok-mrg-l-1 { margin-left: 0.25rem !important; } .twok-mrg-x-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .twok-mrg-y-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .twok-mrg-2 { margin: 0.5rem 0.5rem !important; } .twok-mrg-t-2 { margin-top: 0.5rem !important; } .twok-mrg-r-2 { margin-right: 0.5rem !important; } .twok-mrg-b-2 { margin-bottom: 0.5rem !important; } .twok-mrg-l-2 { margin-left: 0.5rem !important; } .twok-mrg-x-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .twok-mrg-y-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .twok-mrg-3 { margin: 1rem 1rem !important; } .twok-mrg-t-3 { margin-top: 1rem !important; } .twok-mrg-r-3 { margin-right: 1rem !important; } .twok-mrg-b-3 { margin-bottom: 1rem !important; } .twok-mrg-l-3 { margin-left: 1rem !important; } .twok-mrg-x-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .twok-mrg-y-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .twok-mrg-4 { margin: 1.5rem 1.5rem !important; } .twok-mrg-t-4 { margin-top: 1.5rem !important; } .twok-mrg-r-4 { margin-right: 1.5rem !important; } .twok-mrg-b-4 { margin-bottom: 1.5rem !important; } .twok-mrg-l-4 { margin-left: 1.5rem !important; } .twok-mrg-x-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .twok-mrg-y-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .twok-mrg-5 { margin: 3rem 3rem !important; } .twok-mrg-t-5 { margin-top: 3rem !important; } .twok-mrg-r-5 { margin-right: 3rem !important; } .twok-mrg-b-5 { margin-bottom: 3rem !important; } .twok-mrg-l-5 { margin-left: 3rem !important; } .twok-mrg-x-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .twok-mrg-y-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .twok-mrg-6 { margin: 8rem 8rem !important; } .twok-mrg-t-6 { margin-top: 8rem !important; } .twok-mrg-r-6 { margin-right: 8rem !important; } .twok-mrg-b-6 { margin-bottom: 8rem !important; } .twok-mrg-l-6 { margin-left: 8rem !important; } .twok-mrg-x-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .twok-mrg-y-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .twok-mrg-32px { margin: 32px 32px !important; } .twok-mrg-t-32px { margin-top: 32px !important; } .twok-mrg-r-32px { margin-right: 32px !important; } .twok-mrg-b-32px { margin-bottom: 32px !important; } .twok-mrg-l-32px { margin-left: 32px !important; } .twok-mrg-x-32px { margin-right: 32px !important; margin-left: 32px !important; } .twok-mrg-y-32px { margin-top: 32px !important; margin-bottom: 32px !important; } } .pad-x-inherit { padding-left: inherit; padding-right: inherit; } .pad-y-inherit { padding-top: inherit; padding-bottom: inherit; } .pad-t-47px { padding-top: 2.9375rem; } .mrg-t-47px { margin-top: 2.9375rem; } .transition-all { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .spin-1s { -webkit-animation: spinning 1s infinite linear; animation: spinning 1s infinite linear; } .spin-2s { -webkit-animation: spinning 2s infinite linear; animation: spinning 2s infinite linear; } .spin-3s { -webkit-animation: spinning 3s infinite linear; animation: spinning 3s infinite linear; } .spin-5s { -webkit-animation: spinning 5s infinite linear; animation: spinning 5s infinite linear; } .spin-7s { -webkit-animation: spinning 7s infinite linear; animation: spinning 7s infinite linear; } @-webkit-keyframes spinning { 100% { -webkit-transform: rotate(360deg); } } @keyframes spinning { 100% { -webkit-transform: rotate(360deg); } } .pulsate { -webkit-animation: pulsating 1.2s infinite ease-in-out both; animation: pulsating 1.2s infinite ease-in-out both; } @-webkit-keyframes pulsating { 0%, 100% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.9); } } @keyframes pulsating { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .highlight-success { position: relative; } .highlight-success div, .highlight-success span { position: relative; } .highlight-success:before { content: ""; position: absolute; width: calc(100% + 0.5rem); height: calc(100% + 0.5rem); top: -0.25rem; left: -0.25rem; -webkit-animation: highlighting 3s 1 ease-in; animation: highlighting 3s 1 ease-in; border-radius: 4px; } @-webkit-keyframes highlighting { 0% { background-color: rgba(175, 255, 214, 0.99); } 100% { background-color: rgba(175, 255, 214, 0); } } @keyframes highlighting { 0% { background-color: rgba(175, 255, 214, 0.99); } 100% { background-color: rgba(175, 255, 214, 0); } } .dwn-arrow-base { width: 6px; height: 16px; text-align: center; font-size: 10px; position: relative; } .dwn-arrow-base:after { content: ""; width: 0; height: 0; position: absolute; bottom: -15%; left: -0.34rem; border-left: 9px solid transparent; border-right: 9px solid transparent; } .dwn-arrow-base .tail { height: 25%; position: relative; width: 100%; } .dwn-arrow-base .tail:after, .dwn-arrow-base .tail:before { width: 100%; } .dwn-arrow-base .tail:after, .dwn-arrow-base .tail:before { content: ""; position: absolute; left: 0; height: 100%; } .dwn-arrow-base .tail:after { bottom: -125%; animation-delay: -1.1s; } .dwn-arrow-base .tail:before { bottom: -225%; animation-delay: -1s; } .arrow-warning:after { border-top: 8px solid #C78B00; -webkit-animation: sk-stretcharrow-warning 1.2s infinite ease-in-out; animation: sk-stretcharrow-warning 1.2s infinite ease-in-out; animation-delay: -0.9s; } .arrow-warning .tail { background-color: #C78B00; -webkit-animation: sk-stretchdelay-warning 1.2s infinite ease-in-out; animation: sk-stretchdelay-warning 1.2s infinite ease-in-out; } .arrow-warning .tail:after, .arrow-warning .tail:before { -webkit-animation: sk-stretchdelay-warning 1.2s infinite ease-in-out; animation: sk-stretchdelay-warning 1.2s infinite ease-in-out; } @-webkit-keyframes sk-stretchdelay-warning { 0%, 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #DCE1E3; } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #C78B00; } } @keyframes sk-stretchdelay-warning { 0%, 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #DCE1E3; } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #C78B00; } } @-webkit-keyframes sk-stretcharrow-warning { 0%, 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #DCE1E3; } 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); background-color: #C78B00; } } @keyframes sk-stretcharrow-warning { 0%, 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-top-color: #DCE1E3; } 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-top-color: #C78B00; } } .arrow-white:after { border-top: 8px solid #fff; -webkit-animation: sk-stretcharrow-white 1.2s infinite ease-in-out; animation: sk-stretcharrow-white 1.2s infinite ease-in-out; animation-delay: -0.9s; } .arrow-white .tail { background-color: #fff; -webkit-animation: sk-stretchdelay-white 1.2s infinite ease-in-out; animation: sk-stretchdelay-white 1.2s infinite ease-in-out; } .arrow-white .tail:after, .arrow-white .tail:before { -webkit-animation: sk-stretchdelay-white 1.2s infinite ease-in-out; animation: sk-stretchdelay-white 1.2s infinite ease-in-out; } @-webkit-keyframes sk-stretchdelay-white { 0%, 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #DCE1E3; } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #fff; } } @keyframes sk-stretchdelay-white { 0%, 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: #DCE1E3; } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #fff; } } @-webkit-keyframes sk-stretcharrow-white { 0%, 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #DCE1E3; } 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); background-color: #fff; } } @keyframes sk-stretcharrow-white { 0%, 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-top-color: #DCE1E3; } 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-top-color: #fff; } } .arrow-gray:after { border-top: 8px solid #485A6A; -webkit-animation: sk-stretcharrow-gray 1.2s infinite ease-in-out; animation: sk-stretcharrow-gray 1.2s infinite ease-in-out; animation-delay: -0.9s; } .arrow-gray .tail { background-color: #485A6A; -webkit-animation: sk-stretchdelay-gray 1.2s infinite ease-in-out; animation: sk-stretchdelay-gray 1.2s infinite ease-in-out; } .arrow-gray .tail:after, .arrow-gray .tail:before { -webkit-animation: sk-stretchdelay-gray 1.2s infinite ease-in-out; animation: sk-stretchdelay-gray 1.2s infinite ease-in-out; } @-webkit-keyframes sk-stretchdelay-gray { 0%, 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: rgba(72, 90, 106, 0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #485A6A; } } @keyframes sk-stretchdelay-gray { 0%, 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: rgba(72, 90, 106, 0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #485A6A; } } @-webkit-keyframes sk-stretcharrow-gray { 0%, 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: rgba(72, 90, 106, 0.4); } 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); background-color: #485A6A; } } @keyframes sk-stretcharrow-gray { 0%, 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-top-color: rgba(72, 90, 106, 0.4); } 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-top-color: #485A6A; } } .rotate-arrow-up { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .arrow-tale, .arrow-tale-secondary, .p-button-secondary .hi-upl-arrow, .p-button-secondary .hi-dwnl-arrow, .hi-dwnl-arrow, .hi-upl-arrow { opacity: 1 !important; height: 5px; width: 7px; position: absolute; left: 50%; margin-left: -4px; } .arrow-tale:after, .arrow-tale-secondary:after, .p-button-secondary .hi-upl-arrow:after, .p-button-secondary .hi-dwnl-arrow:after, .hi-dwnl-arrow:after, .hi-upl-arrow:after, .arrow-tale:before, .arrow-tale-secondary:before, .p-button-secondary .hi-upl-arrow:before, .p-button-secondary .hi-dwnl-arrow:before, .hi-dwnl-arrow:before, .hi-upl-arrow:before { content: ""; position: absolute; left: 0; height: 100%; width: 100%; background-color: #fff; -webkit-animation: sk-stretchdelay-for-primary 1s infinite ease-in-out; animation: sk-stretchdelay-for-primary 1s infinite ease-in-out; } .arrow-tale:after, .arrow-tale-secondary:after, .p-button-secondary .hi-upl-arrow:after, .p-button-secondary .hi-dwnl-arrow:after, .hi-dwnl-arrow:after, .hi-upl-arrow:after { bottom: -100%; } .arrow-tale:before, .arrow-tale-secondary:before, .p-button-secondary .hi-upl-arrow:before, .p-button-secondary .hi-dwnl-arrow:before, .hi-dwnl-arrow:before, .hi-upl-arrow:before { bottom: -200%; } .arrow-tale + .p-button-label, .arrow-tale-secondary + .p-button-label, .hi-dwnl-arrow + .p-button-label, .hi-upl-arrow + .p-button-label { color: transparent; display: block; position: relative; } .arrow-tale + .p-button-label:after, .arrow-tale-secondary + .p-button-label:after, .hi-dwnl-arrow + .p-button-label:after, .hi-upl-arrow + .p-button-label:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -9px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; } .hi-upl-arrow { bottom: 10%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .hi-upl-arrow:after { animation-delay: 1s; } .hi-upl-arrow + .p-button-label:after { top: 0; border-bottom: 8px solid #fff; animation-delay: 2s; -webkit-animation: sk-stretcharrow-upl-for-primary 1s infinite ease-in-out; animation: sk-stretcharrow-upl-for-primary 1s infinite ease-in-out; } .hi-dwnl-arrow { top: 10%; } .hi-dwnl-arrow:before { animation-delay: 1s; } .hi-dwnl-arrow + .p-button-label:after { top: 60%; border-top: 8px solid #fff; animation-delay: 2s; -webkit-animation: sk-stretcharrow-dwnl-for-primary 1s infinite ease-in-out; animation: sk-stretcharrow-dwnl-for-primary 1s infinite ease-in-out; } @-webkit-keyframes sk-stretchdelay-for-primary { 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: rgba(255, 255, 255, 0.5); } 0%, 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #fff; } } @keyframes sk-stretchdelay-for-primary { 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: rgba(255, 255, 255, 0.5); } 0%, 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #fff; } } @-webkit-keyframes sk-stretcharrow-dwnl-for-primary { 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-top-color: rgba(255, 255, 255, 0.5); } 0%, 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-top-color: #fff; } } @keyframes sk-stretcharrow-dwnl-for-primary { 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-top-color: rgba(255, 255, 255, 0.5); } 0%, 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-top-color: #fff; } } @-webkit-keyframes sk-stretcharrow-upl-for-primary { 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-bottom-color: rgba(255, 255, 255, 0.5); } 0%, 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-bottom-color: #fff; } } @keyframes sk-stretcharrow-upl-for-primary { 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-bottom-color: rgba(255, 255, 255, 0.5); } 0%, 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-bottom-color: #fff; } } .arrow-tale-secondary:after, .p-button-secondary .hi-upl-arrow:after, .p-button-secondary .hi-dwnl-arrow:after, .arrow-tale-secondary:before, .p-button-secondary .hi-upl-arrow:before, .p-button-secondary .hi-dwnl-arrow:before { background-color: #485A6A; -webkit-animation: sk-stretchdelay-for-secondary 1s infinite ease-in-out; animation: sk-stretchdelay-for-secondary 1s infinite ease-in-out; } .p-button-secondary .hi-upl-arrow + .p-button-label:after { border-bottom: 8px solid #485A6A; -webkit-animation: sk-stretcharrow-upl-for-secondary 1s infinite ease-in-out; animation: sk-stretcharrow-upl-for-secondary 1s infinite ease-in-out; } .p-button-secondary .hi-dwnl-arrow + .p-button-label:after { border-top: 8px solid #485A6A; -webkit-animation: sk-stretcharrow-dwnl-for-secondary 1s infinite ease-in-out; animation: sk-stretcharrow-dwnl-for-secondary 1s infinite ease-in-out; } @-webkit-keyframes sk-stretchdelay-for-secondary { 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: rgba(72, 90, 106, 0.5); } 0%, 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #485A6A; } } @keyframes sk-stretchdelay-for-secondary { 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); background-color: rgba(72, 90, 106, 0.5); } 0%, 20% { -webkit-transform: scaleY(1); transform: scaleY(1); background-color: #485A6A; } } @-webkit-keyframes sk-stretcharrow-dwnl-for-secondary { 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-top-color: rgba(72, 90, 106, 0.5); } 0%, 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-top-color: #485A6A; } } @keyframes sk-stretcharrow-dwnl-for-primsecondaryry { 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-top-color: rgba(72, 90, 106, 0.5); } 0%, 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-top-color: #485A6A; } } @-webkit-keyframes sk-stretcharrow-upl-for-secondary { 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-bottom-color: rgba(72, 90, 106, 0.5); } 0%, 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-bottom-color: #485A6A; } } @keyframes sk-stretcharrow-upl-for-secondary { 40%, 100% { -webkit-transform: scaleY(1); transform: scaleY(1); border-bottom-color: rgba(72, 90, 106, 0.5); } 0%, 20% { -webkit-transform: scaleY(1.5); transform: scaleY(1.5); border-bottom-color: #485A6A; } } .thinking { width: 1.7125rem; text-align: center; position: relative; } .thinking > span, .thinking:after, .thinking:before { width: 0.4375rem; height: 0.4375rem; display: block; border-radius: 100%; background-color: hsla(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%), 0.8); -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .btn .thinking > span, .btn .thinking:after, .btn .thinking:before { background-color: rgba(30, 35, 41, 0.6); } .thinking > span { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .thinking:after, .thinking:before { content: ""; position: absolute; top: 0; } .thinking:after { left: 0.6375rem; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .thinking:before { left: 1.275rem; } .thinking.black > span, .thinking.black:after, .thinking.black:before { background-color: rgba(30, 35, 41, 0.6); } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .spinner-circle { position: relative; } .spinner-circle:before { border: 0.375rem solid rgba(72, 90, 106, 0.15); } .spinner-circle:after { border: 0.375rem solid transparent; } .spinner-circle.spinner-solid:before { border-color: #F3F4F5; } .spinner-circle.spinner-base-white:before { border-color: rgba(255, 255, 255, 0.7); } .spinner-circle:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%; } .spinner-circle:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%; z-index: 1; } .spinner-circle.spinner-white:before { border-color: rgba(255, 255, 255, 0.25); } .spinner-70 { height: 4.375rem; width: 4.375rem; } .spinner-70.spinner-circle:before, .spinner-70.spinner-circle:after { border-width: 0.6125rem; width: 4.375rem; height: 4.375rem; } .spinner-64 { height: 4rem; width: 4rem; } .spinner-64.spinner-circle:before, .spinner-64.spinner-circle:after { border-width: 0.56rem; width: 4rem; height: 4rem; } .spinner-40 { height: 2.5rem; width: 2.5rem; } .spinner-40.spinner-circle:before, .spinner-40.spinner-circle:after { border-width: 0.35rem; width: 2.5rem; height: 2.5rem; } .spinner-30 { height: 1.875rem; width: 1.875rem; } .spinner-30.spinner-circle:before, .spinner-30.spinner-circle:after { border-width: 0.2625rem; width: 1.875rem; height: 1.875rem; } .spinner-20 { height: 1.25rem; width: 1.25rem; } .spinner-20.spinner-circle:before, .spinner-20.spinner-circle:after { border-width: 0.175rem; width: 1.25rem; height: 1.25rem; } .spinner-16 { height: 1rem; width: 1rem; } .spinner-16.spinner-circle:before, .spinner-16.spinner-circle:after { border-width: 0.14rem; width: 1rem; height: 1rem; } .spinner-15 { height: 0.9375rem; width: 0.9375rem; } .spinner-15.spinner-circle:before, .spinner-15.spinner-circle:after { border-width: 0.13125rem; width: 0.9375rem; height: 0.9375rem; } .spinner-gray:after { border-top-color: rgba(72, 90, 106, 0.3); } .spinner-primary:after { border-top-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .spinner-accent:after { border-top-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .spinner-white:after { border-top-color: #fff; } .h-loader { display: none; visibility: hidden; } .is-loading .h-loader { display: block; visibility: visible; } .is-loading .load-prevcont { visibility: hidden; opacity: 0; } .bg-none { background-color: transparent; } .bg-primary { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .bg-white { background-color: #fff; } .bg-snow { background-color: #F3F4F6; } .bg-hl-gray { background-color: #E7EBEC; } .bg-hm-gray { background-color: #485A6A; } .bg-light { background-color: #F3F5F5; } .bg-gray-transp { background-color: rgba(72, 90, 106, 0.1); } .bg-dark { background-color: #333; } .bg-base-gray { background-color: #F3F4F5; } .bg-alert { background-color: #F55858; } .bg-alert-light { background-color: rgba(245, 88, 88, 0.1); } .bg-warning-light { background-color: rgba(255, 227, 115, 0.6); } .bg-strike { background-color: #FFCCCC; } .bg-success-light { background-color: #AFFFD6; } .bg-true-black { background-color: #000; } .bg-gray-grad { background: #F3F4F5; background: -webkit-linear-gradient(180deg, #F8F9FA, #F3F4F5); background: -o-linear-gradient(180deg, #F3F4F5, #F8F9FA); background: -moz-linear-gradient(180deg, #F3F4F5, #F8F9FA); background: linear-gradient( 180deg, #F3F4F5, #F8F9FA); } .bg-gray-transp-grad { background: #F3F4F5; background: -webkit-linear-gradient(180deg, rgba(243, 244, 245, 0), #F3F4F5); background: -o-linear-gradient(180deg, #F3F4F5, rgba(243, 244, 245, 0)); background: -moz-linear-gradient(180deg, #F3F4F5, rgba(243, 244, 245, 0)); background: linear-gradient( 180deg, #F3F4F5, rgba(243, 244, 245, 0)); } .bg-cover { background-size: cover; } .bg-no-repeat { background-repeat: no-repeat; } .bg-center { background-position: center center; } .text-primary { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .text-success { color: #37D282; } .text-alert-dark { color: #A20000; } .text-warning-dark { color: #C78B00; } .text-danger { color: #FF1E1E; } .text-alert { color: #F55858; } .text-white { color: #fff; } .text-dark { color: #333; } .text-hm-gray { color: #485A6A; } .text-hl-gray { color: #E7EBEC; } .text-black { color: #1E2329; } ul.no-style { margin: 0; padding: 0; list-style: none; } ul.no-style li { list-style: none; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } .table { display: table; } .display-table { display: table; } .table-cell { display: table-cell; } .table-row { display: table-row; } .flex { display: flex; } .inline-flex { display: inline-flex; } @media print, screen and (min-width: 40em) { .medium640-block { display: block; } .medium640-inline { display: inline; } .medium640-inline-block { display: inline-block; } .medium640-table { display: table; } .medium640-display-table { display: table; } .medium640-table-cell { display: table-cell; } .medium640-table-row { display: table-row; } .medium640-flex { display: flex; } .medium640-inline-flex { display: inline-flex; } } @media print, screen and (min-width: 56.25em) { .medium-block { display: block; } .medium-inline { display: inline; } .medium-inline-block { display: inline-block; } .medium-table { display: table; } .medium-display-table { display: table; } .medium-table-cell { display: table-cell; } .medium-table-row { display: table-row; } .medium-flex { display: flex; } .medium-inline-flex { display: inline-flex; } } @media print, screen and (min-width: 75em) { .large-block { display: block; } .large-inline { display: inline; } .large-inline-block { display: inline-block; } .large-table { display: table; } .large-display-table { display: table; } .large-table-cell { display: table-cell; } .large-table-row { display: table-row; } .large-flex { display: flex; } .large-inline-flex { display: inline-flex; } } @media screen and (min-width: 75em) { .xlarge-block { display: block; } .xlarge-inline { display: inline; } .xlarge-inline-block { display: inline-block; } .xlarge-table { display: table; } .xlarge-display-table { display: table; } .xlarge-table-cell { display: table-cell; } .xlarge-table-row { display: table-row; } .xlarge-flex { display: flex; } .xlarge-inline-flex { display: inline-flex; } } @media screen and (min-width: 90em) { .xxlarge-block { display: block; } .xxlarge-inline { display: inline; } .xxlarge-inline-block { display: inline-block; } .xxlarge-table { display: table; } .xxlarge-display-table { display: table; } .xxlarge-table-cell { display: table-cell; } .xxlarge-table-row { display: table-row; } .xxlarge-flex { display: flex; } .xxlarge-inline-flex { display: inline-flex; } } @media screen and (min-width: 112.5em) { .xxxlarge-block { display: block; } .xxxlarge-inline { display: inline; } .xxxlarge-inline-block { display: inline-block; } .xxxlarge-table { display: table; } .xxxlarge-display-table { display: table; } .xxxlarge-table-cell { display: table-cell; } .xxxlarge-table-row { display: table-row; } .xxxlarge-flex { display: flex; } .xxxlarge-inline-flex { display: inline-flex; } } @media screen and (min-width: 128em) { .twok-block { display: block; } .twok-inline { display: inline; } .twok-inline-block { display: inline-block; } .twok-table { display: table; } .twok-display-table { display: table; } .twok-table-cell { display: table-cell; } .twok-table-row { display: table-row; } .twok-flex { display: flex; } .twok-inline-flex { display: inline-flex; } } .float-right { float: right; } .float-left { float: left; } .float-none { float: none; } @media print, screen and (min-width: 40em) { .medium640-float-right { float: right; } .medium640-float-left { float: left; } .medium640-float-none { float: none; } } @media print, screen and (min-width: 56.25em) { .medium-float-right { float: right; } .medium-float-left { float: left; } .medium-float-none { float: none; } } @media print, screen and (min-width: 75em) { .large-float-right { float: right; } .large-float-left { float: left; } .large-float-none { float: none; } } @media screen and (min-width: 75em) { .xlarge-float-right { float: right; } .xlarge-float-left { float: left; } .xlarge-float-none { float: none; } } @media screen and (min-width: 90em) { .xxlarge-float-right { float: right; } .xxlarge-float-left { float: left; } .xxlarge-float-none { float: none; } } @media screen and (min-width: 112.5em) { .xxxlarge-float-right { float: right; } .xxxlarge-float-left { float: left; } .xxxlarge-float-none { float: none; } } @media screen and (min-width: 128em) { .twok-float-right { float: right; } .twok-float-left { float: left; } .twok-float-none { float: none; } } .float-none { float: none !important; } .float-center { margin: auto; } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } @media print, screen and (min-width: 40em) { .medium640-text-right { text-align: right; } .medium640-text-left { text-align: left; } .medium640-text-center { text-align: center; } } @media print, screen and (min-width: 56.25em) { .medium-text-right { text-align: right; } .medium-text-left { text-align: left; } .medium-text-center { text-align: center; } } @media print, screen and (min-width: 75em) { .large-text-right { text-align: right; } .large-text-left { text-align: left; } .large-text-center { text-align: center; } } @media screen and (min-width: 75em) { .xlarge-text-right { text-align: right; } .xlarge-text-left { text-align: left; } .xlarge-text-center { text-align: center; } } @media screen and (min-width: 90em) { .xxlarge-text-right { text-align: right; } .xxlarge-text-left { text-align: left; } .xxlarge-text-center { text-align: center; } } @media screen and (min-width: 112.5em) { .xxxlarge-text-right { text-align: right; } .xxxlarge-text-left { text-align: left; } .xxxlarge-text-center { text-align: center; } } @media screen and (min-width: 128em) { .twok-text-right { text-align: right; } .twok-text-left { text-align: left; } .twok-text-center { text-align: center; } } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .align-middle-imp { vertical-align: middle !important; } .vertical-center { position: absolute; top: 50%; transform: translateY(-50%); } .horizontal-center { position: absolute; left: 50%; transform: translateX(-50%); } .absolute-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media print, screen and (min-width: 40em) { .medium640-vertical-center { position: absolute; top: 50%; transform: translateY(-50%); } } .over-hidden { overflow: hidden; } .over-y-scroll { overflow-y: scroll; } .over-y-auto { overflow-y: auto; } .over-auto { overflow: auto; } .over-visible { overflow: visible !important; } @media screen and (max-width: 22.49875em) { .small-over-auto { overflow: auto; } } .letters-spaced-1 { letter-spacing: 1px; } .hide { display: none; } .invisible { visibility: hidden; } .opac-0 { opacity: 0; } .opac-30 { opacity: 0.3; } .opac-50 { opacity: 0.5; } .opac-60 { opacity: 0.6; } .opac-75 { opacity: 0.75; } .opac-90 { opacity: 0.9; } .opac-1 { opacity: 1; } .absolute { position: absolute; } .relative { position: relative; } .fixed { position: fixed; } .sticky { position: sticky; } @media print, screen and (min-width: 40em) { .medium640-absolute { position: absolute; } .medium640-relative { position: relative; } .medium640-fixed { position: fixed; } .medium640-sticky { position: sticky; } } @media print, screen and (min-width: 56.25em) { .medium-absolute { position: absolute; } .medium-relative { position: relative; } .medium-fixed { position: fixed; } .medium-sticky { position: sticky; } } @media print, screen and (min-width: 75em) { .large-absolute { position: absolute; } .large-relative { position: relative; } .large-fixed { position: fixed; } .large-sticky { position: sticky; } } @media screen and (min-width: 75em) { .xlarge-absolute { position: absolute; } .xlarge-relative { position: relative; } .xlarge-fixed { position: fixed; } .xlarge-sticky { position: sticky; } } @media screen and (min-width: 90em) { .xxlarge-absolute { position: absolute; } .xxlarge-relative { position: relative; } .xxlarge-fixed { position: fixed; } .xxlarge-sticky { position: sticky; } } @media screen and (min-width: 112.5em) { .xxxlarge-absolute { position: absolute; } .xxxlarge-relative { position: relative; } .xxxlarge-fixed { position: fixed; } .xxxlarge-sticky { position: sticky; } } @media screen and (min-width: 128em) { .twok-absolute { position: absolute; } .twok-relative { position: relative; } .twok-fixed { position: fixed; } .twok-sticky { position: sticky; } } .pos-l { left: 0; } .pos-l-imp { left: 0 !important; } @media print, screen and (min-width: 40em) { .medium640-pos-l { left: 0; } } .pos-l-100 { left: 100%; } .pos-l-50-05px { left: calc(50% + 0.5px); } .pos-r { right: 0; } .pos-r-100 { right: 100%; } @media print, screen and (min-width: 40em) { .medium640-pos-r-auto { right: auto; } } .pos-b { bottom: 0; } .pos-t { top: 0; } .pos-t-imp { top: 0 !important; } .pos-t-100 { top: 100%; } .pos-b-100 { bottom: 100%; } .elevation--2 { z-index: -2; } .elevation--1 { z-index: -1; } .elevation-0 { z-index: 0; } .elevation-1 { z-index: 1; } .elevation-2 { z-index: 2; } .elevation-3 { z-index: 3; } .elevation-4 { z-index: 4; } .elevation-5 { z-index: 5; } .elevation-99 { z-index: 99; } .elevation-100 { z-index: 100; } .elevation-101 { z-index: 101; } .capitalize { text-transform: capitalize; } .notransform { text-transform: none; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .clip { white-space: nowrap; overflow: hidden; text-overflow: clip; } .break-normal { word-break: normal; } .break-word { word-break: break-all; word-break: break-word; } .break-all { word-break: break-all; } .ms-break-all { -ms-word-break: break-all; } .nowrap { white-space: nowrap; } .wrap { white-space: normal; } .wrap-break-word { word-wrap: break-word; } .italic { font-style: italic; } .weight-normal { font-weight: normal; } .weight-semi { font-weight: var(--semiWeight, 600); } .weight-bold { font-weight: bold; } .strike { text-decoration: line-through; } .text-0 { font-size: 0; } .text-xs { font-size: 0.6875rem; } .text-s { font-size: 0.75rem; } .text-base { font-size: 0.875rem; } .text-nrm { font-size: 1rem; } .text-m { font-size: 1.125rem; } .text-l { font-size: 1.5rem; } @media print, screen and (min-width: 40em) { .medium640-text-0 { font-size: 0; } .medium640-text-xs { font-size: 0.6875rem; } .medium640-text-s { font-size: 0.75rem; } .medium640-text-base { font-size: 0.875rem; } .medium640-text-nrm { font-size: 1rem; } .medium640-text-m { font-size: 1.125rem; } .medium640-text-l { font-size: 1.5rem; } } @media print, screen and (min-width: 56.25em) { .medium-text-0 { font-size: 0; } .medium-text-xs { font-size: 0.6875rem; } .medium-text-s { font-size: 0.75rem; } .medium-text-base { font-size: 0.875rem; } .medium-text-nrm { font-size: 1rem; } .medium-text-m { font-size: 1.125rem; } .medium-text-l { font-size: 1.5rem; } } @media print, screen and (min-width: 75em) { .large-text-0 { font-size: 0; } .large-text-xs { font-size: 0.6875rem; } .large-text-s { font-size: 0.75rem; } .large-text-base { font-size: 0.875rem; } .large-text-nrm { font-size: 1rem; } .large-text-m { font-size: 1.125rem; } .large-text-l { font-size: 1.5rem; } } @media screen and (min-width: 75em) { .xlarge-text-0 { font-size: 0; } .xlarge-text-xs { font-size: 0.6875rem; } .xlarge-text-s { font-size: 0.75rem; } .xlarge-text-base { font-size: 0.875rem; } .xlarge-text-nrm { font-size: 1rem; } .xlarge-text-m { font-size: 1.125rem; } .xlarge-text-l { font-size: 1.5rem; } } @media screen and (min-width: 90em) { .xxlarge-text-0 { font-size: 0; } .xxlarge-text-xs { font-size: 0.6875rem; } .xxlarge-text-s { font-size: 0.75rem; } .xxlarge-text-base { font-size: 0.875rem; } .xxlarge-text-nrm { font-size: 1rem; } .xxlarge-text-m { font-size: 1.125rem; } .xxlarge-text-l { font-size: 1.5rem; } } @media screen and (min-width: 112.5em) { .xxxlarge-text-0 { font-size: 0; } .xxxlarge-text-xs { font-size: 0.6875rem; } .xxxlarge-text-s { font-size: 0.75rem; } .xxxlarge-text-base { font-size: 0.875rem; } .xxxlarge-text-nrm { font-size: 1rem; } .xxxlarge-text-m { font-size: 1.125rem; } .xxxlarge-text-l { font-size: 1.5rem; } } @media screen and (min-width: 128em) { .twok-text-0 { font-size: 0; } .twok-text-xs { font-size: 0.6875rem; } .twok-text-s { font-size: 0.75rem; } .twok-text-base { font-size: 0.875rem; } .twok-text-nrm { font-size: 1rem; } .twok-text-m { font-size: 1.125rem; } .twok-text-l { font-size: 1.5rem; } } .line-0 { line-height: 0 !important; } .line-1 { line-height: 1 !important; } .line-1p2 { line-height: 1.2 !important; } .line-1p6 { line-height: 1.6 !important; } .line-1p8 { line-height: 1.8 !important; } .line-global { line-height: 1.5 !important; } .font-roboto .line-1p2 { line-height: 1.05 !important; } .font-roboto .line-1p6 { line-height: 1.45 !important; } .font-roboto .line-1p8 { line-height: 1.65 !important; } .font-roboto .line-global { line-height: 1.35 !important; } .boxsizing-content { box-sizing: content-box; } .h-100vh { height: 100vh; } .h-70vh { height: 70vh; } .h-60vh { height: 60vh; } .h-32px { height: 32px; } @media print, screen and (min-width: 40em) { .medium640-h-100vh { height: 100vh; } .medium640-h-70vh { height: 70vh; } .medium640-h-60vh { height: 60vh; } .medium640-h-32px { height: 32px; } } @media print, screen and (min-width: 56.25em) { .medium-h-100vh { height: 100vh; } .medium-h-70vh { height: 70vh; } .medium-h-60vh { height: 60vh; } .medium-h-32px { height: 32px; } } @media print, screen and (min-width: 75em) { .large-h-100vh { height: 100vh; } .large-h-70vh { height: 70vh; } .large-h-60vh { height: 60vh; } .large-h-32px { height: 32px; } } @media screen and (min-width: 75em) { .xlarge-h-100vh { height: 100vh; } .xlarge-h-70vh { height: 70vh; } .xlarge-h-60vh { height: 60vh; } .xlarge-h-32px { height: 32px; } } @media screen and (min-width: 90em) { .xxlarge-h-100vh { height: 100vh; } .xxlarge-h-70vh { height: 70vh; } .xxlarge-h-60vh { height: 60vh; } .xxlarge-h-32px { height: 32px; } } @media screen and (min-width: 112.5em) { .xxxlarge-h-100vh { height: 100vh; } .xxxlarge-h-70vh { height: 70vh; } .xxxlarge-h-60vh { height: 60vh; } .xxxlarge-h-32px { height: 32px; } } @media screen and (min-width: 128em) { .twok-h-100vh { height: 100vh; } .twok-h-70vh { height: 70vh; } .twok-h-60vh { height: 60vh; } .twok-h-32px { height: 32px; } } .h-min-0 { min-height: 0; } .h-min-150px { min-height: 150px; } .h-min-300px { min-height: 300px; } .h-min-80vh { min-height: 80vh; } .h-min-100vh { min-height: 100vh; } .h-min-100 { min-height: 100%; } @media print, screen and (min-width: 40em) { .medium640-h-min-0 { min-height: 0; } .medium640-h-min-150px { min-height: 150px; } .medium640-h-min-300px { min-height: 300px; } .medium640-h-min-80vh { min-height: 80vh; } .medium640-h-min-100vh { min-height: 100vh; } .medium640-h-min-100 { min-height: 100%; } } @media print, screen and (min-width: 56.25em) { .medium-h-min-0 { min-height: 0; } .medium-h-min-150px { min-height: 150px; } .medium-h-min-300px { min-height: 300px; } .medium-h-min-80vh { min-height: 80vh; } .medium-h-min-100vh { min-height: 100vh; } .medium-h-min-100 { min-height: 100%; } } @media print, screen and (min-width: 75em) { .large-h-min-0 { min-height: 0; } .large-h-min-150px { min-height: 150px; } .large-h-min-300px { min-height: 300px; } .large-h-min-80vh { min-height: 80vh; } .large-h-min-100vh { min-height: 100vh; } .large-h-min-100 { min-height: 100%; } } @media screen and (min-width: 75em) { .xlarge-h-min-0 { min-height: 0; } .xlarge-h-min-150px { min-height: 150px; } .xlarge-h-min-300px { min-height: 300px; } .xlarge-h-min-80vh { min-height: 80vh; } .xlarge-h-min-100vh { min-height: 100vh; } .xlarge-h-min-100 { min-height: 100%; } } @media screen and (min-width: 90em) { .xxlarge-h-min-0 { min-height: 0; } .xxlarge-h-min-150px { min-height: 150px; } .xxlarge-h-min-300px { min-height: 300px; } .xxlarge-h-min-80vh { min-height: 80vh; } .xxlarge-h-min-100vh { min-height: 100vh; } .xxlarge-h-min-100 { min-height: 100%; } } @media screen and (min-width: 112.5em) { .xxxlarge-h-min-0 { min-height: 0; } .xxxlarge-h-min-150px { min-height: 150px; } .xxxlarge-h-min-300px { min-height: 300px; } .xxxlarge-h-min-80vh { min-height: 80vh; } .xxxlarge-h-min-100vh { min-height: 100vh; } .xxxlarge-h-min-100 { min-height: 100%; } } @media screen and (min-width: 128em) { .twok-h-min-0 { min-height: 0; } .twok-h-min-150px { min-height: 150px; } .twok-h-min-300px { min-height: 300px; } .twok-h-min-80vh { min-height: 80vh; } .twok-h-min-100vh { min-height: 100vh; } .twok-h-min-100 { min-height: 100%; } } .h-max-30px { max-height: 1.875rem; } .h-max-96px { max-height: 6rem; } .h-max-230px { max-height: 14.375rem; } .h-max-300px { max-height: 18.75rem; } .h-max-50vh { max-height: 50vh; } .h-max-70vh { max-height: 70vh; } .h-max-100 { max-height: 100%; } @media print, screen and (min-width: 40em) { .medium640-h-max-30px { max-height: 1.875rem; } .medium640-h-max-96px { max-height: 6rem; } .medium640-h-max-230px { max-height: 14.375rem; } .medium640-h-max-300px { max-height: 18.75rem; } .medium640-h-max-50vh { max-height: 50vh; } .medium640-h-max-70vh { max-height: 70vh; } .medium640-h-max-100 { max-height: 100%; } } @media print, screen and (min-width: 56.25em) { .medium-h-max-30px { max-height: 1.875rem; } .medium-h-max-96px { max-height: 6rem; } .medium-h-max-230px { max-height: 14.375rem; } .medium-h-max-300px { max-height: 18.75rem; } .medium-h-max-50vh { max-height: 50vh; } .medium-h-max-70vh { max-height: 70vh; } .medium-h-max-100 { max-height: 100%; } } @media print, screen and (min-width: 75em) { .large-h-max-30px { max-height: 1.875rem; } .large-h-max-96px { max-height: 6rem; } .large-h-max-230px { max-height: 14.375rem; } .large-h-max-300px { max-height: 18.75rem; } .large-h-max-50vh { max-height: 50vh; } .large-h-max-70vh { max-height: 70vh; } .large-h-max-100 { max-height: 100%; } } @media screen and (min-width: 75em) { .xlarge-h-max-30px { max-height: 1.875rem; } .xlarge-h-max-96px { max-height: 6rem; } .xlarge-h-max-230px { max-height: 14.375rem; } .xlarge-h-max-300px { max-height: 18.75rem; } .xlarge-h-max-50vh { max-height: 50vh; } .xlarge-h-max-70vh { max-height: 70vh; } .xlarge-h-max-100 { max-height: 100%; } } @media screen and (min-width: 90em) { .xxlarge-h-max-30px { max-height: 1.875rem; } .xxlarge-h-max-96px { max-height: 6rem; } .xxlarge-h-max-230px { max-height: 14.375rem; } .xxlarge-h-max-300px { max-height: 18.75rem; } .xxlarge-h-max-50vh { max-height: 50vh; } .xxlarge-h-max-70vh { max-height: 70vh; } .xxlarge-h-max-100 { max-height: 100%; } } @media screen and (min-width: 112.5em) { .xxxlarge-h-max-30px { max-height: 1.875rem; } .xxxlarge-h-max-96px { max-height: 6rem; } .xxxlarge-h-max-230px { max-height: 14.375rem; } .xxxlarge-h-max-300px { max-height: 18.75rem; } .xxxlarge-h-max-50vh { max-height: 50vh; } .xxxlarge-h-max-70vh { max-height: 70vh; } .xxxlarge-h-max-100 { max-height: 100%; } } @media screen and (min-width: 128em) { .twok-h-max-30px { max-height: 1.875rem; } .twok-h-max-96px { max-height: 6rem; } .twok-h-max-230px { max-height: 14.375rem; } .twok-h-max-300px { max-height: 18.75rem; } .twok-h-max-50vh { max-height: 50vh; } .twok-h-max-70vh { max-height: 70vh; } .twok-h-max-100 { max-height: 100%; } } .w-100 { width: 100% !important; } .w-150px { width: 150px !important; } .w-120px { width: 120px !important; } .w-100px { width: 100px !important; } .w-70px { width: 70px !important; } .w-60px { width: 60px !important; } .w-40px { width: 40px !important; } .w-30px { width: 30px !important; } .w-18px { width: 18px !important; } .w-16px { width: 16px !important; } .w-auto { width: auto !important; } .h-100 { height: 100% !important; } .h-150px { height: 150px !important; } .h-120px { height: 120px !important; } .h-100px { height: 100px !important; } .h-70px { height: 70px !important; } .h-60px { height: 60px !important; } .h-40px { height: 40px !important; } .h-30px { height: 30px !important; } .h-18px { height: 18px !important; } .h-16px { height: 16px !important; } .h-auto { height: auto !important; } @media print, screen and (min-width: 40em) { .medium640-w-100 { width: 100% !important; } .medium640-w-150px { width: 150px !important; } .medium640-w-120px { width: 120px !important; } .medium640-w-100px { width: 100px !important; } .medium640-w-70px { width: 70px !important; } .medium640-w-60px { width: 60px !important; } .medium640-w-40px { width: 40px !important; } .medium640-w-30px { width: 30px !important; } .medium640-w-18px { width: 18px !important; } .medium640-w-16px { width: 16px !important; } .medium640-w-auto { width: auto !important; } .medium640-h-100 { height: 100% !important; } .medium640-h-150px { height: 150px !important; } .medium640-h-120px { height: 120px !important; } .medium640-h-100px { height: 100px !important; } .medium640-h-70px { height: 70px !important; } .medium640-h-60px { height: 60px !important; } .medium640-h-40px { height: 40px !important; } .medium640-h-30px { height: 30px !important; } .medium640-h-18px { height: 18px !important; } .medium640-h-16px { height: 16px !important; } .medium640-h-auto { height: auto !important; } } @media print, screen and (min-width: 56.25em) { .medium-w-100 { width: 100% !important; } .medium-w-150px { width: 150px !important; } .medium-w-120px { width: 120px !important; } .medium-w-100px { width: 100px !important; } .medium-w-70px { width: 70px !important; } .medium-w-60px { width: 60px !important; } .medium-w-40px { width: 40px !important; } .medium-w-30px { width: 30px !important; } .medium-w-18px { width: 18px !important; } .medium-w-16px { width: 16px !important; } .medium-w-auto { width: auto !important; } .medium-h-100 { height: 100% !important; } .medium-h-150px { height: 150px !important; } .medium-h-120px { height: 120px !important; } .medium-h-100px { height: 100px !important; } .medium-h-70px { height: 70px !important; } .medium-h-60px { height: 60px !important; } .medium-h-40px { height: 40px !important; } .medium-h-30px { height: 30px !important; } .medium-h-18px { height: 18px !important; } .medium-h-16px { height: 16px !important; } .medium-h-auto { height: auto !important; } } @media print, screen and (min-width: 75em) { .large-w-100 { width: 100% !important; } .large-w-150px { width: 150px !important; } .large-w-120px { width: 120px !important; } .large-w-100px { width: 100px !important; } .large-w-70px { width: 70px !important; } .large-w-60px { width: 60px !important; } .large-w-40px { width: 40px !important; } .large-w-30px { width: 30px !important; } .large-w-18px { width: 18px !important; } .large-w-16px { width: 16px !important; } .large-w-auto { width: auto !important; } .large-h-100 { height: 100% !important; } .large-h-150px { height: 150px !important; } .large-h-120px { height: 120px !important; } .large-h-100px { height: 100px !important; } .large-h-70px { height: 70px !important; } .large-h-60px { height: 60px !important; } .large-h-40px { height: 40px !important; } .large-h-30px { height: 30px !important; } .large-h-18px { height: 18px !important; } .large-h-16px { height: 16px !important; } .large-h-auto { height: auto !important; } } @media screen and (min-width: 75em) { .xlarge-w-100 { width: 100% !important; } .xlarge-w-150px { width: 150px !important; } .xlarge-w-120px { width: 120px !important; } .xlarge-w-100px { width: 100px !important; } .xlarge-w-70px { width: 70px !important; } .xlarge-w-60px { width: 60px !important; } .xlarge-w-40px { width: 40px !important; } .xlarge-w-30px { width: 30px !important; } .xlarge-w-18px { width: 18px !important; } .xlarge-w-16px { width: 16px !important; } .xlarge-w-auto { width: auto !important; } .xlarge-h-100 { height: 100% !important; } .xlarge-h-150px { height: 150px !important; } .xlarge-h-120px { height: 120px !important; } .xlarge-h-100px { height: 100px !important; } .xlarge-h-70px { height: 70px !important; } .xlarge-h-60px { height: 60px !important; } .xlarge-h-40px { height: 40px !important; } .xlarge-h-30px { height: 30px !important; } .xlarge-h-18px { height: 18px !important; } .xlarge-h-16px { height: 16px !important; } .xlarge-h-auto { height: auto !important; } } @media screen and (min-width: 90em) { .xxlarge-w-100 { width: 100% !important; } .xxlarge-w-150px { width: 150px !important; } .xxlarge-w-120px { width: 120px !important; } .xxlarge-w-100px { width: 100px !important; } .xxlarge-w-70px { width: 70px !important; } .xxlarge-w-60px { width: 60px !important; } .xxlarge-w-40px { width: 40px !important; } .xxlarge-w-30px { width: 30px !important; } .xxlarge-w-18px { width: 18px !important; } .xxlarge-w-16px { width: 16px !important; } .xxlarge-w-auto { width: auto !important; } .xxlarge-h-100 { height: 100% !important; } .xxlarge-h-150px { height: 150px !important; } .xxlarge-h-120px { height: 120px !important; } .xxlarge-h-100px { height: 100px !important; } .xxlarge-h-70px { height: 70px !important; } .xxlarge-h-60px { height: 60px !important; } .xxlarge-h-40px { height: 40px !important; } .xxlarge-h-30px { height: 30px !important; } .xxlarge-h-18px { height: 18px !important; } .xxlarge-h-16px { height: 16px !important; } .xxlarge-h-auto { height: auto !important; } } @media screen and (min-width: 112.5em) { .xxxlarge-w-100 { width: 100% !important; } .xxxlarge-w-150px { width: 150px !important; } .xxxlarge-w-120px { width: 120px !important; } .xxxlarge-w-100px { width: 100px !important; } .xxxlarge-w-70px { width: 70px !important; } .xxxlarge-w-60px { width: 60px !important; } .xxxlarge-w-40px { width: 40px !important; } .xxxlarge-w-30px { width: 30px !important; } .xxxlarge-w-18px { width: 18px !important; } .xxxlarge-w-16px { width: 16px !important; } .xxxlarge-w-auto { width: auto !important; } .xxxlarge-h-100 { height: 100% !important; } .xxxlarge-h-150px { height: 150px !important; } .xxxlarge-h-120px { height: 120px !important; } .xxxlarge-h-100px { height: 100px !important; } .xxxlarge-h-70px { height: 70px !important; } .xxxlarge-h-60px { height: 60px !important; } .xxxlarge-h-40px { height: 40px !important; } .xxxlarge-h-30px { height: 30px !important; } .xxxlarge-h-18px { height: 18px !important; } .xxxlarge-h-16px { height: 16px !important; } .xxxlarge-h-auto { height: auto !important; } } @media screen and (min-width: 128em) { .twok-w-100 { width: 100% !important; } .twok-w-150px { width: 150px !important; } .twok-w-120px { width: 120px !important; } .twok-w-100px { width: 100px !important; } .twok-w-70px { width: 70px !important; } .twok-w-60px { width: 60px !important; } .twok-w-40px { width: 40px !important; } .twok-w-30px { width: 30px !important; } .twok-w-18px { width: 18px !important; } .twok-w-16px { width: 16px !important; } .twok-w-auto { width: auto !important; } .twok-h-100 { height: 100% !important; } .twok-h-150px { height: 150px !important; } .twok-h-120px { height: 120px !important; } .twok-h-100px { height: 100px !important; } .twok-h-70px { height: 70px !important; } .twok-h-60px { height: 60px !important; } .twok-h-40px { height: 40px !important; } .twok-h-30px { height: 30px !important; } .twok-h-18px { height: 18px !important; } .twok-h-16px { height: 16px !important; } .twok-h-auto { height: auto !important; } } .w-50 { width: 50% !important; } .w-14px { width: 14px !important; } .w-24px { width: 24px !important; } .w-32px { width: 32px !important; } .w-50px { width: 50px !important; } .w-80px { width: 80px !important; } .w-170px { width: 170px !important; } .w-200px { width: 200px !important; } .w-sidebar { width: 13.75rem !important; } .w-4ksidebar { width: 16.25rem !important; } .w-300px { width: 300px !important; } .w-auto { width: auto !important; } @media print, screen and (min-width: 40em) { .medium640-w-50 { width: 50% !important; } .medium640-w-14px { width: 14px !important; } .medium640-w-24px { width: 24px !important; } .medium640-w-32px { width: 32px !important; } .medium640-w-50px { width: 50px !important; } .medium640-w-80px { width: 80px !important; } .medium640-w-170px { width: 170px !important; } .medium640-w-200px { width: 200px !important; } .medium640-w-sidebar { width: 13.75rem !important; } .medium640-w-4ksidebar { width: 16.25rem !important; } .medium640-w-300px { width: 300px !important; } .medium640-w-auto { width: auto !important; } } @media print, screen and (min-width: 56.25em) { .medium-w-50 { width: 50% !important; } .medium-w-14px { width: 14px !important; } .medium-w-24px { width: 24px !important; } .medium-w-32px { width: 32px !important; } .medium-w-50px { width: 50px !important; } .medium-w-80px { width: 80px !important; } .medium-w-170px { width: 170px !important; } .medium-w-200px { width: 200px !important; } .medium-w-sidebar { width: 13.75rem !important; } .medium-w-4ksidebar { width: 16.25rem !important; } .medium-w-300px { width: 300px !important; } .medium-w-auto { width: auto !important; } } @media print, screen and (min-width: 75em) { .large-w-50 { width: 50% !important; } .large-w-14px { width: 14px !important; } .large-w-24px { width: 24px !important; } .large-w-32px { width: 32px !important; } .large-w-50px { width: 50px !important; } .large-w-80px { width: 80px !important; } .large-w-170px { width: 170px !important; } .large-w-200px { width: 200px !important; } .large-w-sidebar { width: 13.75rem !important; } .large-w-4ksidebar { width: 16.25rem !important; } .large-w-300px { width: 300px !important; } .large-w-auto { width: auto !important; } } @media screen and (min-width: 75em) { .xlarge-w-50 { width: 50% !important; } .xlarge-w-14px { width: 14px !important; } .xlarge-w-24px { width: 24px !important; } .xlarge-w-32px { width: 32px !important; } .xlarge-w-50px { width: 50px !important; } .xlarge-w-80px { width: 80px !important; } .xlarge-w-170px { width: 170px !important; } .xlarge-w-200px { width: 200px !important; } .xlarge-w-sidebar { width: 13.75rem !important; } .xlarge-w-4ksidebar { width: 16.25rem !important; } .xlarge-w-300px { width: 300px !important; } .xlarge-w-auto { width: auto !important; } } @media screen and (min-width: 90em) { .xxlarge-w-50 { width: 50% !important; } .xxlarge-w-14px { width: 14px !important; } .xxlarge-w-24px { width: 24px !important; } .xxlarge-w-32px { width: 32px !important; } .xxlarge-w-50px { width: 50px !important; } .xxlarge-w-80px { width: 80px !important; } .xxlarge-w-170px { width: 170px !important; } .xxlarge-w-200px { width: 200px !important; } .xxlarge-w-sidebar { width: 13.75rem !important; } .xxlarge-w-4ksidebar { width: 16.25rem !important; } .xxlarge-w-300px { width: 300px !important; } .xxlarge-w-auto { width: auto !important; } } @media screen and (min-width: 112.5em) { .xxxlarge-w-50 { width: 50% !important; } .xxxlarge-w-14px { width: 14px !important; } .xxxlarge-w-24px { width: 24px !important; } .xxxlarge-w-32px { width: 32px !important; } .xxxlarge-w-50px { width: 50px !important; } .xxxlarge-w-80px { width: 80px !important; } .xxxlarge-w-170px { width: 170px !important; } .xxxlarge-w-200px { width: 200px !important; } .xxxlarge-w-sidebar { width: 13.75rem !important; } .xxxlarge-w-4ksidebar { width: 16.25rem !important; } .xxxlarge-w-300px { width: 300px !important; } .xxxlarge-w-auto { width: auto !important; } } @media screen and (min-width: 128em) { .twok-w-50 { width: 50% !important; } .twok-w-14px { width: 14px !important; } .twok-w-24px { width: 24px !important; } .twok-w-32px { width: 32px !important; } .twok-w-50px { width: 50px !important; } .twok-w-80px { width: 80px !important; } .twok-w-170px { width: 170px !important; } .twok-w-200px { width: 200px !important; } .twok-w-sidebar { width: 13.75rem !important; } .twok-w-4ksidebar { width: 16.25rem !important; } .twok-w-300px { width: 300px !important; } .twok-w-auto { width: auto !important; } } .w-max-100 { max-width: 100%; } .w-max-60px { max-width: 60px; } .w-max-72px { max-width: 72px; } .w-max-110px { max-width: 110px; } .w-max-130px { max-width: 130px; } .w-max-200px { max-width: 200px; } .w-max-250px { max-width: 250px; } .w-max-300px { max-width: 300px; } .w-max-400px { max-width: 400px; } .w-max-450px { max-width: 450px; } .w-max-550px { max-width: 550px; } .w-max-820px { max-width: 820px; } .w-max-1024px { max-width: 1024px; } .w-max-1200px { max-width: 1200px; } @media print, screen and (min-width: 40em) { .medium640-w-max-100 { max-width: 100%; } .medium640-w-max-60px { max-width: 60px; } .medium640-w-max-72px { max-width: 72px; } .medium640-w-max-110px { max-width: 110px; } .medium640-w-max-130px { max-width: 130px; } .medium640-w-max-200px { max-width: 200px; } .medium640-w-max-250px { max-width: 250px; } .medium640-w-max-300px { max-width: 300px; } .medium640-w-max-400px { max-width: 400px; } .medium640-w-max-450px { max-width: 450px; } .medium640-w-max-550px { max-width: 550px; } .medium640-w-max-820px { max-width: 820px; } .medium640-w-max-1024px { max-width: 1024px; } .medium640-w-max-1200px { max-width: 1200px; } } @media print, screen and (min-width: 56.25em) { .medium-w-max-100 { max-width: 100%; } .medium-w-max-60px { max-width: 60px; } .medium-w-max-72px { max-width: 72px; } .medium-w-max-110px { max-width: 110px; } .medium-w-max-130px { max-width: 130px; } .medium-w-max-200px { max-width: 200px; } .medium-w-max-250px { max-width: 250px; } .medium-w-max-300px { max-width: 300px; } .medium-w-max-400px { max-width: 400px; } .medium-w-max-450px { max-width: 450px; } .medium-w-max-550px { max-width: 550px; } .medium-w-max-820px { max-width: 820px; } .medium-w-max-1024px { max-width: 1024px; } .medium-w-max-1200px { max-width: 1200px; } } @media print, screen and (min-width: 75em) { .large-w-max-100 { max-width: 100%; } .large-w-max-60px { max-width: 60px; } .large-w-max-72px { max-width: 72px; } .large-w-max-110px { max-width: 110px; } .large-w-max-130px { max-width: 130px; } .large-w-max-200px { max-width: 200px; } .large-w-max-250px { max-width: 250px; } .large-w-max-300px { max-width: 300px; } .large-w-max-400px { max-width: 400px; } .large-w-max-450px { max-width: 450px; } .large-w-max-550px { max-width: 550px; } .large-w-max-820px { max-width: 820px; } .large-w-max-1024px { max-width: 1024px; } .large-w-max-1200px { max-width: 1200px; } } @media screen and (min-width: 75em) { .xlarge-w-max-100 { max-width: 100%; } .xlarge-w-max-60px { max-width: 60px; } .xlarge-w-max-72px { max-width: 72px; } .xlarge-w-max-110px { max-width: 110px; } .xlarge-w-max-130px { max-width: 130px; } .xlarge-w-max-200px { max-width: 200px; } .xlarge-w-max-250px { max-width: 250px; } .xlarge-w-max-300px { max-width: 300px; } .xlarge-w-max-400px { max-width: 400px; } .xlarge-w-max-450px { max-width: 450px; } .xlarge-w-max-550px { max-width: 550px; } .xlarge-w-max-820px { max-width: 820px; } .xlarge-w-max-1024px { max-width: 1024px; } .xlarge-w-max-1200px { max-width: 1200px; } } @media screen and (min-width: 90em) { .xxlarge-w-max-100 { max-width: 100%; } .xxlarge-w-max-60px { max-width: 60px; } .xxlarge-w-max-72px { max-width: 72px; } .xxlarge-w-max-110px { max-width: 110px; } .xxlarge-w-max-130px { max-width: 130px; } .xxlarge-w-max-200px { max-width: 200px; } .xxlarge-w-max-250px { max-width: 250px; } .xxlarge-w-max-300px { max-width: 300px; } .xxlarge-w-max-400px { max-width: 400px; } .xxlarge-w-max-450px { max-width: 450px; } .xxlarge-w-max-550px { max-width: 550px; } .xxlarge-w-max-820px { max-width: 820px; } .xxlarge-w-max-1024px { max-width: 1024px; } .xxlarge-w-max-1200px { max-width: 1200px; } } @media screen and (min-width: 112.5em) { .xxxlarge-w-max-100 { max-width: 100%; } .xxxlarge-w-max-60px { max-width: 60px; } .xxxlarge-w-max-72px { max-width: 72px; } .xxxlarge-w-max-110px { max-width: 110px; } .xxxlarge-w-max-130px { max-width: 130px; } .xxxlarge-w-max-200px { max-width: 200px; } .xxxlarge-w-max-250px { max-width: 250px; } .xxxlarge-w-max-300px { max-width: 300px; } .xxxlarge-w-max-400px { max-width: 400px; } .xxxlarge-w-max-450px { max-width: 450px; } .xxxlarge-w-max-550px { max-width: 550px; } .xxxlarge-w-max-820px { max-width: 820px; } .xxxlarge-w-max-1024px { max-width: 1024px; } .xxxlarge-w-max-1200px { max-width: 1200px; } } @media screen and (min-width: 128em) { .twok-w-max-100 { max-width: 100%; } .twok-w-max-60px { max-width: 60px; } .twok-w-max-72px { max-width: 72px; } .twok-w-max-110px { max-width: 110px; } .twok-w-max-130px { max-width: 130px; } .twok-w-max-200px { max-width: 200px; } .twok-w-max-250px { max-width: 250px; } .twok-w-max-300px { max-width: 300px; } .twok-w-max-400px { max-width: 400px; } .twok-w-max-450px { max-width: 450px; } .twok-w-max-550px { max-width: 550px; } .twok-w-max-820px { max-width: 820px; } .twok-w-max-1024px { max-width: 1024px; } .twok-w-max-1200px { max-width: 1200px; } } .w-min-0 { min-width: 0; } .w-min-40px { min-width: 40px; } .w-min-80px { min-width: 80px; } .w-min-160px { min-width: 160px; } .w-min-200px { min-width: 200px; } .w-min-270px { min-width: 270px; } .w-min-360px { min-width: 360px; } .w-min-450px { min-width: 450px; } .w-min-100 { min-width: 100%; } .w-min-50 { min-width: 50%; } @media print, screen and (min-width: 40em) { .medium640-w-min-0 { min-width: 0; } .medium640-w-min-40px { min-width: 40px; } .medium640-w-min-80px { min-width: 80px; } .medium640-w-min-160px { min-width: 160px; } .medium640-w-min-200px { min-width: 200px; } .medium640-w-min-270px { min-width: 270px; } .medium640-w-min-360px { min-width: 360px; } .medium640-w-min-450px { min-width: 450px; } .medium640-w-min-100 { min-width: 100%; } .medium640-w-min-50 { min-width: 50%; } } @media print, screen and (min-width: 56.25em) { .medium-w-min-0 { min-width: 0; } .medium-w-min-40px { min-width: 40px; } .medium-w-min-80px { min-width: 80px; } .medium-w-min-160px { min-width: 160px; } .medium-w-min-200px { min-width: 200px; } .medium-w-min-270px { min-width: 270px; } .medium-w-min-360px { min-width: 360px; } .medium-w-min-450px { min-width: 450px; } .medium-w-min-100 { min-width: 100%; } .medium-w-min-50 { min-width: 50%; } } @media print, screen and (min-width: 75em) { .large-w-min-0 { min-width: 0; } .large-w-min-40px { min-width: 40px; } .large-w-min-80px { min-width: 80px; } .large-w-min-160px { min-width: 160px; } .large-w-min-200px { min-width: 200px; } .large-w-min-270px { min-width: 270px; } .large-w-min-360px { min-width: 360px; } .large-w-min-450px { min-width: 450px; } .large-w-min-100 { min-width: 100%; } .large-w-min-50 { min-width: 50%; } } @media screen and (min-width: 75em) { .xlarge-w-min-0 { min-width: 0; } .xlarge-w-min-40px { min-width: 40px; } .xlarge-w-min-80px { min-width: 80px; } .xlarge-w-min-160px { min-width: 160px; } .xlarge-w-min-200px { min-width: 200px; } .xlarge-w-min-270px { min-width: 270px; } .xlarge-w-min-360px { min-width: 360px; } .xlarge-w-min-450px { min-width: 450px; } .xlarge-w-min-100 { min-width: 100%; } .xlarge-w-min-50 { min-width: 50%; } } @media screen and (min-width: 90em) { .xxlarge-w-min-0 { min-width: 0; } .xxlarge-w-min-40px { min-width: 40px; } .xxlarge-w-min-80px { min-width: 80px; } .xxlarge-w-min-160px { min-width: 160px; } .xxlarge-w-min-200px { min-width: 200px; } .xxlarge-w-min-270px { min-width: 270px; } .xxlarge-w-min-360px { min-width: 360px; } .xxlarge-w-min-450px { min-width: 450px; } .xxlarge-w-min-100 { min-width: 100%; } .xxlarge-w-min-50 { min-width: 50%; } } @media screen and (min-width: 112.5em) { .xxxlarge-w-min-0 { min-width: 0; } .xxxlarge-w-min-40px { min-width: 40px; } .xxxlarge-w-min-80px { min-width: 80px; } .xxxlarge-w-min-160px { min-width: 160px; } .xxxlarge-w-min-200px { min-width: 200px; } .xxxlarge-w-min-270px { min-width: 270px; } .xxxlarge-w-min-360px { min-width: 360px; } .xxxlarge-w-min-450px { min-width: 450px; } .xxxlarge-w-min-100 { min-width: 100%; } .xxxlarge-w-min-50 { min-width: 50%; } } @media screen and (min-width: 128em) { .twok-w-min-0 { min-width: 0; } .twok-w-min-40px { min-width: 40px; } .twok-w-min-80px { min-width: 80px; } .twok-w-min-160px { min-width: 160px; } .twok-w-min-200px { min-width: 200px; } .twok-w-min-270px { min-width: 270px; } .twok-w-min-360px { min-width: 360px; } .twok-w-min-450px { min-width: 450px; } .twok-w-min-100 { min-width: 100%; } .twok-w-min-50 { min-width: 50%; } } .h-w-equal { padding-bottom: 100%; } .border-solid { border-style: solid; border-width: 0px; } .border-dashed { border-style: dashed; border-width: 0px; } .border-0-b { border-bottom-width: 0; } .border-0-t { border-top-width: 0; } .border-0-l { border-left-width: 0; } .border-0-r { border-right-width: 0; } .border-0 { border-width: 0; } .border-0-x { border-left-width: 0; border-right-width: 0; } .border-0-y { border-top-width: 0; border-bottom-width: 0; } .border-1-b { border-bottom-width: 1px; } .border-1-t { border-top-width: 1px; } .border-1-l { border-left-width: 1px; } .border-1-r { border-right-width: 1px; } .border-1 { border-width: 1px; } .border-1-x { border-left-width: 1px; border-right-width: 1px; } .border-1-y { border-top-width: 1px; border-bottom-width: 1px; } .border-3-b { border-bottom-width: 3px; } .border-3-t { border-top-width: 3px; } .border-3-l { border-left-width: 3px; } .border-3-r { border-right-width: 3px; } .border-3 { border-width: 3px; } .border-3-x { border-left-width: 3px; border-right-width: 3px; } .border-3-y { border-top-width: 3px; border-bottom-width: 3px; } @media print, screen and (min-width: 40em) { .medium640-border-0-b { border-bottom-width: 0; } .medium640-border-0-t { border-top-width: 0; } .medium640-border-0-l { border-left-width: 0; } .medium640-border-0-r { border-right-width: 0; } .medium640-border-0 { border-width: 0; } .medium640-border-0-x { border-left-width: 0; border-right-width: 0; } .medium640-border-0-y { border-top-width: 0; border-bottom-width: 0; } .medium640-border-1-b { border-bottom-width: 1px; } .medium640-border-1-t { border-top-width: 1px; } .medium640-border-1-l { border-left-width: 1px; } .medium640-border-1-r { border-right-width: 1px; } .medium640-border-1 { border-width: 1px; } .medium640-border-1-x { border-left-width: 1px; border-right-width: 1px; } .medium640-border-1-y { border-top-width: 1px; border-bottom-width: 1px; } .medium640-border-3-b { border-bottom-width: 3px; } .medium640-border-3-t { border-top-width: 3px; } .medium640-border-3-l { border-left-width: 3px; } .medium640-border-3-r { border-right-width: 3px; } .medium640-border-3 { border-width: 3px; } .medium640-border-3-x { border-left-width: 3px; border-right-width: 3px; } .medium640-border-3-y { border-top-width: 3px; border-bottom-width: 3px; } } @media print, screen and (min-width: 56.25em) { .medium-border-0-b { border-bottom-width: 0; } .medium-border-0-t { border-top-width: 0; } .medium-border-0-l { border-left-width: 0; } .medium-border-0-r { border-right-width: 0; } .medium-border-0 { border-width: 0; } .medium-border-0-x { border-left-width: 0; border-right-width: 0; } .medium-border-0-y { border-top-width: 0; border-bottom-width: 0; } .medium-border-1-b { border-bottom-width: 1px; } .medium-border-1-t { border-top-width: 1px; } .medium-border-1-l { border-left-width: 1px; } .medium-border-1-r { border-right-width: 1px; } .medium-border-1 { border-width: 1px; } .medium-border-1-x { border-left-width: 1px; border-right-width: 1px; } .medium-border-1-y { border-top-width: 1px; border-bottom-width: 1px; } .medium-border-3-b { border-bottom-width: 3px; } .medium-border-3-t { border-top-width: 3px; } .medium-border-3-l { border-left-width: 3px; } .medium-border-3-r { border-right-width: 3px; } .medium-border-3 { border-width: 3px; } .medium-border-3-x { border-left-width: 3px; border-right-width: 3px; } .medium-border-3-y { border-top-width: 3px; border-bottom-width: 3px; } } @media print, screen and (min-width: 75em) { .large-border-0-b { border-bottom-width: 0; } .large-border-0-t { border-top-width: 0; } .large-border-0-l { border-left-width: 0; } .large-border-0-r { border-right-width: 0; } .large-border-0 { border-width: 0; } .large-border-0-x { border-left-width: 0; border-right-width: 0; } .large-border-0-y { border-top-width: 0; border-bottom-width: 0; } .large-border-1-b { border-bottom-width: 1px; } .large-border-1-t { border-top-width: 1px; } .large-border-1-l { border-left-width: 1px; } .large-border-1-r { border-right-width: 1px; } .large-border-1 { border-width: 1px; } .large-border-1-x { border-left-width: 1px; border-right-width: 1px; } .large-border-1-y { border-top-width: 1px; border-bottom-width: 1px; } .large-border-3-b { border-bottom-width: 3px; } .large-border-3-t { border-top-width: 3px; } .large-border-3-l { border-left-width: 3px; } .large-border-3-r { border-right-width: 3px; } .large-border-3 { border-width: 3px; } .large-border-3-x { border-left-width: 3px; border-right-width: 3px; } .large-border-3-y { border-top-width: 3px; border-bottom-width: 3px; } } @media screen and (min-width: 75em) { .xlarge-border-0-b { border-bottom-width: 0; } .xlarge-border-0-t { border-top-width: 0; } .xlarge-border-0-l { border-left-width: 0; } .xlarge-border-0-r { border-right-width: 0; } .xlarge-border-0 { border-width: 0; } .xlarge-border-0-x { border-left-width: 0; border-right-width: 0; } .xlarge-border-0-y { border-top-width: 0; border-bottom-width: 0; } .xlarge-border-1-b { border-bottom-width: 1px; } .xlarge-border-1-t { border-top-width: 1px; } .xlarge-border-1-l { border-left-width: 1px; } .xlarge-border-1-r { border-right-width: 1px; } .xlarge-border-1 { border-width: 1px; } .xlarge-border-1-x { border-left-width: 1px; border-right-width: 1px; } .xlarge-border-1-y { border-top-width: 1px; border-bottom-width: 1px; } .xlarge-border-3-b { border-bottom-width: 3px; } .xlarge-border-3-t { border-top-width: 3px; } .xlarge-border-3-l { border-left-width: 3px; } .xlarge-border-3-r { border-right-width: 3px; } .xlarge-border-3 { border-width: 3px; } .xlarge-border-3-x { border-left-width: 3px; border-right-width: 3px; } .xlarge-border-3-y { border-top-width: 3px; border-bottom-width: 3px; } } @media screen and (min-width: 90em) { .xxlarge-border-0-b { border-bottom-width: 0; } .xxlarge-border-0-t { border-top-width: 0; } .xxlarge-border-0-l { border-left-width: 0; } .xxlarge-border-0-r { border-right-width: 0; } .xxlarge-border-0 { border-width: 0; } .xxlarge-border-0-x { border-left-width: 0; border-right-width: 0; } .xxlarge-border-0-y { border-top-width: 0; border-bottom-width: 0; } .xxlarge-border-1-b { border-bottom-width: 1px; } .xxlarge-border-1-t { border-top-width: 1px; } .xxlarge-border-1-l { border-left-width: 1px; } .xxlarge-border-1-r { border-right-width: 1px; } .xxlarge-border-1 { border-width: 1px; } .xxlarge-border-1-x { border-left-width: 1px; border-right-width: 1px; } .xxlarge-border-1-y { border-top-width: 1px; border-bottom-width: 1px; } .xxlarge-border-3-b { border-bottom-width: 3px; } .xxlarge-border-3-t { border-top-width: 3px; } .xxlarge-border-3-l { border-left-width: 3px; } .xxlarge-border-3-r { border-right-width: 3px; } .xxlarge-border-3 { border-width: 3px; } .xxlarge-border-3-x { border-left-width: 3px; border-right-width: 3px; } .xxlarge-border-3-y { border-top-width: 3px; border-bottom-width: 3px; } } @media screen and (min-width: 112.5em) { .xxxlarge-border-0-b { border-bottom-width: 0; } .xxxlarge-border-0-t { border-top-width: 0; } .xxxlarge-border-0-l { border-left-width: 0; } .xxxlarge-border-0-r { border-right-width: 0; } .xxxlarge-border-0 { border-width: 0; } .xxxlarge-border-0-x { border-left-width: 0; border-right-width: 0; } .xxxlarge-border-0-y { border-top-width: 0; border-bottom-width: 0; } .xxxlarge-border-1-b { border-bottom-width: 1px; } .xxxlarge-border-1-t { border-top-width: 1px; } .xxxlarge-border-1-l { border-left-width: 1px; } .xxxlarge-border-1-r { border-right-width: 1px; } .xxxlarge-border-1 { border-width: 1px; } .xxxlarge-border-1-x { border-left-width: 1px; border-right-width: 1px; } .xxxlarge-border-1-y { border-top-width: 1px; border-bottom-width: 1px; } .xxxlarge-border-3-b { border-bottom-width: 3px; } .xxxlarge-border-3-t { border-top-width: 3px; } .xxxlarge-border-3-l { border-left-width: 3px; } .xxxlarge-border-3-r { border-right-width: 3px; } .xxxlarge-border-3 { border-width: 3px; } .xxxlarge-border-3-x { border-left-width: 3px; border-right-width: 3px; } .xxxlarge-border-3-y { border-top-width: 3px; border-bottom-width: 3px; } } @media screen and (min-width: 128em) { .twok-border-0-b { border-bottom-width: 0; } .twok-border-0-t { border-top-width: 0; } .twok-border-0-l { border-left-width: 0; } .twok-border-0-r { border-right-width: 0; } .twok-border-0 { border-width: 0; } .twok-border-0-x { border-left-width: 0; border-right-width: 0; } .twok-border-0-y { border-top-width: 0; border-bottom-width: 0; } .twok-border-1-b { border-bottom-width: 1px; } .twok-border-1-t { border-top-width: 1px; } .twok-border-1-l { border-left-width: 1px; } .twok-border-1-r { border-right-width: 1px; } .twok-border-1 { border-width: 1px; } .twok-border-1-x { border-left-width: 1px; border-right-width: 1px; } .twok-border-1-y { border-top-width: 1px; border-bottom-width: 1px; } .twok-border-3-b { border-bottom-width: 3px; } .twok-border-3-t { border-top-width: 3px; } .twok-border-3-l { border-left-width: 3px; } .twok-border-3-r { border-right-width: 3px; } .twok-border-3 { border-width: 3px; } .twok-border-3-x { border-left-width: 3px; border-right-width: 3px; } .twok-border-3-y { border-top-width: 3px; border-bottom-width: 3px; } } .border-0 { border-width: 0 !important; } .border-primary { border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .border-white { border-color: #fff; } .border-vapor { border-color: #DCE1E3; } .border-aluminum { border-color: #ccc; } .border-hl-gray { border-color: #E7EBEC; } .border-hh-gray { border-color: #C7CDD2; } .border-h-gray { border-color: #DCE1E3; } .border-hm-gray { border-color: #485A6A; } .border-black { border-color: #1E2329; } .border-alert { border-color: #F55858; } .border-warning-dark { border-color: #C78B00; } .circle { border-radius: 50%; } .radius-0 { border-radius: 0; } .radius-circle { border-radius: 50%; } .radius-100 { border-radius: 100%; } .radius-round { border-radius: 50px; } .radius { border-radius: 4px; } .radius-t-l { border-top-left-radius: 4px; } .radius-t-r { border-top-right-radius: 4px; } .radius-b-l { border-bottom-left-radius: 4px; } .radius-b-r { border-bottom-right-radius: 4px; } .shadow-card { box-shadow: 0 1px 1px -1px rgba(30, 35, 41, 0.1), 0 0 1px 1px rgba(30, 35, 41, 0.07), 0 3px 4px 0 rgba(30, 35, 41, 0.15); } .shadow-card-elevation { box-shadow: 0 0 0 1px rgba(72, 90, 106, 0.08), 0 5px 15px rgba(72, 90, 106, 0.18); } .shadow-elevation { box-shadow: 0 0 0 1px rgba(72, 90, 106, 0.2), 0 3px 3px rgba(72, 90, 106, 0.25); } .cursor-default { cursor: default; } .cursor-text { cursor: text; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .icon-12 { font-size: 0.75rem; line-height: 1 !important; } .icon-14 { font-size: 0.875rem; line-height: 1 !important; } .icon-16 { font-size: 1rem; line-height: 1 !important; } .icon-18 { font-size: 1.125rem; line-height: 1 !important; } .icon-20 { font-size: 1.25rem; line-height: 1 !important; } .icon-24 { font-size: 1.5rem; line-height: 1 !important; } .icon-32 { font-size: 2rem; line-height: 1 !important; } .icon-48 { font-size: 3rem; line-height: 1 !important; } .material-icons.md-16, .p-button-icon.material-icons.md-16 { font-size: 1rem; line-height: 1 !important; } .material-icons.md-18, .p-button-icon.material-icons.md-18 { font-size: 1.125rem; line-height: 1 !important; } .material-icons.md-20, .p-button-icon.material-icons.md-20 { font-size: 1.25rem; line-height: 1 !important; } .material-icons.md-24, .p-button-icon.material-icons.md-24 { font-size: 1.5rem; line-height: 1 !important; } .material-icons.md-28, .p-button-icon.material-icons.md-28 { font-size: 1.75rem; line-height: 1 !important; } .material-icons.md-36, .p-button-icon.material-icons.md-36 { font-size: 2.25rem; line-height: 1 !important; } .material-icons.md-48, .p-button-icon.material-icons.md-48 { font-size: 3rem; line-height: 1 !important; } .unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .transform-none { transform: none !important; } .has-caret:before { content: ""; position: absolute; } .has-caret.caret-top-left:before { bottom: 100%; left: 5%; } .has-caret.caret-top-left.caret-h-gray:before { display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .icon-12 { font-size: 0.75rem; line-height: 1 !important; } .icon-14 { font-size: 0.875rem; line-height: 1 !important; } .icon-16 { font-size: 1rem; line-height: 1 !important; } .icon-18 { font-size: 1.125rem; line-height: 1 !important; } .icon-20 { font-size: 1.25rem; line-height: 1 !important; } .icon-24 { font-size: 1.5rem; line-height: 1 !important; } .icon-32 { font-size: 2rem; line-height: 1 !important; } .icon-48 { font-size: 3rem; line-height: 1 !important; } .has-separator.sep-up { border-top: 1px solid rgba(30, 35, 41, 0.2); margin-top: 1rem; } .has-separator.sep-up:before { border-top: 2px solid rgba(255, 255, 255, 0.8); padding-top: 0.5rem; content: ""; display: block; } .has-separator.sep-down { border-bottom: 2px solid rgba(255, 255, 255, 0.8); margin-bottom: 1rem; } .has-separator.sep-down:after { border-bottom: 1px solid rgba(30, 35, 41, 0.2); padding-bottom: 0.5rem; content: ""; display: block; } .has-separator.sep-left { border-left: 1px solid rgba(30, 35, 41, 0.3); margin-left: 0.5rem; padding-left: 0.5rem; position: relative; } .has-separator.sep-left:before { position: absolute; left: 0; top: 0; bottom: 0; border-left: 2px solid rgba(255, 255, 255, 0.8); content: ""; } .has-separator.pad-0:before { padding: 0; } .separator { height: 0; font-size: 0; border-top: 1px solid #C7CDD2; border-bottom: 2px solid #fff; margin: 1rem 0; } .flex-group-addon { display: flex; align-items: stretch; } .flex-group-addon .addon-item { flex: 0 1 auto; background: #E7EBEC; border: 1px solid #C7CDD2; border-radius: 4px; padding-left: 0.5rem; padding-right: 0.5rem; } .flex-group-addon .main-item { flex: 0 1 auto; } .flex-group-addon .main-item.size-small .p-inputnumber { max-width: 100px; } .flex-group-addon .main-item + .addon-item { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -2px; } .flex-wrap { flex-wrap: wrap; } a, button { outline: none; } a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } a.dec-none { text-decoration: none !important; } a.opac-50:hover { opacity: 1; } a.hover-bg-light:hover { background-color: #e6e6e6; } a.focus-bg-light:focus { background-color: #e6e6e6; } a.help:hover { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); color: #fff !important; } a:not(.btn):not(.btn-link):not(.btn-clear) { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } a:not(.btn):not(.btn-link):not(.btn-clear):hover { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } a:not(.btn):not(.btn-link):not(.btn-clear).text-black { color: #1E2329; } a:not(.btn):not(.btn-link):not(.btn-clear).text-black:hover { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); text-decoration: none; } a:not(.btn):not(.btn-link):not(.btn-clear).text-hm-gray { color: #485A6A; } a:not(.btn):not(.btn-link):not(.btn-clear).text-hm-gray:hover { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); text-decoration: none; } a:not(.btn):not(.btn-link):not(.btn-clear).text-alert { color: #F55858; } a:not(.btn):not(.btn-link):not(.btn-clear).text-alert:hover { color: #1E2329; text-decoration: none; } a.img-hover { overflow: hidden; text-decoration: none; } a.img-hover img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } a.img-hover:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } a.hover-gray:hover { color: #485A6A !important; } .hover-bg-light, .focus-bg-light { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .hover-bg-light:hover, .focus-bg-light:hover { background-color: #F3F5F5; cursor: pointer; } .btn-ghost-primary { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; border-radius: 4px; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); padding: 0.4rem; border: 0; text-decoration: none; font-weight: var(--semiWeight, 600); background-color: transparent; position: relative; z-index: 2; } .btn-ghost-primary:before { content: ""; position: absolute; z-index: 1; width: calc(100% + 2px); height: calc(100% + 2px); box-shadow: 0 0 0 1px rgba(72, 90, 106, 0.4); border-radius: 4px; top: -1px; left: -1px; } .btn-ghost-primary:hover, .btn-ghost-primary:focus { text-decoration: none; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)) !important; outline: 0; border-color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); box-shadow: 0 3px 3px rgba(30, 35, 41, 0.15); } .btn-ghost-primary:hover:before, .btn-ghost-primary:focus:before { box-shadow: 0 0 0 1px hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .btn-link, .btn.btn-outline.dark { border: 0; vertical-align: middle; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)) !important; padding: 0.4rem 0.5rem; text-decoration: none; font-weight: var(--semiWeight, 600); } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn.btn-outline.dark:hover, .btn.btn-outline.dark:focus, .btn.btn-outline.dark:active { background: none; text-decoration: none; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)) !important; outline: 0; } .btn-link.btn-alert, .btn.btn-outline.dark.btn-alert { color: #F55858 !important; font-weight: var(--semiWeight, 600); } .btn-link.btn-alert:hover, .btn-link.btn-alert:focus, .btn.btn-outline.dark.btn-alert:hover, .btn.btn-outline.dark.btn-alert:focus { color: rgb(242.1186440678, 39.8813559322, 39.8813559322) !important; } .btn-link.text-hm-gray, .btn.btn-outline.dark.text-hm-gray { color: #485A6A !important; } .btn-link.text-hm-gray:hover, .btn.btn-outline.dark.text-hm-gray:hover { color: #1E2329 !important; } .btn-link.btn-min-max:after, .btn.btn-outline.dark.btn-min-max:after { content: "\f066"; font-family: "FontAwesome"; font-size: 1.125rem; text-rendering: auto; } .btn-link.btn-min-max.show-max:after, .btn.btn-outline.dark.btn-min-max.show-max:after { content: "\f065"; } .btn-link.text-black, .btn.btn-outline.dark.text-black { color: #1E2329 !important; } .btn-link.btn-dashed, .btn.btn-outline.dark.btn-dashed { border-bottom: 1px dashed #1E2329; } .btn-link.inline, .btn.btn-outline.dark.inline { display: inline; white-space: normal; } .btn-clear { border: 0; background: transparent; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .btn-clear.primary-hover:hover { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); text-decoration: none; } .btn-clear.has-hover { border: 1px solid transparent; } .btn-clear.has-hover:hover, .btn-clear.has-hover:focus { border-color: #DCE1E3; background-color: #F3F4F6; } header .btn-clear.has-hover:hover, .btn-clear.has-hover:hover.darker-hover, header .btn-clear.has-hover:focus, .btn-clear.has-hover:focus.darker-hover { background-color: rgb(225.3069767442, 230.2558139535, 231.4930232558); border: 1px solid #DCE1E3; } .btn-exp span { vertical-align: middle; position: relative; } .btn-exp span:after { content: "\f077"; font-family: "FontAwesome"; display: inline-block; text-rendering: auto; font-size: 0.75rem; font-weight: normal; vertical-align: middle; margin-left: 0.25rem; padding-bottom: 0.0625rem; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .btn-exp.collapsed span:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .btn { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .btn:not(.bs-placeholder):not(.dropdown-toggle) { font-weight: var(--semiWeight, 600) !important; } .btn i.fa { font-size: 0.875rem; } .btn.btn-primary, .btn.btn-secondary, .btn.btn-warning, .btn.btn-alert, .btn.btn-danger, .btn.btn-danger.btn-sm { font-weight: var(--semiWeight, 600); padding: 0.5rem 0.8rem; } .font-opens_sans .btn.btn-primary, .font-opens_sans .btn.btn-secondary, .font-opens_sans .btn.btn-warning, .font-opens_sans .btn.btn-alert, .font-opens_sans .btn.btn-danger, .font-opens_sans .btn.btn-danger.btn-sm { font-size: 0.8125rem; } .btn.btn-primary { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); border: 1px solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .btn.btn-primary:hover, .btn.btn-primary:focus { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)); } .btn.btn-primary:not(.btn-icon) i.fa { color: rgba(255, 255, 255, 0.7); } .btn.btn-primary.btn-icon i.fa { color: #fff; } .btn.btn-warning { color: #1E2329; background-color: #FFE373; border: 1px solid #FFE373; } .btn.btn-warning:hover, .btn.btn-warning:focus { background: rgb(255, 219.86, 79.3); border-color: rgb(255, 219.86, 79.3); } .btn.btn-warning i.fa { color: rgba(30, 35, 41, 0.6); } .btn.btn-alert, .btn.btn-danger, .btn.btn-danger.btn-sm { color: #fff; background-color: #F55858; border: 1px solid #F55858; } .btn.btn-alert:hover, .btn.btn-alert:focus, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger.btn-sm:hover, .btn.btn-danger.btn-sm:focus { background: rgb(242.9830508475, 54.3169491525, 54.3169491525); border-color: rgb(242.9830508475, 54.3169491525, 54.3169491525); } .btn.btn-alert i.fa, .btn.btn-danger i.fa, .btn.btn-danger.btn-sm i.fa { color: rgba(30, 35, 41, 0.6); } .btn.btn-secondary, .btn.btn-default:not(.folder):not(.dropdown-toggle) { color: #1E2329; background: #E7EBEC; border-color: #E7EBEC; } .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-default:not(.folder):not(.dropdown-toggle):hover, .btn.btn-default:not(.folder):not(.dropdown-toggle):focus { background: rgb(211.0744186047, 218.3953488372, 220.2255813953); border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953); } .btn.btn-secondary i.fa, .btn.btn-default:not(.folder):not(.dropdown-toggle) i.fa { color: rgba(72, 90, 106, 0.35); } .btn.btn-secondary.btn-icon-only i.fa, .btn.btn-default:not(.folder):not(.dropdown-toggle).btn-icon-only i.fa { color: #485A6A; } .btn.btn-secondary.darker { background: #DCE1E3; border-color: #DCE1E3; } .btn.btn-secondary.darker:hover, .btn.btn-secondary.darker:focus { background: rgb(200.1666666667, 208, 211.1333333333); border-color: rgb(200.1666666667, 208, 211.1333333333); } .btn.btn-secondary.darker i.fa { color: rgba(72, 90, 106, 0.5); } .btn.btn-secondary.bg-white { background: #fff; border-color: #fff; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .btn.btn-secondary.bg-white:hover, .btn.btn-secondary.bg-white:focus { background: #cccccc; border-color: #cccccc; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .btn.btn-dashed { border: 1px dashed rgba(72, 90, 106, 0.5); background: #F3F4F6; font-size: 0.875rem; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .btn.btn-dashed i.fa { color: rgba(72, 90, 106, 0.45); } .btn.btn-dashed i.fa.icon-18 { font-size: 1.125rem; } .btn.btn-close { background: none; padding: 0; line-height: 0.6 !important; font-size: 1.5rem; opacity: 0.6; } .btn.btn-close:hover, .btn.btn-close:focus { opacity: 0.99; } .btn.btn-large { padding: 0.7rem 1.4rem; } button.btn-disabled, .btn.btn-disabled, .btn-link.btn-disabled, .btn-clear.btn-disabled { opacity: 0.5; cursor: not-allowed; } .opt-buttons .btn-icon { width: 2.5rem; display: block; float: left; padding-left: 0 !important; padding-right: 0 !important; } .opt-buttons .btn-icon.is-active { background-color: #485A6A; border-color: #485A6A; } .opt-buttons .btn-icon.is-active i { color: #fff; } .opt-buttons *:first-child .btn-icon { border-top-right-radius: 0; border-bottom-right-radius: 0; } .opt-buttons *:last-child .btn-icon { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn.btn-success, .btn.red, .btn.btn-icon-only, .btn.green, .btn.green-meadow, .btn.blue, .btn.red-haze:not(.btn-outline) { font-weight: var(--semiWeight, 600) !important; color: #1E2329 !important; background: #E7EBEC !important; border-color: #E7EBEC !important; } .btn.btn-success:hover, .btn.btn-success:focus, .btn.red:hover, .btn.red:focus, .btn.btn-icon-only:hover, .btn.btn-icon-only:focus, .btn.green:hover, .btn.green:focus, .btn.green-meadow:hover, .btn.green-meadow:focus, .btn.blue:hover, .btn.blue:focus, .btn.red-haze:not(.btn-outline):hover, .btn.red-haze:not(.btn-outline):focus { background: rgb(211.0744186047, 218.3953488372, 220.2255813953) !important; border-color: rgb(211.0744186047, 218.3953488372, 220.2255813953) !important; } .btn.btn-success i.fa, .btn.red i.fa, .btn.green i.fa, .btn.green-meadow i.fa, .btn.blue i.fa, .btn.red-haze:not(.btn-outline) i.fa { color: rgba(72, 90, 106, 0.35); } .btn-toolbar .btn.red { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)) !important; color: #fff !important; } .btn-toolbar .btn.red i { color: rgba(30, 35, 41, 0.9); } .btn-toolbar .btn.red:hover, .btn-toolbar .btn.red:focus { background: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), calc(var(--primaryColorL, 46%) + -15%)) !important; } .hdrop { display: none; text-align: left; white-space: normal; position: absolute; line-height: 1.5; top: 100%; z-index: 100; width: 100%; min-width: 12.5rem; } @media print, screen and (min-width: 40em) { .hdrop { min-width: 15.625rem; } } .hdrop:before { content: ""; position: absolute; top: 0.2rem; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .hdrop .hdrop-content { position: relative; margin-top: 0.7rem; background-color: #fff; box-shadow: 0 0 0 1px rgba(72, 90, 106, 0.2), 0 3px 3px rgba(72, 90, 106, 0.25); border-radius: 4px; } .hdrop .hdrop-content .hdrop-title { font-weight: bold; color: #1E2329; padding: 0.5rem 0.7rem; border-bottom: 1px solid #DCE1E3; } .hdrop .hdrop-content .hdrop-body { padding: 0.5rem 0.7rem; } .hdrop.hdrop-centered { right: auto; left: auto; position: absolute; left: 50%; transform: translateX(-50%); } .hdrop.hdrop-centered:before { left: auto; right: auto; position: absolute; left: 50%; transform: translateX(-50%); } .hdrop.hdrop-right { left: auto; transform: none; left: auto; right: 0; } .hdrop.hdrop-right:before { left: auto; transform: none; left: auto; right: 0.3rem; } .hdrop.hdrop-left { left: auto; transform: none; right: auto; left: 0; } .hdrop.hdrop-left:before { left: auto; transform: none; right: auto; left: 0.3rem; } .hdrop.hdrop-down { bottom: auto; top: 100%; } .hdrop.hdrop-down:before { bottom: auto; top: 0.2rem; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .hdrop.hdrop-up { bottom: 100%; top: auto; } .hdrop.hdrop-up .hdrop-content { margin-bottom: 0.7rem; } .hdrop.hdrop-up:before { bottom: 0.1rem; top: auto; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #DCE1E3 transparent transparent; } @media print, screen and (min-width: 40em) { .hdrop.medium640-hdrop-centered { right: auto; position: absolute; left: 50%; transform: translateX(-50%); } .hdrop.medium640-hdrop-centered:before { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .hdrop.medium640-hdrop-right { left: auto; transform: none; right: 0; } .hdrop.medium640-hdrop-right:before { left: auto; transform: none; right: 0.3rem; } .hdrop.medium640-hdrop-left { left: auto; transform: none; right: auto; left: 0; } .hdrop.medium640-hdrop-left:before { left: auto; transform: none; right: auto; left: 0.3rem; } .hdrop.medium640-hdrop-down { bottom: auto; top: 100%; } .hdrop.medium640-hdrop-down:before { bottom: auto; top: 0.2rem; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .hdrop.medium640-hdrop-up { bottom: 100%; top: auto; } .hdrop.medium640-hdrop-up .hdrop-content { margin-bottom: 0.7rem; } .hdrop.medium640-hdrop-up:before { bottom: 0.1rem; top: auto; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #DCE1E3 transparent transparent; } } @media print, screen and (min-width: 56.25em) { .hdrop.medium-hdrop-centered { right: auto; position: absolute; left: 50%; transform: translateX(-50%); } .hdrop.medium-hdrop-centered:before { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .hdrop.medium-hdrop-right { left: auto; transform: none; right: 0; } .hdrop.medium-hdrop-right:before { left: auto; transform: none; right: 0.3rem; } .hdrop.medium-hdrop-left { left: auto; transform: none; right: auto; left: 0; } .hdrop.medium-hdrop-left:before { left: auto; transform: none; right: auto; left: 0.3rem; } .hdrop.medium-hdrop-down { bottom: auto; top: 100%; } .hdrop.medium-hdrop-down:before { bottom: auto; top: 0.2rem; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .hdrop.medium-hdrop-up { bottom: 100%; top: auto; } .hdrop.medium-hdrop-up .hdrop-content { margin-bottom: 0.7rem; } .hdrop.medium-hdrop-up:before { bottom: 0.1rem; top: auto; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #DCE1E3 transparent transparent; } } @media print, screen and (min-width: 75em) { .hdrop.large-hdrop-centered { right: auto; position: absolute; left: 50%; transform: translateX(-50%); } .hdrop.large-hdrop-centered:before { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .hdrop.large-hdrop-right { left: auto; transform: none; right: 0; } .hdrop.large-hdrop-right:before { left: auto; transform: none; right: 0.3rem; } .hdrop.large-hdrop-left { left: auto; transform: none; right: auto; left: 0; } .hdrop.large-hdrop-left:before { left: auto; transform: none; right: auto; left: 0.3rem; } .hdrop.large-hdrop-down { bottom: auto; top: 100%; } .hdrop.large-hdrop-down:before { bottom: auto; top: 0.2rem; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .hdrop.large-hdrop-up { bottom: 100%; top: auto; } .hdrop.large-hdrop-up .hdrop-content { margin-bottom: 0.7rem; } .hdrop.large-hdrop-up:before { bottom: 0.1rem; top: auto; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #DCE1E3 transparent transparent; } } @media screen and (min-width: 75em) { .hdrop.xlarge-hdrop-centered { right: auto; position: absolute; left: 50%; transform: translateX(-50%); } .hdrop.xlarge-hdrop-centered:before { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .hdrop.xlarge-hdrop-right { left: auto; transform: none; right: 0; } .hdrop.xlarge-hdrop-right:before { left: auto; transform: none; right: 0.3rem; } .hdrop.xlarge-hdrop-left { left: auto; transform: none; right: auto; left: 0; } .hdrop.xlarge-hdrop-left:before { left: auto; transform: none; right: auto; left: 0.3rem; } .hdrop.xlarge-hdrop-down { bottom: auto; top: 100%; } .hdrop.xlarge-hdrop-down:before { bottom: auto; top: 0.2rem; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .hdrop.xlarge-hdrop-up { bottom: 100%; top: auto; } .hdrop.xlarge-hdrop-up .hdrop-content { margin-bottom: 0.7rem; } .hdrop.xlarge-hdrop-up:before { bottom: 0.1rem; top: auto; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #DCE1E3 transparent transparent; } } @media screen and (min-width: 90em) { .hdrop.xxlarge-hdrop-centered { right: auto; position: absolute; left: 50%; transform: translateX(-50%); } .hdrop.xxlarge-hdrop-centered:before { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .hdrop.xxlarge-hdrop-right { left: auto; transform: none; right: 0; } .hdrop.xxlarge-hdrop-right:before { left: auto; transform: none; right: 0.3rem; } .hdrop.xxlarge-hdrop-left { left: auto; transform: none; right: auto; left: 0; } .hdrop.xxlarge-hdrop-left:before { left: auto; transform: none; right: auto; left: 0.3rem; } .hdrop.xxlarge-hdrop-down { bottom: auto; top: 100%; } .hdrop.xxlarge-hdrop-down:before { bottom: auto; top: 0.2rem; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .hdrop.xxlarge-hdrop-up { bottom: 100%; top: auto; } .hdrop.xxlarge-hdrop-up .hdrop-content { margin-bottom: 0.7rem; } .hdrop.xxlarge-hdrop-up:before { bottom: 0.1rem; top: auto; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #DCE1E3 transparent transparent; } } @media screen and (min-width: 112.5em) { .hdrop.xxxlarge-hdrop-centered { right: auto; position: absolute; left: 50%; transform: translateX(-50%); } .hdrop.xxxlarge-hdrop-centered:before { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .hdrop.xxxlarge-hdrop-right { left: auto; transform: none; right: 0; } .hdrop.xxxlarge-hdrop-right:before { left: auto; transform: none; right: 0.3rem; } .hdrop.xxxlarge-hdrop-left { left: auto; transform: none; right: auto; left: 0; } .hdrop.xxxlarge-hdrop-left:before { left: auto; transform: none; right: auto; left: 0.3rem; } .hdrop.xxxlarge-hdrop-down { bottom: auto; top: 100%; } .hdrop.xxxlarge-hdrop-down:before { bottom: auto; top: 0.2rem; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .hdrop.xxxlarge-hdrop-up { bottom: 100%; top: auto; } .hdrop.xxxlarge-hdrop-up .hdrop-content { margin-bottom: 0.7rem; } .hdrop.xxxlarge-hdrop-up:before { bottom: 0.1rem; top: auto; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #DCE1E3 transparent transparent; } } @media screen and (min-width: 128em) { .hdrop.twok-hdrop-centered { right: auto; position: absolute; left: 50%; transform: translateX(-50%); } .hdrop.twok-hdrop-centered:before { position: absolute; left: 50%; transform: translateX(-50%); right: auto; } .hdrop.twok-hdrop-right { left: auto; transform: none; right: 0; } .hdrop.twok-hdrop-right:before { left: auto; transform: none; right: 0.3rem; } .hdrop.twok-hdrop-left { left: auto; transform: none; right: auto; left: 0; } .hdrop.twok-hdrop-left:before { left: auto; transform: none; right: auto; left: 0.3rem; } .hdrop.twok-hdrop-down { bottom: auto; top: 100%; } .hdrop.twok-hdrop-down:before { bottom: auto; top: 0.2rem; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #DCE1E3; } .hdrop.twok-hdrop-up { bottom: 100%; top: auto; } .hdrop.twok-hdrop-up .hdrop-content { margin-bottom: 0.7rem; } .hdrop.twok-hdrop-up:before { bottom: 0.1rem; top: auto; display: block; width: 0; height: 0; border: inset 0.5rem; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #DCE1E3 transparent transparent; } } .hdrop .tooltip-inner { max-width: 100%; } .hdrop-container { display: inline-block; position: relative; } .hdrop-container.absolute { position: absolute; } .has-hdrop:focus + .hdrop, .hdrop-container:hover .has-hdrop + .hdrop { display: block; } .progress-bar { background-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); line-height: 1rem; font-weight: var(--semiWeight, 600); color: #00361D; text-size: 0.75rem; border-radius: 50px; } .progress-bar.success { background-color: #37D282; } .progress { height: 1.4rem; border-radius: 50px; padding: 0.18rem 0.25rem 0.2rem; } .progress.thin { height: 0.8rem; padding: 0.18rem 0.25rem 0.2rem; } .bootstrap-select .btn { padding-top: 0.5rem; padding-bottom: 0.5rem; } .bootstrap-select .btn-default:hover, .bootstrap-select .btn-default:focus, .bootstrap-select .dropdown-toggle.bs-placeholder:hover, .bootstrap-select .dropdown-toggle.bs-placeholder:focus { background-color: inherit !important; } .bootstrap-select .btn-default .subtext, .bootstrap-select .dropdown-toggle.bs-placeholder .subtext { display: none; } .bootstrap-select .btn-default i.icon-16, .bootstrap-select .dropdown-toggle.bs-placeholder i.icon-16 { font-size: 1rem; } .bootstrap-select .btn-default .dropdown-weight-normal, .bootstrap-select .dropdown-toggle.bs-placeholder .dropdown-weight-normal { font-weight: normal; } .bootstrap-select.btn-group .dropdown-toggle .caret { top: 55%; } .bootstrap-select .bs-actionsbox { padding: 0; margin: 0.3rem 0; } .bootstrap-select .btn-group .btn-default.actions-btn { background: transparent; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); border: 0; font-size: 0.875rem; width: auto; padding: 0.2rem 0.5rem; } .bootstrap-select .btn-group .btn-default.actions-btn.bs-select-all { border-right: 1px solid #DCE1E3; } .bootstrap-select .btn-group .btn-default.actions-btn:hover { background: transparent; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .bootstrap-select .btn-group .no-results { margin: 0 0.5rem; border-radius: 4px; padding: 0.5rem; color: #485A6A; background-color: rgba(231, 235, 236, 0.4); } .bootstrap-select .bs-caret { position: absolute; top: 50%; transform: translateY(-50%); right: 0.55rem; } .bootstrap-select .bs-caret .caret { position: relative !important; right: auto !important; margin: 0 !important; } .bootstrap-select .selected i.text-alert { color: #F55858; } .bootstrap-select .selected i.text-black { color: #1E2329; } .bootstrap-select .selected i.text-primary { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .bootstrap-select li.active a { background-color: rgba(231, 235, 236, 0.3); } .bootstrap-select li:hover a { background-color: rgba(231, 235, 236, 0.6); } .bootstrap-select:not(.lang):not(.header-select-lang) .dropdown-menu.open { max-height: none !important; } .bootstrap-select:not(.lang):not(.header-select-lang) .dropdown-menu.open .dropdown-menu.inner { max-height: 250px !important; overflow: auto !important; } .bootstrap-select .dropdown-menu { padding-bottom: 0.5rem; } .bootstrap-select .dropdown-menu .dropdown-header { padding: 0.2rem 0.5rem; } .bootstrap-select .dropdown-menu .dropdown-header .text { text-transform: uppercase; font-weight: bold; opacity: 0.5; color: #485A6A; } .bootstrap-select .form-control { height: auto; } .bootstrap-select.w-auto .dropdown.bootstrap-select { width: auto; } .bootstrap-select.w-auto .dropdown.bootstrap-select .btn.dropdown-toggle { padding-right: 1.5rem; } .bootstrap-select.to-left .dropdown-menu { right: 0; left: auto; } .bootstrap-select.hbadge { padding: 0; border: 0 !important; } .bootstrap-select.hbadge .btn-default { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; padding-left: 0.5rem !important; font-weight: var(--semiWeight, 600); } .bootstrap-select.hbadge.uppercase .btn-default { text-transform: uppercase; font-size: 0.75rem; } .bootstrap-select.hbadge.uppercase .dropdown-menu li a { font-size: 0.75rem; } .bootstrap-select.hbadge .btn-default { border-radius: 4px; font-weight: var(--semiWeight, 600); line-height: 1.2; } .bootstrap-select.hbadge.white .btn-default { background-color: #fff !important; } .bootstrap-select.hbadge.gray .btn-default { background-color: #F3F4F6 !important; } .bootstrap-select.select-sml .btn-default { background: #E7EBEC; border: 0; border-radius: 4px; } .bootstrap-select.select-sml .caret { position: absolute !important; right: 0.3rem !important; top: 60% !important; } .bootstrap-select.select-sml .checked, .bootstrap-select.select-s-no-bg .checked { padding-right: 0.125rem; } .bootstrap-select.select-sml .btn-default, .bootstrap-select.select-s-no-bg .btn-default { font-weight: var(--semiWeight, 600); padding: 0.25rem 1rem 0.15rem 0.3rem !important; line-height: 1.2 !important; font-size: 0.75rem; } .bootstrap-select.select-sml .bs-searchbox, .bootstrap-select.select-s-no-bg .bs-searchbox { padding: 1rem; } .bootstrap-select.select-sml .dropdown-menu.open, .bootstrap-select.select-s-no-bg .dropdown-menu.open { min-width: 200px; } .bootstrap-select.select-sml .dropdown-menu li:not(.divider), .bootstrap-select.select-s-no-bg .dropdown-menu li:not(.divider) { padding: 0; } .bootstrap-select.select-sml .dropdown-menu li:not(.divider) a.opt, .bootstrap-select.select-s-no-bg .dropdown-menu li:not(.divider) a.opt { padding: 0.3rem 1rem; } .bootstrap-select.select-sml .dropdown-menu li.dropdown-header, .bootstrap-select.select-s-no-bg .dropdown-menu li.dropdown-header { padding: 0 1rem 0.3rem !important; color: rgba(72, 90, 106, 0.5); text-transform: uppercase; font-size: 0.6875rem; font-weight: bold; padding: 0 1rem; } .bootstrap-select.select-s-no-bg .btn-default { background: transparent; } .bootstrap-select.select-s-no-bg.wrap .bs-caret { right: 0.2rem; } .bootstrap-select.select-s-no-bg.wrap .btn-default span { font-size: 0.75rem; } .bootstrap-select.select-checked .checked i.fa { color: #37D282; } .bootstrap-select.select-checked .notchecked i.fa { color: rgba(72, 90, 106, 0.3); } .bootstrap-select.select-checked .btn .filter-option-inner-inner i.fa { display: none; } .bootstrap-select.select-checked.proper-spacing .dropdown-menu { padding: 0.5rem 0; } .bootstrap-select.select-checked.proper-spacing .inner li.dropdown-header { padding: 0.1rem 0.5rem; } .bootstrap-select.select-checked.proper-spacing .inner li a { padding: 0.5rem 0.5rem; } .bootstrap-select.select-checked-simple.open .dropdown-toggle:hover, .bootstrap-select.show-tick.open .dropdown-toggle:hover { background: transparent; } .bootstrap-select.select-checked-simple .dropdown-menu li a span.text, .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 0; } .bootstrap-select.select-checked-simple .inner li a, .bootstrap-select.show-tick .inner li a { padding-left: 1.6rem; } .bootstrap-select.select-checked-simple .inner li:not(.no-results):not(.dropdown-header):before, .bootstrap-select.show-tick .inner li:not(.no-results):not(.dropdown-header):before { content: "\f00c"; position: absolute; font-family: "FontAwesome"; font-size: 0.875rem; text-rendering: auto; left: 0.5rem; top: 0.5rem; color: rgba(55, 210, 130, 0); } .bootstrap-select.select-checked-simple .inner li.selected a, .bootstrap-select.show-tick .inner li.selected a { position: relative; background-color: rgba(231, 235, 236, 0.3); } .bootstrap-select.select-checked-simple .inner li.selected a span.check-mark, .bootstrap-select.show-tick .inner li.selected a span.check-mark { display: none !important; } .bootstrap-select.select-checked-simple .inner li.selected:before, .bootstrap-select.show-tick .inner li.selected:before { color: #37D282 !important; } .bootstrap-select.select-checked-simple .inner li.selected .subtext, .bootstrap-select.show-tick .inner li.selected .subtext { font-weight: normal; } .bootstrap-select.select-checked-simple .inner li.selected i.text-alert, .bootstrap-select.show-tick .inner li.selected i.text-alert { color: #F55858; } .bootstrap-select.select-checked-simple .inner li.selected i.text-hm-gray, .bootstrap-select.show-tick .inner li.selected i.text-hm-gray { color: #485A6A; } .bootstrap-select.with-reset .btn.dropdown-toggle:not(.bs-placeholder) .bs-caret { display: none; } .bootstrap-select.with-title .popover-title { background-color: #fff; position: relative; font-weight: bold; color: #1E2329; margin-bottom: 0.5rem; } .bootstrap-select.with-title .popover-title .close { opacity: 0.7; color: #485A6A; width: 1rem; height: 1rem; background-position: center center; float: none; position: absolute; top: 0.2rem; right: 0.2rem; } .bootstrap-select.wrap-content .dropdown-menu li a { white-space: normal; } .bootstrap-select.wrap .btn-default { white-space: normal; font-size: 0; } .bootstrap-select.wrap .btn-default span { font-size: 0.875rem; } .bootstrap-select.wrap .bs-caret { position: absolute; top: 50%; transform: translateY(-50%); right: 0.5rem; } .bootstrap-select.wrap .bs-caret .caret { position: relative !important; right: auto; margin: 0 !important; } .bootstrap-select.wrap .dropdown-menu > li > a { white-space: normal; word-wrap: break-word; } .bootstrap-select.wrap .dropdown-menu > li > a span { word-break: break-all; word-break: break-word; } .bootstrap-select.wrap .dropdown-menu > li > a span .text-muted { display: inline-block; } .bootstrap-select.multi-lang .dropdown-menu { width: 15rem; min-width: auto !important; } .bootstrap-select.multi-lang .caret { margin-top: -0.1rem !important; } .bootstrap-select.subtext-under .dropdown-menu .text-muted { display: block; } .bootstrap-select.drop-min-width-200px .dropdown-menu { min-width: 12.5rem; } .bootstrap-select.border-0 .btn-default, .bootstrap-select.select-clear .btn-default { border: 0; padding-left: 0; padding-right: 0.8rem; } .bootstrap-select.border-0 .btn-default .bs-caret, .bootstrap-select.select-clear .btn-default .bs-caret { right: 0; } .bootstrap-select.border-0 .disabled, .bootstrap-select.select-clear .disabled { opacity: 1; } .bootstrap-select.border-0 .disabled .bs-caret, .bootstrap-select.select-clear .disabled .bs-caret { opacity: 0.5; } .bootstrap-select.select-clear { font-size: 0; } .bootstrap-select.select-clear .dropdown { font-size: 0; } .bootstrap-select.select-clear .btn-default, .bootstrap-select.select-clear .form-control { background: transparent !important; line-height: 1.5; } .bootstrap-select.select-clear .btn-default { font-size: 0; padding-top: 0; padding-bottom: 0; padding-right: 0.9rem; float: none !important; } .bootstrap-select.select-clear .btn-default .filter-option { font-size: 0.875rem; } .bootstrap-select.text-primary .btn-default { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); font-weight: var(--semiWeight, 600); } .bootstrap-select.text-primary .btn-default:hover { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } .bootstrap-select.hover-primary:hover .btn-group:not(.disabled) .btn-default { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .bootstrap-select.caret-primary .bs-caret .caret:before { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); content: "\f078"; font-weight: var(--semiWeight, 600); font-size: 0.625rem; text-rendering: auto; line-height: 1.2; vertical-align: top; padding-top: 0.125rem; } .visibility .bootstrap-select .dropdown-toggle .bs-caret { right: 0.2rem; } .drop-image .bootstrap-select .inner li:not(.no-results):not(.dropdown-header):before { position: absolute; top: 50%; transform: translateY(-50%); } .increment-width { border: 1px solid rgb(205.8333333333, 212.8571428571, 215.6666666667); border-radius: 4px; } .increment-width .btn { margin: 0; } .increment-width input.form-control { border: 0; } .page-toolbar .increment-width { border: 1px solid rgb(194.5, 203.1428571429, 206.6); } .page-toolbar .increment-width .btn.btn-default { background-color: rgb(205.8333333333, 212.8571428571, 215.6666666667); border-color: rgb(205.8333333333, 212.8571428571, 215.6666666667); } .hive-increment .input-group-btn button { position: relative; overflow: hidden; padding-left: 0.5rem !important; padding-right: 0.5rem !important; color: rgba(30, 35, 41, 0); } .hive-increment .input-group-btn button:before { color: rgba(30, 35, 41, 0.6); display: block; font: 14px/1.4 "FontAwesome"; text-rendering: auto; } .hive-increment .input-group-btn:first-child button:before { content: "\f068"; } .hive-increment .input-group-btn:last-child button:before { content: "\f067"; } .h-increment-condensed { border: 0; } .h-increment-condensed.qty-picker { width: 76px; } .ps-products .h-increment-condensed.qty-picker { min-width: 100px; width: 50%; max-width: 150px; } .ps-products .h-increment-condensed.qty-picker .bootstrap-touchspin input.input-touchspin { text-align: right; } .h-increment-condensed .input-group.bootstrap-touchspin { position: relative; padding-right: 1.3rem; } .h-increment-condensed .input-group-btn { position: absolute; display: block; right: 0; width: auto; line-height: 0; } .h-increment-condensed .input-group-btn .btn.btn-default:not(.folder):not(.dropdown-toggle) { background: transparent; position: relative; overflow: hidden; border: 0; padding: 0 0.2rem; height: 1rem; font-size: 0; line-height: 0; margin: 0; } .h-increment-condensed .input-group-btn .btn.btn-default:not(.folder):not(.dropdown-toggle):before { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); display: block; font: 14px/1.4 "FontAwesome"; text-rendering: auto; content: "\f078"; } .h-increment-condensed .input-group-btn .btn.btn-default:not(.folder):not(.dropdown-toggle):hover:before { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } @media screen and (max-width: 74.99875em) { .h-increment-condensed .input-group-btn .btn.btn-default:not(.folder):not(.dropdown-toggle):focus:before { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)); } } .h-increment-condensed .input-group-btn:first-child { bottom: 1px; } .h-increment-condensed .input-group-btn:last-child { top: 0; } .h-increment-condensed .input-group-btn:last-child button:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .h-increment-condensed .bootstrap-touchspin input.input-touchspin { border: 1px solid #DCE1E3 !important; border-radius: 4px !important; float: none !important; font-size: 0.875rem; font-weight: var(--semiWeight, 600); color: #1E2329; padding: 0.5rem 0.25rem; height: auto !important; } .flex-couple { display: flex; align-items: center; min-width: 0; } .flex-couple .flex-couple-icon, .flex-couple .flex-couple-avatar { flex: 0 1 auto; } .flex-couple .flex-couple-icon span, .flex-couple .flex-couple-avatar span { display: block; } .flex-couple .flex-couple-icon span img, .flex-couple .flex-couple-avatar span img { max-width: 100%; } .flex-couple .flex-couple-icon + .flex-couple-label, .flex-couple .flex-couple-avatar + .flex-couple-label { padding-left: 0.25rem; } .flex-couple .flex-couple-icon span { width: 3rem; } .flex-couple .flex-couple-avatar span { width: 2rem; } .flex-couple.small-icon .flex-couple-icon span { width: 1.5rem; } .flex-couple .flex-couple-label { flex: 1 1 auto; min-width: 0; } .menu-link-expand-class { display: block; font-weight: var(--semiWeight, 600); line-height: 1.2; color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), var(--mainMenuTextColorL, 14%)); } .menu-link-expand-class:hover, .menu-link-expand-class:focus { color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), calc(var(--mainMenuTextColorL, 14%) + -15%)); text-decoration: none; } .slide-btn-base, .main-menu.is-horizontal .nav-container nav .menu-items-list .submenu-link-wrapper .btn-menu-slide::after, .main-menu.is-horizontal .nav-container nav .menu-items-list .rootmenu-link-wrapper .btn-menu-slide::before { display: inline-block; position: relative; top: 1px; } .ext-primary-button, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-primary, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-primary, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-splitbutton.p-button-primary .p-button:not(.p-button-text):not(.p-button-link), .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button:not(.p-button-text):not(.p-button-link) { background: hsl(var(--ctxPrimaryBtnBgH, 196), var(--ctxPrimaryBtnBgS, 84%), var(--ctxPrimaryBtnBgL, 46%)); border-color: hsl(var(--ctxPrimaryBtnBgH, 196), var(--ctxPrimaryBtnBgS, 84%), var(--ctxPrimaryBtnBgL, 46%)); color: hsl(var(--ctxPrimaryBtnColorH, 213), var(--ctxPrimaryBtnColorS, 100%), var(--ctxPrimaryBtnColorL, 100%)); } .ext-primary-button:enabled:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-primary:enabled:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-primary:enabled:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button:enabled:hover:not(.p-button-text):not(.p-button-link), .ext-primary-button:enabled:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-primary:enabled:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-primary:enabled:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button:enabled:focus:not(.p-button-text):not(.p-button-link), .ext-primary-button:enabled:active, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-primary:enabled:active, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-primary:enabled:active, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button:enabled:active:not(.p-button-text):not(.p-button-link) { background: hsl(var(--ctxPrimaryBtnBgH, 196), var(--ctxPrimaryBtnBgS, 84%), calc(var(--ctxPrimaryBtnBgL, 46%) + -15%)); border-color: hsl(var(--ctxPrimaryBtnBgH, 196), var(--ctxPrimaryBtnBgS, 84%), calc(var(--ctxPrimaryBtnBgL, 46%) + -15%)); color: hsl(var(--ctxPrimaryBtnColorH, 213), var(--ctxPrimaryBtnColorS, 100%), var(--ctxPrimaryBtnColorL, 100%)); } .ext-primary-button-icon, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-primary i, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-primary i, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-splitbutton.p-button-primary .p-button:not(.p-button-text):not(.p-button-link) .p-button-icon, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button:not(.p-button-text):not(.p-button-link) .p-button-icon { color: hsla(var(--ctxPrimaryBtnColorH, 213), var(--ctxPrimaryBtnColorS, 100%), var(--ctxPrimaryBtnColorL, 100%), 0.8); } .ext-secondary-button, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-secondary, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-secondary, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-splitbutton.p-button-secondary .p-button:not(.p-button-text):not(.p-button-link), .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-secondary:not(.p-button-text):not(.p-button-link) { background: hsl(var(--ctxSecondaryBtnBgH, 197), var(--ctxSecondaryBtnBgS, 11%), var(--ctxSecondaryBtnBgL, 88%)); border-color: hsl(var(--ctxSecondaryBtnBgH, 197), var(--ctxSecondaryBtnBgS, 11%), var(--ctxSecondaryBtnBgL, 88%)); color: hsl(var(--ctxSecondaryBtnColorH, 213), var(--ctxSecondaryBtnColorS, 15%), var(--ctxSecondaryBtnColorL, 14%)); } .ext-secondary-button:enabled:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-secondary:enabled:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-secondary:enabled:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-splitbutton.p-button-secondary .p-button:enabled:hover:not(.p-button-text):not(.p-button-link), .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-secondary:enabled:hover:not(.p-button-text):not(.p-button-link), .ext-secondary-button:enabled:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-secondary:enabled:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-secondary:enabled:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-splitbutton.p-button-secondary .p-button:enabled:focus:not(.p-button-text):not(.p-button-link), .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-secondary:enabled:focus:not(.p-button-text):not(.p-button-link), .ext-secondary-button:enabled:active, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-secondary:enabled:active, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-secondary:enabled:active, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-splitbutton.p-button-secondary .p-button:enabled:active:not(.p-button-text):not(.p-button-link), .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-secondary:enabled:active:not(.p-button-text):not(.p-button-link) { background: hsl(var(--ctxSecondaryBtnBgH, 197), var(--ctxSecondaryBtnBgS, 11%), calc(var(--ctxSecondaryBtnBgL, 88%) + -15%)); border-color: hsl(var(--ctxSecondaryBtnBgH, 197), var(--ctxSecondaryBtnBgS, 11%), calc(var(--ctxSecondaryBtnBgL, 88%) + -15%)); color: hsl(var(--ctxSecondaryBtnColorH, 213), var(--ctxSecondaryBtnColorS, 15%), var(--ctxSecondaryBtnColorL, 14%)); } .ext-secondary-button-icon, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.btn-secondary i, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.btn-secondary i, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-splitbutton.p-button-secondary .p-button:not(.p-button-text):not(.p-button-link) .p-button-icon, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-secondary:not(.p-button-text):not(.p-button-link) .p-button-icon { color: hsla(var(--ctxSecondaryBtnColorH, 213), var(--ctxSecondaryBtnColorS, 15%), var(--ctxSecondaryBtnColorL, 14%), 0.8); } .app-header-container { z-index: 1000; } .has-horizontal-menu .exp-clps-btncontainer { display: none; } @media print, screen and (min-width: 56.25em) { .has-horizontal-menu .sidebar, .has-horizontal-menu .hamburger-container, .has-horizontal-menu header .global-menu { display: none; } } .has-horizontal-menu .mrg-x-3.pad-t-4.content-spacing { padding-top: 1rem !important; } .has-horizontal-menu .breadcrumb-container { padding-right: 0 !important; } @media print, screen and (min-width: 56.25em) { .has-horizontal-menu header.simple-header-page { box-shadow: 0 0 0 calc(1px * var(--mainMenuShadow, 1)) rgba(30, 35, 41, 0.09), 0 calc(4px * var(--mainMenuShadow, 1)) calc(5px * var(--mainMenuShadow, 1)) rgba(30, 35, 41, 0.14); background: hsl(var(--mainMenuBgH, 0), var(--mainMenuBgS, 100%), var(--mainMenuBgL, 100%)); border: 0; } .has-horizontal-menu header.simple-header-page .bg-base-gray { background: initial !important; } .has-horizontal-menu header.simple-header-page .border-h-gray { border: 0 !important; } .has-horizontal-menu header.simple-header-page button, .has-horizontal-menu header.simple-header-page .btn.btn-link { color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), var(--mainMenuTextColorL, 14%)) !important; } } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .h-breadcrumb h1 { color: hsl(var(--ctxTextColorH, 213), var(--ctxTextColorS, 15%), var(--ctxTextColorL, 14%)) !important; } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .h-breadcrumb .bread-text > span:not(.hbadge) { color: hsl(var(--ctxTextColorH, 213), var(--ctxTextColorS, 15%), var(--ctxTextColorL, 14%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .h-breadcrumb .breadcrumb-parent a.breadcrumb-parent-el { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), var(--ctxLinkColorL, 46%)) !important; } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .h-breadcrumb .breadcrumb-parent a.breadcrumb-parent-el:hover { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), calc(var(--ctxLinkColorL, 46%) + -15%)) !important; } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .h-breadcrumb .breadcrumb-parent a.breadcrumb-parent-el::after, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .h-breadcrumb .breadcrumb-parent a.breadcrumb-parent-el .h-breadcrumb div > a::after { color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), var(--ctxIconColorL, 35%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .spinner-circle:before { border-color: hsl(var(--ctxBarBgH, 210), var(--ctxBarBgS, 9%), calc(var(--ctxBarBgL, 96%) - 7%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .spinner-circle.spinner-primary:after { border-top-color: hsl(var(--ctxPrimaryBtnBgH, 196), var(--ctxPrimaryBtnBgS, 84%), var(--ctxPrimaryBtnBgL, 46%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .hub-loading-indicator { border-color: hsl(var(--ctxBarBgH, 210), var(--ctxBarBgS, 9%), calc(var(--ctxBarBgL, 96%) - 7%)); border-top-color: hsl(var(--ctxPrimaryBtnBgH, 196), var(--ctxPrimaryBtnBgS, 84%), var(--ctxPrimaryBtnBgL, 46%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .input-dyn { color: hsl(var(--ctxTextColorH, 213), var(--ctxTextColorS, 15%), var(--ctxTextColorL, 14%)); border-bottom-color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), var(--ctxIconColorL, 35%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .input-dyn:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .input-dyn:focus { border-color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), var(--ctxIconColorL, 35%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-inputtext { border-color: hsl(var(--ctxBarBgH, 210), var(--ctxBarBgS, 9%), calc(var(--ctxBarBgL, 96%) - 20%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-inputtext:enabled:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-inputtext:enabled:focus { border-color: hsl(var(--ctxPrimaryBtnBgH, 196), var(--ctxPrimaryBtnBgS, 84%), var(--ctxPrimaryBtnBgL, 46%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-text.p-button-icon-only .p-button-icon { color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), var(--ctxIconColorL, 35%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-text.p-button-icon-only:enabled:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-text.p-button-icon-only:enabled:focus { color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), calc(var(--ctxIconColorL, 35%) + -15%)); background: hsl(var(--ctxBarBgH, 210), var(--ctxBarBgS, 9%), calc(var(--ctxBarBgL, 96%) - 5%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-cart .p-button-icon { color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), var(--ctxIconColorL, 35%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-cart .p-button-label { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), var(--ctxLinkColorL, 46%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-cart:hover .p-dropdown-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-cart:focus .p-dropdown-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-button.p-button-cart:active .p-dropdown-label { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), calc(var(--ctxLinkColorL, 46%) + -15%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-dropdown.p-dropdown-cart .p-dropdown-label { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), var(--ctxLinkColorL, 46%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-dropdown.p-dropdown-cart .p-dropdown-trigger .p-dropdown-trigger-icon { color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), var(--ctxIconColorL, 35%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-dropdown.p-dropdown-cart:hover .p-dropdown-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-dropdown.p-dropdown-cart:focus .p-dropdown-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .p-dropdown.p-dropdown-cart:active .p-dropdown-label { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), calc(var(--ctxLinkColorL, 46%) + -15%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn .text-primary, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn .text-primary { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), var(--ctxLinkColorL, 46%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn .material-icons, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn .material-icons { color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), var(--ctxIconColorL, 35%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn:active, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn:active { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), calc(var(--ctxLinkColorL, 46%) + -15%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.header-icon .p-button-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.header-icon .p-button-label { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), var(--ctxLinkColorL, 46%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.header-icon:hover .p-button-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.header-icon:focus .p-button-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) a.btn.header-icon:active .p-button-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.header-icon:hover .p-button-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.header-icon:focus .p-button-label, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) button.btn.header-icon:active .p-button-label { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), calc(var(--ctxLinkColorL, 46%) + -15%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .btn-clear.has-hover { background: transparent; border-color: transparent; } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .btn-clear.has-hover i { color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), var(--ctxIconColorL, 35%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .btn-clear.has-hover:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .btn-clear.has-hover:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .btn-clear.has-hover:active { background: hsl(var(--ctxBarBgH, 210), var(--ctxBarBgS, 9%), calc(var(--ctxBarBgL, 96%) - 5%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .top-bar-ctx .bootstrap-select .dropdown-toggle { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), var(--ctxLinkColorL, 46%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .top-bar-ctx .bootstrap-select .dropdown-toggle:hover, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .top-bar-ctx .bootstrap-select .dropdown-toggle:focus, .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .top-bar-ctx .bootstrap-select .dropdown-toggle:active { color: hsl(var(--ctxLinkColorH, 196), var(--ctxLinkColorS, 84%), calc(var(--ctxLinkColorL, 46%) + -15%)); } .has-horizontal-menu header.top-bar:not(.simple-header-page) .top-bar:not(.is-in-admin) .top-bar-ctx .bootstrap-select .dropdown-toggle .caret { color: hsl(var(--ctxIconColorH, 208), var(--ctxIconColorS, 19%), var(--ctxIconColorL, 35%)); } .main-menu nav { display: none; } .main-menu nav.is-open { display: block; } .main-menu nav ul { list-style: none; padding: 0; margin: 0; } .main-menu.is-horizontal { flex: 0 1 auto; background: #fff; position: relative; z-index: 1001; padding: 0.5rem 1rem; display: flex; align-items: stretch; box-shadow: 0 0 0 calc(1px * var(--mainMenuShadow, 1)) rgba(30, 35, 41, 0.09), 0 calc(4px * var(--mainMenuShadow, 1)) calc(5px * var(--mainMenuShadow, 1)) rgba(30, 35, 41, 0.14); background: hsl(var(--mainMenuBgH, 0), var(--mainMenuBgS, 100%), var(--mainMenuBgL, 100%)); } @media screen and (max-width: 56.24875em) { .main-menu.is-horizontal { display: none; } } .main-menu.is-horizontal .applogo-container { flex: 0 0 auto; margin-right: 1rem; } .main-menu.is-horizontal .applogo-container > a { display: block; max-width: 15rem; max-height: 56px; height: 48px; } .main-menu.is-horizontal .global-menu { min-width: 190px; background: hsl(var(--mainMenuBgH, 0), var(--mainMenuBgS, 100%), var(--mainMenuBgL, 100%)); } .main-menu.is-horizontal .nav-container { flex: 1 1 auto; min-width: 0; } .main-menu.is-horizontal .nav-container nav { height: 100%; align-items: stretch; } .main-menu.is-horizontal .nav-container nav .side-menu-container { display: flex; height: 100%; } .main-menu.is-horizontal .nav-container nav .menu-items-list.is-horizontal { display: flex; flex: 1 1 auto; height: 100%; max-width: 100%; } .main-menu.is-horizontal .nav-container nav .menu-items-list.is-horizontal .menu-item, .main-menu.is-horizontal .nav-container nav .menu-items-list.is-horizontal .more { flex: 0 1 auto; white-space: nowrap; padding: 0 0.25rem; } .main-menu.is-horizontal .nav-container nav .menu-items-list.is-horizontal .menu-item.is-active .menu-link { color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), calc(var(--mainMenuTextColorL, 14%) + -15%)); background: rgba(30, 35, 41, 0.08); } .main-menu.is-horizontal .nav-container nav .menu-items-list.is-horizontal .menu-item .menu-icon { display: none; } .main-menu.is-horizontal .nav-container nav .menu-items-list.is-horizontal .menu-item .button-add { display: none; } .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-section-exp, .main-menu.is-horizontal .nav-container nav .menu-items-list .main-menu.sidebar .btn-menu-slide, .main-menu.sidebar .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-menu-slide, .main-menu.is-horizontal .nav-container nav .menu-items-list .menu-link, .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-menu-slide { display: block; font-weight: var(--semiWeight, 600); line-height: 1.2; color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), var(--mainMenuTextColorL, 14%)); padding: 0.5rem 0.5rem; border-radius: 4px; background: transparent; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-section-exp:hover, .main-menu.is-horizontal .nav-container nav .menu-items-list .main-menu.sidebar .btn-menu-slide:hover, .main-menu.sidebar .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-menu-slide:hover, .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-section-exp:focus, .main-menu.is-horizontal .nav-container nav .menu-items-list .main-menu.sidebar .btn-menu-slide:focus, .main-menu.sidebar .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-menu-slide:focus, .main-menu.is-horizontal .nav-container nav .menu-items-list .menu-link:hover, .main-menu.is-horizontal .nav-container nav .menu-items-list .menu-link:focus, .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-menu-slide:hover, .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-menu-slide:focus { color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), calc(var(--mainMenuTextColorL, 14%) + -15%)); text-decoration: none; background: rgba(30, 35, 41, 0.06); } .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-section-exp::after, .main-menu.is-horizontal .nav-container nav .menu-items-list .main-menu.sidebar .btn-menu-slide::after, .main-menu.sidebar .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-menu-slide::after, .main-menu.is-horizontal .nav-container nav .menu-items-list .more .menu-link::after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; display: inline-block; content: "\e930"; font-family: "primeicons"; font-size: 0.875rem; color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), var(--mainMenuTextColorL, 14%)); text-rendering: auto; position: relative; top: 2px; } .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-section-exp:not(.is-closed)::after, .main-menu.is-horizontal .nav-container nav .menu-items-list .main-menu.sidebar .btn-menu-slide:not(.is-closed)::after, .main-menu.sidebar .main-menu.is-horizontal .nav-container nav .menu-items-list .btn-menu-slide:not(.is-closed)::after, .main-menu.is-horizontal .nav-container nav .menu-items-list .more .menu-link:not(.is-closed)::after { transform: rotate(-180deg); top: 0; } .main-menu.is-horizontal .nav-container nav .menu-items-list .rootmenu-link-wrapper .btn-menu-slide::before { content: "\e900"; font-family: "primeicons"; font-size: 0.875rem; color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), var(--mainMenuTextColorL, 14%)); text-rendering: auto; } .main-menu.is-horizontal .nav-container nav .menu-items-list .submenu-link-wrapper .btn-menu-slide::after { content: "\e901"; font-family: "primeicons"; font-size: 0.875rem; color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), var(--mainMenuTextColorL, 14%)); text-rendering: auto; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li { height: 100%; display: flex; align-items: center; position: relative; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul { position: absolute; top: calc(100% + 0.5rem + 0.5px); } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items { background: hsl(var(--mainMenuBgH, 0), var(--mainMenuBgS, 100%), var(--mainMenuBgL, 100%)); display: block; width: max-content; min-width: 200px; font-weight: normal; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-backface-visibility: hidden; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items.opens-left { left: auto; right: 0; transform: none; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items:not(.is-closed) { height: auto !important; overflow: initial; opacity: 0.99; padding: 0 0.5rem 0.5rem; box-shadow: 0 1px 0 1px rgba(30, 35, 41, 0.09), 0 4px 5px rgba(30, 35, 41, 0.14); } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items.is-closed { height: 0 !important; opacity: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items .menu-link::after { display: none; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li { white-space: initial !important; position: relative; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .btn-section-exp, .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .main-menu.sidebar .btn-menu-slide, .main-menu.sidebar .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .btn-menu-slide { width: 100%; text-align: left; white-space: initial !important; padding-right: 1.25rem; position: relative; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .btn-section-exp::after, .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .main-menu.sidebar .btn-menu-slide::after, .main-menu.sidebar .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .btn-menu-slide::after { transform: rotate(-90deg); position: absolute; right: 0.25rem; top: 0.5rem; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .btn-section-exp:not(.is-closed)::after, .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .main-menu.sidebar .btn-menu-slide:not(.is-closed)::after, .main-menu.sidebar .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .btn-menu-slide:not(.is-closed)::after { transform: rotate(90deg); } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .sub-menu-items { left: 100%; top: 0; transform: none; width: max-content; min-width: 150px; max-height: 35vh; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .sub-menu-items.opens-left { left: auto; right: 100%; } .main-menu.is-horizontal .nav-container nav .menu-items-list > li ul.sub-menu-items li .sub-menu-items:not(.is-closed) { padding-top: 0.5rem; overflow-y: auto; } .main-menu.is-horizontal .global-item { border: 0 !important; } .main-menu.is-horizontal .lang .btn-group { background: transparent; } .main-menu.is-horizontal .account .user, .main-menu.is-horizontal .header-help, .main-menu.is-horizontal .beamer-button { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; border-radius: 4px; } .main-menu.is-horizontal .account .user:hover, .main-menu.is-horizontal .account .user:active, .main-menu.is-horizontal .account .user:focus, .main-menu.is-horizontal .header-help:hover, .main-menu.is-horizontal .header-help:active, .main-menu.is-horizontal .header-help:focus, .main-menu.is-horizontal .beamer-button:hover, .main-menu.is-horizontal .beamer-button:active, .main-menu.is-horizontal .beamer-button:focus { background: rgba(30, 35, 41, 0.08) !important; } .main-menu.is-horizontal .lang:hover .lang-icon { background: rgba(30, 35, 41, 0.08) !important; } .main-menu.is-horizontal .lang .btn-group .btn, .main-menu.is-horizontal .header-help { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .main-menu.is-horizontal .lang { width: 32px !important; } .main-menu.is-horizontal .account .user { color: hsl(var(--mainMenuTextColorH, 213), var(--mainMenuTextColorS, 15%), var(--mainMenuTextColorL, 14%)); padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .main-menu.is-horizontal .header-help { opacity: 1; } .main-menu.is-horizontal .lang .lang-icon .material-icons, .main-menu.is-horizontal .header-help i { color: hsl(var(--accountMenuIconColorH, 213), var(--accountMenuIconColorS, 15%), var(--accountMenuIconColorL, 14%)); } .main-menu.is-horizontal .beamer-button i.fa-bell { color: hsl(var(--accountMenuIconColorH, 213), var(--accountMenuIconColorS, 15%), var(--accountMenuIconColorL, 14%)) !important; } .main-menu.is-horizontal .lang .btn.dropdown-toggle .filter-option::after { opacity: 1; } .main-menu.sidebar .menu-item a.menu-link { display: block; color: #1E2329; position: relative; padding-inline: 1rem 0.75rem; padding-block: 0.5rem; } .main-menu.sidebar .menu-item a.menu-link > span { padding-left: 1.4rem; word-break: break-word; display: block; } .main-menu.sidebar .menu-item a.menu-link i.menu-icon, .main-menu.sidebar .menu-item a.menu-link .material-icons.menu-icon { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; position: absolute; top: 2px; left: 0; color: #485A6A; opacity: 0.3; } .main-menu.sidebar .menu-item a.menu-link i.menu-icon { font-size: 0.875rem; } .main-menu.sidebar .menu-item a.menu-link:hover, .main-menu.sidebar .menu-item a.menu-link:focus { background: rgba(231, 235, 236, 0.6); text-decoration: none; color: #1E2329; } .main-menu.sidebar .menu-item a.menu-link:hover i.menu-icon, .main-menu.sidebar .menu-item a.menu-link:hover .material-icons.menu-icon, .main-menu.sidebar .menu-item a.menu-link:focus i.menu-icon, .main-menu.sidebar .menu-item a.menu-link:focus .material-icons.menu-icon { opacity: 0.99; } @media screen and (max-width: 56.24875em) { .main-menu.sidebar .menu-item { padding: 0.2rem 0; } } .main-menu.sidebar .menu-item.has-btn { position: relative; } .main-menu.sidebar .menu-item.has-btn a.menu-link { padding-right: 2rem; } .main-menu.sidebar .menu-item.has-btn p-button { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; } .main-menu.sidebar .menu-item.has-btn p-button .p-button { height: auto; width: auto; padding: 0.17rem 0.21rem; border: 0; } .main-menu.sidebar .menu-item.has-btn p-button .p-button .p-button-icon { font-size: 0.875rem; } .main-menu.sidebar .menu-item.is-active a:not(.btn):not(.btn-link):not(.btn-clear) { background: #E7EBEC; } .main-menu.sidebar .menu-item.is-active a:not(.btn):not(.btn-link):not(.btn-clear):before { content: ""; position: absolute; height: 100%; left: 0; top: 0; border-left: 4px solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .main-menu.sidebar .menu-item.is-active a:not(.btn):not(.btn-link):not(.btn-clear) i.menu-icon, .main-menu.sidebar .menu-item.is-active a:not(.btn):not(.btn-link):not(.btn-clear) .material-icons.menu-icon { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); opacity: 0.99; } .main-menu.sidebar .menu-item .sub-menu-items { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .main-menu.sidebar .menu-item .sub-menu-items:not(.is-closed) { padding: 0.25rem 0; opacity: 0.99; } .main-menu.sidebar .menu-item .sub-menu-items.is-closed { height: 0; opacity: 0; } .main-menu.sidebar .menu-item .sub-menu-items.is-closed li, .main-menu.sidebar .menu-item .sub-menu-items.is-closed a { height: 0; padding: 0; } .main-menu.sidebar .menu-item .sub-menu-items.is-closed a { overflow: hidden; } .main-menu.sidebar .btn-section-exp, .main-menu.sidebar .btn-menu-slide { display: block; border: 0; outline: 0; border-bottom: 1px solid #DCE1E3; margin: 0 1rem; width: calc(100% - 2rem); padding: 0.5rem 0; vertical-align: middle; text-align: left; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)) !important; background: transparent; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.4px; text-decoration: none; position: relative; } .main-menu.sidebar .btn-section-exp:not(.bs-placeholder):not(.dropdown-toggle), .main-menu.sidebar .btn-menu-slide:not(.bs-placeholder):not(.dropdown-toggle) { font-weight: bold !important; } .main-menu.sidebar .btn-section-exp:after, .main-menu.sidebar .btn-menu-slide:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; content: "\f077"; font-family: "FontAwesome"; font-size: 0.625rem; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); text-rendering: auto; position: absolute; top: 27%; right: 0; } .main-menu.sidebar .btn-section-exp:not(.is-closed):after, .main-menu.sidebar .btn-menu-slide:not(.is-closed):after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .main-menu.sidebar .btn-section-exp:hover, .main-menu.sidebar .btn-menu-slide:hover, .main-menu.sidebar .btn-section-exp:focus, .main-menu.sidebar .btn-menu-slide:focus { text-decoration: none; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), calc(var(--linkColorL, 46%) + -15%)) !important; outline: 0 !important; } .main-menu.sidebar .btn-menu-slide { padding-left: 1rem; padding-right: 1rem; border-radius: 0; margin: 0; width: 100%; } .main-menu.sidebar .btn-menu-slide:hover { background: rgba(231, 235, 236, 0.6); } .main-menu.sidebar .submenu-link-wrapper { border-top: 1px solid #DCE1E3; margin-top: 1rem; } .main-menu.sidebar .submenu-link-wrapper .btn-menu-slide:after { right: 1rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .main-menu.sidebar .rootmenu-link-wrapper { border-top: 1px solid #DCE1E3; border-bottom: 1px solid #DCE1E3; margin-bottom: 0.25rem; } .main-menu.sidebar .rootmenu-link-wrapper .btn-menu-slide { border: 0; padding-left: 1.9rem; } .main-menu.sidebar .rootmenu-link-wrapper .btn-menu-slide:after { right: auto; left: 1rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .has-flat-menu .main-menu.sidebar .menu-item .sub-menu-items { padding: 0; } .has-flat-menu .main-menu.sidebar .menu-item .sub-menu-items > .menu-item:first-child { padding-top: 0; } .grid-container { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 100rem; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 56.25em) { .grid-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.fluid { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 100%; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 56.25em) { .grid-container.fluid { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.full { padding-right: 0; padding-left: 0; max-width: 100%; margin-left: auto; margin-right: auto; } .grid-x { display: flex; flex-flow: row wrap; } .cell { flex: 0 0 auto; min-height: 0px; min-width: 0px; width: 100%; } .cell.auto { flex: 1 1 0px; } .cell.shrink { flex: 0 0 auto; } .grid-x > .auto { width: auto; } .grid-x > .shrink { width: auto; } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-x > .medium640-shrink, .grid-x > .medium640-full, .grid-x > .medium640-1, .grid-x > .medium640-2, .grid-x > .medium640-3, .grid-x > .medium640-4, .grid-x > .medium640-5, .grid-x > .medium640-6, .grid-x > .medium640-7, .grid-x > .medium640-8, .grid-x > .medium640-9, .grid-x > .medium640-10, .grid-x > .medium640-11, .grid-x > .medium640-12 { flex-basis: auto; } } @media print, screen and (min-width: 56.25em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 75em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex-basis: auto; } } @media screen and (min-width: 75em) { .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 { flex-basis: auto; } } @media screen and (min-width: 90em) { .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 { flex-basis: auto; } } @media screen and (min-width: 112.5em) { .grid-x > .xxxlarge-shrink, .grid-x > .xxxlarge-full, .grid-x > .xxxlarge-1, .grid-x > .xxxlarge-2, .grid-x > .xxxlarge-3, .grid-x > .xxxlarge-4, .grid-x > .xxxlarge-5, .grid-x > .xxxlarge-6, .grid-x > .xxxlarge-7, .grid-x > .xxxlarge-8, .grid-x > .xxxlarge-9, .grid-x > .xxxlarge-10, .grid-x > .xxxlarge-11, .grid-x > .xxxlarge-12 { flex-basis: auto; } } @media screen and (min-width: 128em) { .grid-x > .twok-shrink, .grid-x > .twok-full, .grid-x > .twok-1, .grid-x > .twok-2, .grid-x > .twok-3, .grid-x > .twok-4, .grid-x > .twok-5, .grid-x > .twok-6, .grid-x > .twok-7, .grid-x > .twok-8, .grid-x > .twok-9, .grid-x > .twok-10, .grid-x > .twok-11, .grid-x > .twok-12 { flex-basis: auto; } } .grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { flex: 0 0 auto; } .grid-x > .small-1 { width: 8.3333333333%; } .grid-x > .small-2 { width: 16.6666666667%; } .grid-x > .small-3 { width: 25%; } .grid-x > .small-4 { width: 33.3333333333%; } .grid-x > .small-5 { width: 41.6666666667%; } .grid-x > .small-6 { width: 50%; } .grid-x > .small-7 { width: 58.3333333333%; } .grid-x > .small-8 { width: 66.6666666667%; } .grid-x > .small-9 { width: 75%; } .grid-x > .small-10 { width: 83.3333333333%; } .grid-x > .small-11 { width: 91.6666666667%; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .grid-x > .medium640-auto { flex: 1 1 0px; width: auto; } .grid-x > .medium640-12, .grid-x > .medium640-11, .grid-x > .medium640-10, .grid-x > .medium640-9, .grid-x > .medium640-8, .grid-x > .medium640-7, .grid-x > .medium640-6, .grid-x > .medium640-5, .grid-x > .medium640-4, .grid-x > .medium640-3, .grid-x > .medium640-2, .grid-x > .medium640-1, .grid-x > .medium640-shrink { flex: 0 0 auto; } .grid-x > .medium640-shrink { width: auto; } .grid-x > .medium640-1 { width: 8.3333333333%; } .grid-x > .medium640-2 { width: 16.6666666667%; } .grid-x > .medium640-3 { width: 25%; } .grid-x > .medium640-4 { width: 33.3333333333%; } .grid-x > .medium640-5 { width: 41.6666666667%; } .grid-x > .medium640-6 { width: 50%; } .grid-x > .medium640-7 { width: 58.3333333333%; } .grid-x > .medium640-8 { width: 66.6666666667%; } .grid-x > .medium640-9 { width: 75%; } .grid-x > .medium640-10 { width: 83.3333333333%; } .grid-x > .medium640-11 { width: 91.6666666667%; } .grid-x > .medium640-12 { width: 100%; } } @media print, screen and (min-width: 56.25em) { .grid-x > .medium-auto { flex: 1 1 0px; width: auto; } .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { flex: 0 0 auto; } .grid-x > .medium-shrink { width: auto; } .grid-x > .medium-1 { width: 8.3333333333%; } .grid-x > .medium-2 { width: 16.6666666667%; } .grid-x > .medium-3 { width: 25%; } .grid-x > .medium-4 { width: 33.3333333333%; } .grid-x > .medium-5 { width: 41.6666666667%; } .grid-x > .medium-6 { width: 50%; } .grid-x > .medium-7 { width: 58.3333333333%; } .grid-x > .medium-8 { width: 66.6666666667%; } .grid-x > .medium-9 { width: 75%; } .grid-x > .medium-10 { width: 83.3333333333%; } .grid-x > .medium-11 { width: 91.6666666667%; } .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .grid-x > .large-auto { flex: 1 1 0px; width: auto; } .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { flex: 0 0 auto; } .grid-x > .large-shrink { width: auto; } .grid-x > .large-1 { width: 8.3333333333%; } .grid-x > .large-2 { width: 16.6666666667%; } .grid-x > .large-3 { width: 25%; } .grid-x > .large-4 { width: 33.3333333333%; } .grid-x > .large-5 { width: 41.6666666667%; } .grid-x > .large-6 { width: 50%; } .grid-x > .large-7 { width: 58.3333333333%; } .grid-x > .large-8 { width: 66.6666666667%; } .grid-x > .large-9 { width: 75%; } .grid-x > .large-10 { width: 83.3333333333%; } .grid-x > .large-11 { width: 91.6666666667%; } .grid-x > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .grid-x > .xlarge-auto { flex: 1 1 0px; width: auto; } .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink { flex: 0 0 auto; } .grid-x > .xlarge-shrink { width: auto; } .grid-x > .xlarge-1 { width: 8.3333333333%; } .grid-x > .xlarge-2 { width: 16.6666666667%; } .grid-x > .xlarge-3 { width: 25%; } .grid-x > .xlarge-4 { width: 33.3333333333%; } .grid-x > .xlarge-5 { width: 41.6666666667%; } .grid-x > .xlarge-6 { width: 50%; } .grid-x > .xlarge-7 { width: 58.3333333333%; } .grid-x > .xlarge-8 { width: 66.6666666667%; } .grid-x > .xlarge-9 { width: 75%; } .grid-x > .xlarge-10 { width: 83.3333333333%; } .grid-x > .xlarge-11 { width: 91.6666666667%; } .grid-x > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .grid-x > .xxlarge-auto { flex: 1 1 0px; width: auto; } .grid-x > .xxlarge-12, .grid-x > .xxlarge-11, .grid-x > .xxlarge-10, .grid-x > .xxlarge-9, .grid-x > .xxlarge-8, .grid-x > .xxlarge-7, .grid-x > .xxlarge-6, .grid-x > .xxlarge-5, .grid-x > .xxlarge-4, .grid-x > .xxlarge-3, .grid-x > .xxlarge-2, .grid-x > .xxlarge-1, .grid-x > .xxlarge-shrink { flex: 0 0 auto; } .grid-x > .xxlarge-shrink { width: auto; } .grid-x > .xxlarge-1 { width: 8.3333333333%; } .grid-x > .xxlarge-2 { width: 16.6666666667%; } .grid-x > .xxlarge-3 { width: 25%; } .grid-x > .xxlarge-4 { width: 33.3333333333%; } .grid-x > .xxlarge-5 { width: 41.6666666667%; } .grid-x > .xxlarge-6 { width: 50%; } .grid-x > .xxlarge-7 { width: 58.3333333333%; } .grid-x > .xxlarge-8 { width: 66.6666666667%; } .grid-x > .xxlarge-9 { width: 75%; } .grid-x > .xxlarge-10 { width: 83.3333333333%; } .grid-x > .xxlarge-11 { width: 91.6666666667%; } .grid-x > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .grid-x > .xxxlarge-auto { flex: 1 1 0px; width: auto; } .grid-x > .xxxlarge-12, .grid-x > .xxxlarge-11, .grid-x > .xxxlarge-10, .grid-x > .xxxlarge-9, .grid-x > .xxxlarge-8, .grid-x > .xxxlarge-7, .grid-x > .xxxlarge-6, .grid-x > .xxxlarge-5, .grid-x > .xxxlarge-4, .grid-x > .xxxlarge-3, .grid-x > .xxxlarge-2, .grid-x > .xxxlarge-1, .grid-x > .xxxlarge-shrink { flex: 0 0 auto; } .grid-x > .xxxlarge-shrink { width: auto; } .grid-x > .xxxlarge-1 { width: 8.3333333333%; } .grid-x > .xxxlarge-2 { width: 16.6666666667%; } .grid-x > .xxxlarge-3 { width: 25%; } .grid-x > .xxxlarge-4 { width: 33.3333333333%; } .grid-x > .xxxlarge-5 { width: 41.6666666667%; } .grid-x > .xxxlarge-6 { width: 50%; } .grid-x > .xxxlarge-7 { width: 58.3333333333%; } .grid-x > .xxxlarge-8 { width: 66.6666666667%; } .grid-x > .xxxlarge-9 { width: 75%; } .grid-x > .xxxlarge-10 { width: 83.3333333333%; } .grid-x > .xxxlarge-11 { width: 91.6666666667%; } .grid-x > .xxxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .grid-x > .twok-auto { flex: 1 1 0px; width: auto; } .grid-x > .twok-12, .grid-x > .twok-11, .grid-x > .twok-10, .grid-x > .twok-9, .grid-x > .twok-8, .grid-x > .twok-7, .grid-x > .twok-6, .grid-x > .twok-5, .grid-x > .twok-4, .grid-x > .twok-3, .grid-x > .twok-2, .grid-x > .twok-1, .grid-x > .twok-shrink { flex: 0 0 auto; } .grid-x > .twok-shrink { width: auto; } .grid-x > .twok-1 { width: 8.3333333333%; } .grid-x > .twok-2 { width: 16.6666666667%; } .grid-x > .twok-3 { width: 25%; } .grid-x > .twok-4 { width: 33.3333333333%; } .grid-x > .twok-5 { width: 41.6666666667%; } .grid-x > .twok-6 { width: 50%; } .grid-x > .twok-7 { width: 58.3333333333%; } .grid-x > .twok-8 { width: 66.6666666667%; } .grid-x > .twok-9 { width: 75%; } .grid-x > .twok-10 { width: 83.3333333333%; } .grid-x > .twok-11 { width: 91.6666666667%; } .grid-x > .twok-12 { width: 100%; } } .grid-margin-x:not(.grid-x) > .cell { width: auto; } .grid-margin-y:not(.grid-y) > .cell { height: auto; } .grid-margin-x { margin-left: -0.625rem; margin-right: -0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-margin-x { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: 0.625rem; margin-right: 0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-margin-x > .cell { width: calc(100% - 1.875rem); margin-left: 0.9375rem; margin-right: 0.9375rem; } } .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x > .medium640-auto { width: auto; } .grid-margin-x > .medium640-shrink { width: auto; } .grid-margin-x > .medium640-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .medium640-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .medium640-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .medium640-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .medium640-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .medium640-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .medium640-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .medium640-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .medium640-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .medium640-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .medium640-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .medium640-12 { width: calc(100% - 1.25rem); } } @media print, screen and (min-width: 56.25em) { .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.875rem); } .grid-margin-x > .msmall-auto { width: auto; } .grid-margin-x > .msmall-shrink { width: auto; } .grid-margin-x > .msmall-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .msmall-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .msmall-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .msmall-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .msmall-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .msmall-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .msmall-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .msmall-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .msmall-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .msmall-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .msmall-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .msmall-12 { width: calc(100% - 1.875rem); } .grid-margin-x > .medium640-auto { width: auto; } .grid-margin-x > .medium640-shrink { width: auto; } .grid-margin-x > .medium640-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .medium640-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .medium640-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .medium640-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .medium640-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .medium640-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .medium640-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .medium640-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .medium640-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .medium640-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .medium640-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .medium640-12 { width: calc(100% - 1.875rem); } .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .medium-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .medium-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .medium-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .medium-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .medium-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .medium-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .medium-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-x > .large-auto { width: auto; } .grid-margin-x > .large-shrink { width: auto; } .grid-margin-x > .large-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .large-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .large-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .large-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .large-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .large-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .large-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .large-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .large-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .large-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .large-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .large-12 { width: calc(100% - 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-x > .xlarge-auto { width: auto; } .grid-margin-x > .xlarge-shrink { width: auto; } .grid-margin-x > .xlarge-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .xlarge-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .xlarge-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .xlarge-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-12 { width: calc(100% - 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-x > .xxlarge-auto { width: auto; } .grid-margin-x > .xxlarge-shrink { width: auto; } .grid-margin-x > .xxlarge-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .xxlarge-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .xxlarge-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .xxlarge-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .xxlarge-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .xxlarge-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .xxlarge-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .xxlarge-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .xxlarge-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .xxlarge-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .xxlarge-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .xxlarge-12 { width: calc(100% - 1.875rem); } } @media screen and (min-width: 112.5em) { .grid-margin-x > .xxxlarge-auto { width: auto; } .grid-margin-x > .xxxlarge-shrink { width: auto; } .grid-margin-x > .xxxlarge-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .xxxlarge-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .xxxlarge-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .xxxlarge-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .xxxlarge-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .xxxlarge-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .xxxlarge-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .xxxlarge-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .xxxlarge-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .xxxlarge-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .xxxlarge-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .xxxlarge-12 { width: calc(100% - 1.875rem); } } @media screen and (min-width: 128em) { .grid-margin-x > .twok-auto { width: auto; } .grid-margin-x > .twok-shrink { width: auto; } .grid-margin-x > .twok-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .twok-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .twok-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .twok-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .twok-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .twok-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .twok-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .twok-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .twok-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .twok-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .twok-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .twok-12 { width: calc(100% - 1.875rem); } } .grid-padding-x .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-padding-x .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-container:not(.full) > .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-container:not(.full) > .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-padding-x > .cell { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-padding-x > .cell { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .small-up-1 > .cell { width: 100%; } .small-up-2 > .cell { width: 50%; } .small-up-3 > .cell { width: 33.3333333333%; } .small-up-4 > .cell { width: 25%; } .small-up-5 > .cell { width: 20%; } .small-up-6 > .cell { width: 16.6666666667%; } .small-up-7 > .cell { width: 14.2857142857%; } .small-up-8 > .cell { width: 12.5%; } @media print, screen and (min-width: 40em) { .medium640-up-1 > .cell { width: 100%; } .medium640-up-2 > .cell { width: 50%; } .medium640-up-3 > .cell { width: 33.3333333333%; } .medium640-up-4 > .cell { width: 25%; } .medium640-up-5 > .cell { width: 20%; } .medium640-up-6 > .cell { width: 16.6666666667%; } .medium640-up-7 > .cell { width: 14.2857142857%; } .medium640-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 56.25em) { .medium-up-1 > .cell { width: 100%; } .medium-up-2 > .cell { width: 50%; } .medium-up-3 > .cell { width: 33.3333333333%; } .medium-up-4 > .cell { width: 25%; } .medium-up-5 > .cell { width: 20%; } .medium-up-6 > .cell { width: 16.6666666667%; } .medium-up-7 > .cell { width: 14.2857142857%; } .medium-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 75em) { .large-up-1 > .cell { width: 100%; } .large-up-2 > .cell { width: 50%; } .large-up-3 > .cell { width: 33.3333333333%; } .large-up-4 > .cell { width: 25%; } .large-up-5 > .cell { width: 20%; } .large-up-6 > .cell { width: 16.6666666667%; } .large-up-7 > .cell { width: 14.2857142857%; } .large-up-8 > .cell { width: 12.5%; } } @media screen and (min-width: 75em) { .xlarge-up-1 > .cell { width: 100%; } .xlarge-up-2 > .cell { width: 50%; } .xlarge-up-3 > .cell { width: 33.3333333333%; } .xlarge-up-4 > .cell { width: 25%; } .xlarge-up-5 > .cell { width: 20%; } .xlarge-up-6 > .cell { width: 16.6666666667%; } .xlarge-up-7 > .cell { width: 14.2857142857%; } .xlarge-up-8 > .cell { width: 12.5%; } } @media screen and (min-width: 90em) { .xxlarge-up-1 > .cell { width: 100%; } .xxlarge-up-2 > .cell { width: 50%; } .xxlarge-up-3 > .cell { width: 33.3333333333%; } .xxlarge-up-4 > .cell { width: 25%; } .xxlarge-up-5 > .cell { width: 20%; } .xxlarge-up-6 > .cell { width: 16.6666666667%; } .xxlarge-up-7 > .cell { width: 14.2857142857%; } .xxlarge-up-8 > .cell { width: 12.5%; } } @media screen and (min-width: 112.5em) { .xxxlarge-up-1 > .cell { width: 100%; } .xxxlarge-up-2 > .cell { width: 50%; } .xxxlarge-up-3 > .cell { width: 33.3333333333%; } .xxxlarge-up-4 > .cell { width: 25%; } .xxxlarge-up-5 > .cell { width: 20%; } .xxxlarge-up-6 > .cell { width: 16.6666666667%; } .xxxlarge-up-7 > .cell { width: 14.2857142857%; } .xxxlarge-up-8 > .cell { width: 12.5%; } } @media screen and (min-width: 128em) { .twok-up-1 > .cell { width: 100%; } .twok-up-2 > .cell { width: 50%; } .twok-up-3 > .cell { width: 33.3333333333%; } .twok-up-4 > .cell { width: 25%; } .twok-up-5 > .cell { width: 20%; } .twok-up-6 > .cell { width: 16.6666666667%; } .twok-up-7 > .cell { width: 14.2857142857%; } .twok-up-8 > .cell { width: 12.5%; } } .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x.medium640-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.medium640-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.medium640-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.medium640-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.medium640-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.medium640-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.medium640-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.medium640-up-8 > .cell { width: calc(12.5% - 1.25rem); } } @media print, screen and (min-width: 56.25em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.875rem); } .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-x.large-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.large-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.large-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.large-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.large-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.large-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.large-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-x.xlarge-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.xlarge-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.xlarge-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.xlarge-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.xlarge-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.xlarge-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.xlarge-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.xlarge-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-x.xxlarge-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.xxlarge-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.xxlarge-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.xxlarge-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.xxlarge-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.xxlarge-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.xxlarge-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.xxlarge-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media screen and (min-width: 112.5em) { .grid-margin-x.xxxlarge-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.xxxlarge-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.xxxlarge-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.xxxlarge-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.xxxlarge-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.xxxlarge-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.xxxlarge-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.xxxlarge-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media screen and (min-width: 128em) { .grid-margin-x.twok-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.twok-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.twok-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.twok-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.twok-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.twok-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.twok-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.twok-up-8 > .cell { width: calc(12.5% - 1.875rem); } } .small-margin-collapse { margin-right: 0; margin-left: 0; } .small-margin-collapse > .cell { margin-right: 0; margin-left: 0; } .small-margin-collapse > .small-1 { width: 8.3333333333%; } .small-margin-collapse > .small-2 { width: 16.6666666667%; } .small-margin-collapse > .small-3 { width: 25%; } .small-margin-collapse > .small-4 { width: 33.3333333333%; } .small-margin-collapse > .small-5 { width: 41.6666666667%; } .small-margin-collapse > .small-6 { width: 50%; } .small-margin-collapse > .small-7 { width: 58.3333333333%; } .small-margin-collapse > .small-8 { width: 66.6666666667%; } .small-margin-collapse > .small-9 { width: 75%; } .small-margin-collapse > .small-10 { width: 83.3333333333%; } .small-margin-collapse > .small-11 { width: 91.6666666667%; } .small-margin-collapse > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .small-margin-collapse > .medium640-1 { width: 8.3333333333%; } .small-margin-collapse > .medium640-2 { width: 16.6666666667%; } .small-margin-collapse > .medium640-3 { width: 25%; } .small-margin-collapse > .medium640-4 { width: 33.3333333333%; } .small-margin-collapse > .medium640-5 { width: 41.6666666667%; } .small-margin-collapse > .medium640-6 { width: 50%; } .small-margin-collapse > .medium640-7 { width: 58.3333333333%; } .small-margin-collapse > .medium640-8 { width: 66.6666666667%; } .small-margin-collapse > .medium640-9 { width: 75%; } .small-margin-collapse > .medium640-10 { width: 83.3333333333%; } .small-margin-collapse > .medium640-11 { width: 91.6666666667%; } .small-margin-collapse > .medium640-12 { width: 100%; } } @media print, screen and (min-width: 56.25em) { .small-margin-collapse > .medium-1 { width: 8.3333333333%; } .small-margin-collapse > .medium-2 { width: 16.6666666667%; } .small-margin-collapse > .medium-3 { width: 25%; } .small-margin-collapse > .medium-4 { width: 33.3333333333%; } .small-margin-collapse > .medium-5 { width: 41.6666666667%; } .small-margin-collapse > .medium-6 { width: 50%; } .small-margin-collapse > .medium-7 { width: 58.3333333333%; } .small-margin-collapse > .medium-8 { width: 66.6666666667%; } .small-margin-collapse > .medium-9 { width: 75%; } .small-margin-collapse > .medium-10 { width: 83.3333333333%; } .small-margin-collapse > .medium-11 { width: 91.6666666667%; } .small-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .small-margin-collapse > .large-1 { width: 8.3333333333%; } .small-margin-collapse > .large-2 { width: 16.6666666667%; } .small-margin-collapse > .large-3 { width: 25%; } .small-margin-collapse > .large-4 { width: 33.3333333333%; } .small-margin-collapse > .large-5 { width: 41.6666666667%; } .small-margin-collapse > .large-6 { width: 50%; } .small-margin-collapse > .large-7 { width: 58.3333333333%; } .small-margin-collapse > .large-8 { width: 66.6666666667%; } .small-margin-collapse > .large-9 { width: 75%; } .small-margin-collapse > .large-10 { width: 83.3333333333%; } .small-margin-collapse > .large-11 { width: 91.6666666667%; } .small-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .small-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .small-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .small-margin-collapse > .xlarge-3 { width: 25%; } .small-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .small-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .small-margin-collapse > .xlarge-6 { width: 50%; } .small-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .small-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .small-margin-collapse > .xlarge-9 { width: 75%; } .small-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .small-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .small-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .small-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .small-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .small-margin-collapse > .xxlarge-3 { width: 25%; } .small-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .small-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .small-margin-collapse > .xxlarge-6 { width: 50%; } .small-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .small-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .small-margin-collapse > .xxlarge-9 { width: 75%; } .small-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .small-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .small-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .small-margin-collapse > .xxxlarge-1 { width: 8.3333333333%; } .small-margin-collapse > .xxxlarge-2 { width: 16.6666666667%; } .small-margin-collapse > .xxxlarge-3 { width: 25%; } .small-margin-collapse > .xxxlarge-4 { width: 33.3333333333%; } .small-margin-collapse > .xxxlarge-5 { width: 41.6666666667%; } .small-margin-collapse > .xxxlarge-6 { width: 50%; } .small-margin-collapse > .xxxlarge-7 { width: 58.3333333333%; } .small-margin-collapse > .xxxlarge-8 { width: 66.6666666667%; } .small-margin-collapse > .xxxlarge-9 { width: 75%; } .small-margin-collapse > .xxxlarge-10 { width: 83.3333333333%; } .small-margin-collapse > .xxxlarge-11 { width: 91.6666666667%; } .small-margin-collapse > .xxxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .small-margin-collapse > .twok-1 { width: 8.3333333333%; } .small-margin-collapse > .twok-2 { width: 16.6666666667%; } .small-margin-collapse > .twok-3 { width: 25%; } .small-margin-collapse > .twok-4 { width: 33.3333333333%; } .small-margin-collapse > .twok-5 { width: 41.6666666667%; } .small-margin-collapse > .twok-6 { width: 50%; } .small-margin-collapse > .twok-7 { width: 58.3333333333%; } .small-margin-collapse > .twok-8 { width: 66.6666666667%; } .small-margin-collapse > .twok-9 { width: 75%; } .small-margin-collapse > .twok-10 { width: 83.3333333333%; } .small-margin-collapse > .twok-11 { width: 91.6666666667%; } .small-margin-collapse > .twok-12 { width: 100%; } } .small-padding-collapse { margin-right: 0; margin-left: 0; } .small-padding-collapse > .cell { padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 40em) { .medium640-margin-collapse { margin-right: 0; margin-left: 0; } .medium640-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .medium640-margin-collapse > .small-1 { width: 8.3333333333%; } .medium640-margin-collapse > .small-2 { width: 16.6666666667%; } .medium640-margin-collapse > .small-3 { width: 25%; } .medium640-margin-collapse > .small-4 { width: 33.3333333333%; } .medium640-margin-collapse > .small-5 { width: 41.6666666667%; } .medium640-margin-collapse > .small-6 { width: 50%; } .medium640-margin-collapse > .small-7 { width: 58.3333333333%; } .medium640-margin-collapse > .small-8 { width: 66.6666666667%; } .medium640-margin-collapse > .small-9 { width: 75%; } .medium640-margin-collapse > .small-10 { width: 83.3333333333%; } .medium640-margin-collapse > .small-11 { width: 91.6666666667%; } .medium640-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium640-margin-collapse > .medium640-1 { width: 8.3333333333%; } .medium640-margin-collapse > .medium640-2 { width: 16.6666666667%; } .medium640-margin-collapse > .medium640-3 { width: 25%; } .medium640-margin-collapse > .medium640-4 { width: 33.3333333333%; } .medium640-margin-collapse > .medium640-5 { width: 41.6666666667%; } .medium640-margin-collapse > .medium640-6 { width: 50%; } .medium640-margin-collapse > .medium640-7 { width: 58.3333333333%; } .medium640-margin-collapse > .medium640-8 { width: 66.6666666667%; } .medium640-margin-collapse > .medium640-9 { width: 75%; } .medium640-margin-collapse > .medium640-10 { width: 83.3333333333%; } .medium640-margin-collapse > .medium640-11 { width: 91.6666666667%; } .medium640-margin-collapse > .medium640-12 { width: 100%; } } @media print, screen and (min-width: 56.25em) { .medium640-margin-collapse > .medium-1 { width: 8.3333333333%; } .medium640-margin-collapse > .medium-2 { width: 16.6666666667%; } .medium640-margin-collapse > .medium-3 { width: 25%; } .medium640-margin-collapse > .medium-4 { width: 33.3333333333%; } .medium640-margin-collapse > .medium-5 { width: 41.6666666667%; } .medium640-margin-collapse > .medium-6 { width: 50%; } .medium640-margin-collapse > .medium-7 { width: 58.3333333333%; } .medium640-margin-collapse > .medium-8 { width: 66.6666666667%; } .medium640-margin-collapse > .medium-9 { width: 75%; } .medium640-margin-collapse > .medium-10 { width: 83.3333333333%; } .medium640-margin-collapse > .medium-11 { width: 91.6666666667%; } .medium640-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .medium640-margin-collapse > .large-1 { width: 8.3333333333%; } .medium640-margin-collapse > .large-2 { width: 16.6666666667%; } .medium640-margin-collapse > .large-3 { width: 25%; } .medium640-margin-collapse > .large-4 { width: 33.3333333333%; } .medium640-margin-collapse > .large-5 { width: 41.6666666667%; } .medium640-margin-collapse > .large-6 { width: 50%; } .medium640-margin-collapse > .large-7 { width: 58.3333333333%; } .medium640-margin-collapse > .large-8 { width: 66.6666666667%; } .medium640-margin-collapse > .large-9 { width: 75%; } .medium640-margin-collapse > .large-10 { width: 83.3333333333%; } .medium640-margin-collapse > .large-11 { width: 91.6666666667%; } .medium640-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .medium640-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .medium640-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .medium640-margin-collapse > .xlarge-3 { width: 25%; } .medium640-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .medium640-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .medium640-margin-collapse > .xlarge-6 { width: 50%; } .medium640-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .medium640-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .medium640-margin-collapse > .xlarge-9 { width: 75%; } .medium640-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .medium640-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .medium640-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .medium640-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .medium640-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .medium640-margin-collapse > .xxlarge-3 { width: 25%; } .medium640-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .medium640-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .medium640-margin-collapse > .xxlarge-6 { width: 50%; } .medium640-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .medium640-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .medium640-margin-collapse > .xxlarge-9 { width: 75%; } .medium640-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .medium640-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .medium640-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .medium640-margin-collapse > .xxxlarge-1 { width: 8.3333333333%; } .medium640-margin-collapse > .xxxlarge-2 { width: 16.6666666667%; } .medium640-margin-collapse > .xxxlarge-3 { width: 25%; } .medium640-margin-collapse > .xxxlarge-4 { width: 33.3333333333%; } .medium640-margin-collapse > .xxxlarge-5 { width: 41.6666666667%; } .medium640-margin-collapse > .xxxlarge-6 { width: 50%; } .medium640-margin-collapse > .xxxlarge-7 { width: 58.3333333333%; } .medium640-margin-collapse > .xxxlarge-8 { width: 66.6666666667%; } .medium640-margin-collapse > .xxxlarge-9 { width: 75%; } .medium640-margin-collapse > .xxxlarge-10 { width: 83.3333333333%; } .medium640-margin-collapse > .xxxlarge-11 { width: 91.6666666667%; } .medium640-margin-collapse > .xxxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .medium640-margin-collapse > .twok-1 { width: 8.3333333333%; } .medium640-margin-collapse > .twok-2 { width: 16.6666666667%; } .medium640-margin-collapse > .twok-3 { width: 25%; } .medium640-margin-collapse > .twok-4 { width: 33.3333333333%; } .medium640-margin-collapse > .twok-5 { width: 41.6666666667%; } .medium640-margin-collapse > .twok-6 { width: 50%; } .medium640-margin-collapse > .twok-7 { width: 58.3333333333%; } .medium640-margin-collapse > .twok-8 { width: 66.6666666667%; } .medium640-margin-collapse > .twok-9 { width: 75%; } .medium640-margin-collapse > .twok-10 { width: 83.3333333333%; } .medium640-margin-collapse > .twok-11 { width: 91.6666666667%; } .medium640-margin-collapse > .twok-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium640-padding-collapse { margin-right: 0; margin-left: 0; } .medium640-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 56.25em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; } .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 56.25em) { .medium-margin-collapse > .small-1 { width: 8.3333333333%; } .medium-margin-collapse > .small-2 { width: 16.6666666667%; } .medium-margin-collapse > .small-3 { width: 25%; } .medium-margin-collapse > .small-4 { width: 33.3333333333%; } .medium-margin-collapse > .small-5 { width: 41.6666666667%; } .medium-margin-collapse > .small-6 { width: 50%; } .medium-margin-collapse > .small-7 { width: 58.3333333333%; } .medium-margin-collapse > .small-8 { width: 66.6666666667%; } .medium-margin-collapse > .small-9 { width: 75%; } .medium-margin-collapse > .small-10 { width: 83.3333333333%; } .medium-margin-collapse > .small-11 { width: 91.6666666667%; } .medium-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 56.25em) { .medium-margin-collapse > .medium640-1 { width: 8.3333333333%; } .medium-margin-collapse > .medium640-2 { width: 16.6666666667%; } .medium-margin-collapse > .medium640-3 { width: 25%; } .medium-margin-collapse > .medium640-4 { width: 33.3333333333%; } .medium-margin-collapse > .medium640-5 { width: 41.6666666667%; } .medium-margin-collapse > .medium640-6 { width: 50%; } .medium-margin-collapse > .medium640-7 { width: 58.3333333333%; } .medium-margin-collapse > .medium640-8 { width: 66.6666666667%; } .medium-margin-collapse > .medium640-9 { width: 75%; } .medium-margin-collapse > .medium640-10 { width: 83.3333333333%; } .medium-margin-collapse > .medium640-11 { width: 91.6666666667%; } .medium-margin-collapse > .medium640-12 { width: 100%; } } @media print, screen and (min-width: 56.25em) { .medium-margin-collapse > .medium-1 { width: 8.3333333333%; } .medium-margin-collapse > .medium-2 { width: 16.6666666667%; } .medium-margin-collapse > .medium-3 { width: 25%; } .medium-margin-collapse > .medium-4 { width: 33.3333333333%; } .medium-margin-collapse > .medium-5 { width: 41.6666666667%; } .medium-margin-collapse > .medium-6 { width: 50%; } .medium-margin-collapse > .medium-7 { width: 58.3333333333%; } .medium-margin-collapse > .medium-8 { width: 66.6666666667%; } .medium-margin-collapse > .medium-9 { width: 75%; } .medium-margin-collapse > .medium-10 { width: 83.3333333333%; } .medium-margin-collapse > .medium-11 { width: 91.6666666667%; } .medium-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .medium-margin-collapse > .large-1 { width: 8.3333333333%; } .medium-margin-collapse > .large-2 { width: 16.6666666667%; } .medium-margin-collapse > .large-3 { width: 25%; } .medium-margin-collapse > .large-4 { width: 33.3333333333%; } .medium-margin-collapse > .large-5 { width: 41.6666666667%; } .medium-margin-collapse > .large-6 { width: 50%; } .medium-margin-collapse > .large-7 { width: 58.3333333333%; } .medium-margin-collapse > .large-8 { width: 66.6666666667%; } .medium-margin-collapse > .large-9 { width: 75%; } .medium-margin-collapse > .large-10 { width: 83.3333333333%; } .medium-margin-collapse > .large-11 { width: 91.6666666667%; } .medium-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .medium-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .medium-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .medium-margin-collapse > .xlarge-3 { width: 25%; } .medium-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .medium-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .medium-margin-collapse > .xlarge-6 { width: 50%; } .medium-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .medium-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .medium-margin-collapse > .xlarge-9 { width: 75%; } .medium-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .medium-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .medium-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .medium-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .medium-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .medium-margin-collapse > .xxlarge-3 { width: 25%; } .medium-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .medium-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .medium-margin-collapse > .xxlarge-6 { width: 50%; } .medium-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .medium-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .medium-margin-collapse > .xxlarge-9 { width: 75%; } .medium-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .medium-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .medium-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .medium-margin-collapse > .xxxlarge-1 { width: 8.3333333333%; } .medium-margin-collapse > .xxxlarge-2 { width: 16.6666666667%; } .medium-margin-collapse > .xxxlarge-3 { width: 25%; } .medium-margin-collapse > .xxxlarge-4 { width: 33.3333333333%; } .medium-margin-collapse > .xxxlarge-5 { width: 41.6666666667%; } .medium-margin-collapse > .xxxlarge-6 { width: 50%; } .medium-margin-collapse > .xxxlarge-7 { width: 58.3333333333%; } .medium-margin-collapse > .xxxlarge-8 { width: 66.6666666667%; } .medium-margin-collapse > .xxxlarge-9 { width: 75%; } .medium-margin-collapse > .xxxlarge-10 { width: 83.3333333333%; } .medium-margin-collapse > .xxxlarge-11 { width: 91.6666666667%; } .medium-margin-collapse > .xxxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .medium-margin-collapse > .twok-1 { width: 8.3333333333%; } .medium-margin-collapse > .twok-2 { width: 16.6666666667%; } .medium-margin-collapse > .twok-3 { width: 25%; } .medium-margin-collapse > .twok-4 { width: 33.3333333333%; } .medium-margin-collapse > .twok-5 { width: 41.6666666667%; } .medium-margin-collapse > .twok-6 { width: 50%; } .medium-margin-collapse > .twok-7 { width: 58.3333333333%; } .medium-margin-collapse > .twok-8 { width: 66.6666666667%; } .medium-margin-collapse > .twok-9 { width: 75%; } .medium-margin-collapse > .twok-10 { width: 83.3333333333%; } .medium-margin-collapse > .twok-11 { width: 91.6666666667%; } .medium-margin-collapse > .twok-12 { width: 100%; } } @media print, screen and (min-width: 56.25em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; } .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 75em) { .large-margin-collapse { margin-right: 0; margin-left: 0; } .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 75em) { .large-margin-collapse > .small-1 { width: 8.3333333333%; } .large-margin-collapse > .small-2 { width: 16.6666666667%; } .large-margin-collapse > .small-3 { width: 25%; } .large-margin-collapse > .small-4 { width: 33.3333333333%; } .large-margin-collapse > .small-5 { width: 41.6666666667%; } .large-margin-collapse > .small-6 { width: 50%; } .large-margin-collapse > .small-7 { width: 58.3333333333%; } .large-margin-collapse > .small-8 { width: 66.6666666667%; } .large-margin-collapse > .small-9 { width: 75%; } .large-margin-collapse > .small-10 { width: 83.3333333333%; } .large-margin-collapse > .small-11 { width: 91.6666666667%; } .large-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .large-margin-collapse > .medium640-1 { width: 8.3333333333%; } .large-margin-collapse > .medium640-2 { width: 16.6666666667%; } .large-margin-collapse > .medium640-3 { width: 25%; } .large-margin-collapse > .medium640-4 { width: 33.3333333333%; } .large-margin-collapse > .medium640-5 { width: 41.6666666667%; } .large-margin-collapse > .medium640-6 { width: 50%; } .large-margin-collapse > .medium640-7 { width: 58.3333333333%; } .large-margin-collapse > .medium640-8 { width: 66.6666666667%; } .large-margin-collapse > .medium640-9 { width: 75%; } .large-margin-collapse > .medium640-10 { width: 83.3333333333%; } .large-margin-collapse > .medium640-11 { width: 91.6666666667%; } .large-margin-collapse > .medium640-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .large-margin-collapse > .medium-1 { width: 8.3333333333%; } .large-margin-collapse > .medium-2 { width: 16.6666666667%; } .large-margin-collapse > .medium-3 { width: 25%; } .large-margin-collapse > .medium-4 { width: 33.3333333333%; } .large-margin-collapse > .medium-5 { width: 41.6666666667%; } .large-margin-collapse > .medium-6 { width: 50%; } .large-margin-collapse > .medium-7 { width: 58.3333333333%; } .large-margin-collapse > .medium-8 { width: 66.6666666667%; } .large-margin-collapse > .medium-9 { width: 75%; } .large-margin-collapse > .medium-10 { width: 83.3333333333%; } .large-margin-collapse > .medium-11 { width: 91.6666666667%; } .large-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .large-margin-collapse > .large-1 { width: 8.3333333333%; } .large-margin-collapse > .large-2 { width: 16.6666666667%; } .large-margin-collapse > .large-3 { width: 25%; } .large-margin-collapse > .large-4 { width: 33.3333333333%; } .large-margin-collapse > .large-5 { width: 41.6666666667%; } .large-margin-collapse > .large-6 { width: 50%; } .large-margin-collapse > .large-7 { width: 58.3333333333%; } .large-margin-collapse > .large-8 { width: 66.6666666667%; } .large-margin-collapse > .large-9 { width: 75%; } .large-margin-collapse > .large-10 { width: 83.3333333333%; } .large-margin-collapse > .large-11 { width: 91.6666666667%; } .large-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .large-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .large-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .large-margin-collapse > .xlarge-3 { width: 25%; } .large-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .large-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .large-margin-collapse > .xlarge-6 { width: 50%; } .large-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .large-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .large-margin-collapse > .xlarge-9 { width: 75%; } .large-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .large-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .large-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .large-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .large-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .large-margin-collapse > .xxlarge-3 { width: 25%; } .large-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .large-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .large-margin-collapse > .xxlarge-6 { width: 50%; } .large-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .large-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .large-margin-collapse > .xxlarge-9 { width: 75%; } .large-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .large-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .large-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .large-margin-collapse > .xxxlarge-1 { width: 8.3333333333%; } .large-margin-collapse > .xxxlarge-2 { width: 16.6666666667%; } .large-margin-collapse > .xxxlarge-3 { width: 25%; } .large-margin-collapse > .xxxlarge-4 { width: 33.3333333333%; } .large-margin-collapse > .xxxlarge-5 { width: 41.6666666667%; } .large-margin-collapse > .xxxlarge-6 { width: 50%; } .large-margin-collapse > .xxxlarge-7 { width: 58.3333333333%; } .large-margin-collapse > .xxxlarge-8 { width: 66.6666666667%; } .large-margin-collapse > .xxxlarge-9 { width: 75%; } .large-margin-collapse > .xxxlarge-10 { width: 83.3333333333%; } .large-margin-collapse > .xxxlarge-11 { width: 91.6666666667%; } .large-margin-collapse > .xxxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .large-margin-collapse > .twok-1 { width: 8.3333333333%; } .large-margin-collapse > .twok-2 { width: 16.6666666667%; } .large-margin-collapse > .twok-3 { width: 25%; } .large-margin-collapse > .twok-4 { width: 33.3333333333%; } .large-margin-collapse > .twok-5 { width: 41.6666666667%; } .large-margin-collapse > .twok-6 { width: 50%; } .large-margin-collapse > .twok-7 { width: 58.3333333333%; } .large-margin-collapse > .twok-8 { width: 66.6666666667%; } .large-margin-collapse > .twok-9 { width: 75%; } .large-margin-collapse > .twok-10 { width: 83.3333333333%; } .large-margin-collapse > .twok-11 { width: 91.6666666667%; } .large-margin-collapse > .twok-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .large-padding-collapse { margin-right: 0; margin-left: 0; } .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse { margin-right: 0; margin-left: 0; } .xlarge-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse > .small-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .small-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .small-3 { width: 25%; } .xlarge-margin-collapse > .small-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .small-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .small-6 { width: 50%; } .xlarge-margin-collapse > .small-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .small-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .small-9 { width: 75%; } .xlarge-margin-collapse > .small-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .small-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .small-12 { width: 100%; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse > .medium640-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .medium640-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .medium640-3 { width: 25%; } .xlarge-margin-collapse > .medium640-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .medium640-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .medium640-6 { width: 50%; } .xlarge-margin-collapse > .medium640-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .medium640-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .medium640-9 { width: 75%; } .xlarge-margin-collapse > .medium640-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .medium640-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .medium640-12 { width: 100%; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse > .medium-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .medium-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .medium-3 { width: 25%; } .xlarge-margin-collapse > .medium-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .medium-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .medium-6 { width: 50%; } .xlarge-margin-collapse > .medium-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .medium-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .medium-9 { width: 75%; } .xlarge-margin-collapse > .medium-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .medium-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .medium-12 { width: 100%; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse > .large-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .large-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .large-3 { width: 25%; } .xlarge-margin-collapse > .large-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .large-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .large-6 { width: 50%; } .xlarge-margin-collapse > .large-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .large-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .large-9 { width: 75%; } .xlarge-margin-collapse > .large-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .large-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .xlarge-3 { width: 25%; } .xlarge-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .xlarge-6 { width: 50%; } .xlarge-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .xlarge-9 { width: 75%; } .xlarge-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .xlarge-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .xxlarge-3 { width: 25%; } .xlarge-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .xxlarge-6 { width: 50%; } .xlarge-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .xxlarge-9 { width: 75%; } .xlarge-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .xlarge-margin-collapse > .xxxlarge-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .xxxlarge-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .xxxlarge-3 { width: 25%; } .xlarge-margin-collapse > .xxxlarge-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .xxxlarge-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .xxxlarge-6 { width: 50%; } .xlarge-margin-collapse > .xxxlarge-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .xxxlarge-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .xxxlarge-9 { width: 75%; } .xlarge-margin-collapse > .xxxlarge-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .xxxlarge-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .xxxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .xlarge-margin-collapse > .twok-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .twok-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .twok-3 { width: 25%; } .xlarge-margin-collapse > .twok-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .twok-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .twok-6 { width: 50%; } .xlarge-margin-collapse > .twok-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .twok-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .twok-9 { width: 75%; } .xlarge-margin-collapse > .twok-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .twok-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .twok-12 { width: 100%; } } @media screen and (min-width: 75em) { .xlarge-padding-collapse { margin-right: 0; margin-left: 0; } .xlarge-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse { margin-right: 0; margin-left: 0; } .xxlarge-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .small-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .small-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .small-3 { width: 25%; } .xxlarge-margin-collapse > .small-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .small-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .small-6 { width: 50%; } .xxlarge-margin-collapse > .small-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .small-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .small-9 { width: 75%; } .xxlarge-margin-collapse > .small-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .small-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .small-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .medium640-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .medium640-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .medium640-3 { width: 25%; } .xxlarge-margin-collapse > .medium640-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .medium640-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .medium640-6 { width: 50%; } .xxlarge-margin-collapse > .medium640-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .medium640-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .medium640-9 { width: 75%; } .xxlarge-margin-collapse > .medium640-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .medium640-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .medium640-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .medium-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .medium-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .medium-3 { width: 25%; } .xxlarge-margin-collapse > .medium-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .medium-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .medium-6 { width: 50%; } .xxlarge-margin-collapse > .medium-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .medium-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .medium-9 { width: 75%; } .xxlarge-margin-collapse > .medium-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .medium-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .medium-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .large-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .large-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .large-3 { width: 25%; } .xxlarge-margin-collapse > .large-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .large-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .large-6 { width: 50%; } .xxlarge-margin-collapse > .large-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .large-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .large-9 { width: 75%; } .xxlarge-margin-collapse > .large-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .large-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .xlarge-3 { width: 25%; } .xxlarge-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .xlarge-6 { width: 50%; } .xxlarge-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .xlarge-9 { width: 75%; } .xxlarge-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .xxlarge-3 { width: 25%; } .xxlarge-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .xxlarge-6 { width: 50%; } .xxlarge-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .xxlarge-9 { width: 75%; } .xxlarge-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .xxlarge-margin-collapse > .xxxlarge-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .xxxlarge-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .xxxlarge-3 { width: 25%; } .xxlarge-margin-collapse > .xxxlarge-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .xxxlarge-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .xxxlarge-6 { width: 50%; } .xxlarge-margin-collapse > .xxxlarge-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .xxxlarge-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .xxxlarge-9 { width: 75%; } .xxlarge-margin-collapse > .xxxlarge-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .xxxlarge-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .xxxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .xxlarge-margin-collapse > .twok-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .twok-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .twok-3 { width: 25%; } .xxlarge-margin-collapse > .twok-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .twok-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .twok-6 { width: 50%; } .xxlarge-margin-collapse > .twok-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .twok-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .twok-9 { width: 75%; } .xxlarge-margin-collapse > .twok-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .twok-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .twok-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-padding-collapse { margin-right: 0; margin-left: 0; } .xxlarge-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 112.5em) { .xxxlarge-margin-collapse { margin-right: 0; margin-left: 0; } .xxxlarge-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 112.5em) { .xxxlarge-margin-collapse > .small-1 { width: 8.3333333333%; } .xxxlarge-margin-collapse > .small-2 { width: 16.6666666667%; } .xxxlarge-margin-collapse > .small-3 { width: 25%; } .xxxlarge-margin-collapse > .small-4 { width: 33.3333333333%; } .xxxlarge-margin-collapse > .small-5 { width: 41.6666666667%; } .xxxlarge-margin-collapse > .small-6 { width: 50%; } .xxxlarge-margin-collapse > .small-7 { width: 58.3333333333%; } .xxxlarge-margin-collapse > .small-8 { width: 66.6666666667%; } .xxxlarge-margin-collapse > .small-9 { width: 75%; } .xxxlarge-margin-collapse > .small-10 { width: 83.3333333333%; } .xxxlarge-margin-collapse > .small-11 { width: 91.6666666667%; } .xxxlarge-margin-collapse > .small-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .xxxlarge-margin-collapse > .medium640-1 { width: 8.3333333333%; } .xxxlarge-margin-collapse > .medium640-2 { width: 16.6666666667%; } .xxxlarge-margin-collapse > .medium640-3 { width: 25%; } .xxxlarge-margin-collapse > .medium640-4 { width: 33.3333333333%; } .xxxlarge-margin-collapse > .medium640-5 { width: 41.6666666667%; } .xxxlarge-margin-collapse > .medium640-6 { width: 50%; } .xxxlarge-margin-collapse > .medium640-7 { width: 58.3333333333%; } .xxxlarge-margin-collapse > .medium640-8 { width: 66.6666666667%; } .xxxlarge-margin-collapse > .medium640-9 { width: 75%; } .xxxlarge-margin-collapse > .medium640-10 { width: 83.3333333333%; } .xxxlarge-margin-collapse > .medium640-11 { width: 91.6666666667%; } .xxxlarge-margin-collapse > .medium640-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .xxxlarge-margin-collapse > .medium-1 { width: 8.3333333333%; } .xxxlarge-margin-collapse > .medium-2 { width: 16.6666666667%; } .xxxlarge-margin-collapse > .medium-3 { width: 25%; } .xxxlarge-margin-collapse > .medium-4 { width: 33.3333333333%; } .xxxlarge-margin-collapse > .medium-5 { width: 41.6666666667%; } .xxxlarge-margin-collapse > .medium-6 { width: 50%; } .xxxlarge-margin-collapse > .medium-7 { width: 58.3333333333%; } .xxxlarge-margin-collapse > .medium-8 { width: 66.6666666667%; } .xxxlarge-margin-collapse > .medium-9 { width: 75%; } .xxxlarge-margin-collapse > .medium-10 { width: 83.3333333333%; } .xxxlarge-margin-collapse > .medium-11 { width: 91.6666666667%; } .xxxlarge-margin-collapse > .medium-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .xxxlarge-margin-collapse > .large-1 { width: 8.3333333333%; } .xxxlarge-margin-collapse > .large-2 { width: 16.6666666667%; } .xxxlarge-margin-collapse > .large-3 { width: 25%; } .xxxlarge-margin-collapse > .large-4 { width: 33.3333333333%; } .xxxlarge-margin-collapse > .large-5 { width: 41.6666666667%; } .xxxlarge-margin-collapse > .large-6 { width: 50%; } .xxxlarge-margin-collapse > .large-7 { width: 58.3333333333%; } .xxxlarge-margin-collapse > .large-8 { width: 66.6666666667%; } .xxxlarge-margin-collapse > .large-9 { width: 75%; } .xxxlarge-margin-collapse > .large-10 { width: 83.3333333333%; } .xxxlarge-margin-collapse > .large-11 { width: 91.6666666667%; } .xxxlarge-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .xxxlarge-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .xxxlarge-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .xxxlarge-margin-collapse > .xlarge-3 { width: 25%; } .xxxlarge-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .xxxlarge-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .xxxlarge-margin-collapse > .xlarge-6 { width: 50%; } .xxxlarge-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .xxxlarge-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .xxxlarge-margin-collapse > .xlarge-9 { width: 75%; } .xxxlarge-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .xxxlarge-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .xxxlarge-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .xxxlarge-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .xxxlarge-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .xxxlarge-margin-collapse > .xxlarge-3 { width: 25%; } .xxxlarge-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .xxxlarge-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .xxxlarge-margin-collapse > .xxlarge-6 { width: 50%; } .xxxlarge-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .xxxlarge-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .xxxlarge-margin-collapse > .xxlarge-9 { width: 75%; } .xxxlarge-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .xxxlarge-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .xxxlarge-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .xxxlarge-margin-collapse > .xxxlarge-1 { width: 8.3333333333%; } .xxxlarge-margin-collapse > .xxxlarge-2 { width: 16.6666666667%; } .xxxlarge-margin-collapse > .xxxlarge-3 { width: 25%; } .xxxlarge-margin-collapse > .xxxlarge-4 { width: 33.3333333333%; } .xxxlarge-margin-collapse > .xxxlarge-5 { width: 41.6666666667%; } .xxxlarge-margin-collapse > .xxxlarge-6 { width: 50%; } .xxxlarge-margin-collapse > .xxxlarge-7 { width: 58.3333333333%; } .xxxlarge-margin-collapse > .xxxlarge-8 { width: 66.6666666667%; } .xxxlarge-margin-collapse > .xxxlarge-9 { width: 75%; } .xxxlarge-margin-collapse > .xxxlarge-10 { width: 83.3333333333%; } .xxxlarge-margin-collapse > .xxxlarge-11 { width: 91.6666666667%; } .xxxlarge-margin-collapse > .xxxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .xxxlarge-margin-collapse > .twok-1 { width: 8.3333333333%; } .xxxlarge-margin-collapse > .twok-2 { width: 16.6666666667%; } .xxxlarge-margin-collapse > .twok-3 { width: 25%; } .xxxlarge-margin-collapse > .twok-4 { width: 33.3333333333%; } .xxxlarge-margin-collapse > .twok-5 { width: 41.6666666667%; } .xxxlarge-margin-collapse > .twok-6 { width: 50%; } .xxxlarge-margin-collapse > .twok-7 { width: 58.3333333333%; } .xxxlarge-margin-collapse > .twok-8 { width: 66.6666666667%; } .xxxlarge-margin-collapse > .twok-9 { width: 75%; } .xxxlarge-margin-collapse > .twok-10 { width: 83.3333333333%; } .xxxlarge-margin-collapse > .twok-11 { width: 91.6666666667%; } .xxxlarge-margin-collapse > .twok-12 { width: 100%; } } @media screen and (min-width: 112.5em) { .xxxlarge-padding-collapse { margin-right: 0; margin-left: 0; } .xxxlarge-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 128em) { .twok-margin-collapse { margin-right: 0; margin-left: 0; } .twok-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 128em) { .twok-margin-collapse > .small-1 { width: 8.3333333333%; } .twok-margin-collapse > .small-2 { width: 16.6666666667%; } .twok-margin-collapse > .small-3 { width: 25%; } .twok-margin-collapse > .small-4 { width: 33.3333333333%; } .twok-margin-collapse > .small-5 { width: 41.6666666667%; } .twok-margin-collapse > .small-6 { width: 50%; } .twok-margin-collapse > .small-7 { width: 58.3333333333%; } .twok-margin-collapse > .small-8 { width: 66.6666666667%; } .twok-margin-collapse > .small-9 { width: 75%; } .twok-margin-collapse > .small-10 { width: 83.3333333333%; } .twok-margin-collapse > .small-11 { width: 91.6666666667%; } .twok-margin-collapse > .small-12 { width: 100%; } } @media screen and (min-width: 128em) { .twok-margin-collapse > .medium640-1 { width: 8.3333333333%; } .twok-margin-collapse > .medium640-2 { width: 16.6666666667%; } .twok-margin-collapse > .medium640-3 { width: 25%; } .twok-margin-collapse > .medium640-4 { width: 33.3333333333%; } .twok-margin-collapse > .medium640-5 { width: 41.6666666667%; } .twok-margin-collapse > .medium640-6 { width: 50%; } .twok-margin-collapse > .medium640-7 { width: 58.3333333333%; } .twok-margin-collapse > .medium640-8 { width: 66.6666666667%; } .twok-margin-collapse > .medium640-9 { width: 75%; } .twok-margin-collapse > .medium640-10 { width: 83.3333333333%; } .twok-margin-collapse > .medium640-11 { width: 91.6666666667%; } .twok-margin-collapse > .medium640-12 { width: 100%; } } @media screen and (min-width: 128em) { .twok-margin-collapse > .medium-1 { width: 8.3333333333%; } .twok-margin-collapse > .medium-2 { width: 16.6666666667%; } .twok-margin-collapse > .medium-3 { width: 25%; } .twok-margin-collapse > .medium-4 { width: 33.3333333333%; } .twok-margin-collapse > .medium-5 { width: 41.6666666667%; } .twok-margin-collapse > .medium-6 { width: 50%; } .twok-margin-collapse > .medium-7 { width: 58.3333333333%; } .twok-margin-collapse > .medium-8 { width: 66.6666666667%; } .twok-margin-collapse > .medium-9 { width: 75%; } .twok-margin-collapse > .medium-10 { width: 83.3333333333%; } .twok-margin-collapse > .medium-11 { width: 91.6666666667%; } .twok-margin-collapse > .medium-12 { width: 100%; } } @media screen and (min-width: 128em) { .twok-margin-collapse > .large-1 { width: 8.3333333333%; } .twok-margin-collapse > .large-2 { width: 16.6666666667%; } .twok-margin-collapse > .large-3 { width: 25%; } .twok-margin-collapse > .large-4 { width: 33.3333333333%; } .twok-margin-collapse > .large-5 { width: 41.6666666667%; } .twok-margin-collapse > .large-6 { width: 50%; } .twok-margin-collapse > .large-7 { width: 58.3333333333%; } .twok-margin-collapse > .large-8 { width: 66.6666666667%; } .twok-margin-collapse > .large-9 { width: 75%; } .twok-margin-collapse > .large-10 { width: 83.3333333333%; } .twok-margin-collapse > .large-11 { width: 91.6666666667%; } .twok-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 128em) { .twok-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .twok-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .twok-margin-collapse > .xlarge-3 { width: 25%; } .twok-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .twok-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .twok-margin-collapse > .xlarge-6 { width: 50%; } .twok-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .twok-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .twok-margin-collapse > .xlarge-9 { width: 75%; } .twok-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .twok-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .twok-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .twok-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .twok-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .twok-margin-collapse > .xxlarge-3 { width: 25%; } .twok-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .twok-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .twok-margin-collapse > .xxlarge-6 { width: 50%; } .twok-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .twok-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .twok-margin-collapse > .xxlarge-9 { width: 75%; } .twok-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .twok-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .twok-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .twok-margin-collapse > .xxxlarge-1 { width: 8.3333333333%; } .twok-margin-collapse > .xxxlarge-2 { width: 16.6666666667%; } .twok-margin-collapse > .xxxlarge-3 { width: 25%; } .twok-margin-collapse > .xxxlarge-4 { width: 33.3333333333%; } .twok-margin-collapse > .xxxlarge-5 { width: 41.6666666667%; } .twok-margin-collapse > .xxxlarge-6 { width: 50%; } .twok-margin-collapse > .xxxlarge-7 { width: 58.3333333333%; } .twok-margin-collapse > .xxxlarge-8 { width: 66.6666666667%; } .twok-margin-collapse > .xxxlarge-9 { width: 75%; } .twok-margin-collapse > .xxxlarge-10 { width: 83.3333333333%; } .twok-margin-collapse > .xxxlarge-11 { width: 91.6666666667%; } .twok-margin-collapse > .xxxlarge-12 { width: 100%; } } @media screen and (min-width: 128em) { .twok-margin-collapse > .twok-1 { width: 8.3333333333%; } .twok-margin-collapse > .twok-2 { width: 16.6666666667%; } .twok-margin-collapse > .twok-3 { width: 25%; } .twok-margin-collapse > .twok-4 { width: 33.3333333333%; } .twok-margin-collapse > .twok-5 { width: 41.6666666667%; } .twok-margin-collapse > .twok-6 { width: 50%; } .twok-margin-collapse > .twok-7 { width: 58.3333333333%; } .twok-margin-collapse > .twok-8 { width: 66.6666666667%; } .twok-margin-collapse > .twok-9 { width: 75%; } .twok-margin-collapse > .twok-10 { width: 83.3333333333%; } .twok-margin-collapse > .twok-11 { width: 91.6666666667%; } .twok-margin-collapse > .twok-12 { width: 100%; } } @media screen and (min-width: 128em) { .twok-padding-collapse { margin-right: 0; margin-left: 0; } .twok-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } .small-offset-0 { margin-left: 0%; } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + 0.625rem); } .small-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .small-offset-1 { margin-left: calc(8.3333333333% + 0.625rem); } .small-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .small-offset-2 { margin-left: calc(16.6666666667% + 0.625rem); } .small-offset-3 { margin-left: 25%; } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + 0.625rem); } .small-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .small-offset-4 { margin-left: calc(33.3333333333% + 0.625rem); } .small-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .small-offset-5 { margin-left: calc(41.6666666667% + 0.625rem); } .small-offset-6 { margin-left: 50%; } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + 0.625rem); } .small-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .small-offset-7 { margin-left: calc(58.3333333333% + 0.625rem); } .small-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .small-offset-8 { margin-left: calc(66.6666666667% + 0.625rem); } .small-offset-9 { margin-left: 75%; } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + 0.625rem); } .small-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .small-offset-10 { margin-left: calc(83.3333333333% + 0.625rem); } .small-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .small-offset-11 { margin-left: calc(91.6666666667% + 0.625rem); } @media print, screen and (min-width: 40em) { .medium640-offset-0 { margin-left: 0%; } .grid-margin-x > .medium640-offset-0 { margin-left: calc(0% + 0.625rem); } .medium640-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .medium640-offset-1 { margin-left: calc(8.3333333333% + 0.625rem); } .medium640-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .medium640-offset-2 { margin-left: calc(16.6666666667% + 0.625rem); } .medium640-offset-3 { margin-left: 25%; } .grid-margin-x > .medium640-offset-3 { margin-left: calc(25% + 0.625rem); } .medium640-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .medium640-offset-4 { margin-left: calc(33.3333333333% + 0.625rem); } .medium640-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .medium640-offset-5 { margin-left: calc(41.6666666667% + 0.625rem); } .medium640-offset-6 { margin-left: 50%; } .grid-margin-x > .medium640-offset-6 { margin-left: calc(50% + 0.625rem); } .medium640-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .medium640-offset-7 { margin-left: calc(58.3333333333% + 0.625rem); } .medium640-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .medium640-offset-8 { margin-left: calc(66.6666666667% + 0.625rem); } .medium640-offset-9 { margin-left: 75%; } .grid-margin-x > .medium640-offset-9 { margin-left: calc(75% + 0.625rem); } .medium640-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .medium640-offset-10 { margin-left: calc(83.3333333333% + 0.625rem); } .medium640-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .medium640-offset-11 { margin-left: calc(91.6666666667% + 0.625rem); } } @media print, screen and (min-width: 56.25em) { .medium-offset-0 { margin-left: 0%; } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 0.9375rem); } .medium-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.3333333333% + 0.9375rem); } .medium-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.6666666667% + 0.9375rem); } .medium-offset-3 { margin-left: 25%; } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 0.9375rem); } .medium-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.3333333333% + 0.9375rem); } .medium-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.6666666667% + 0.9375rem); } .medium-offset-6 { margin-left: 50%; } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 0.9375rem); } .medium-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.3333333333% + 0.9375rem); } .medium-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.6666666667% + 0.9375rem); } .medium-offset-9 { margin-left: 75%; } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 0.9375rem); } .medium-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.3333333333% + 0.9375rem); } .medium-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.6666666667% + 0.9375rem); } } @media print, screen and (min-width: 75em) { .large-offset-0 { margin-left: 0%; } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 0.9375rem); } .large-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .large-offset-1 { margin-left: calc(8.3333333333% + 0.9375rem); } .large-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .large-offset-2 { margin-left: calc(16.6666666667% + 0.9375rem); } .large-offset-3 { margin-left: 25%; } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 0.9375rem); } .large-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .large-offset-4 { margin-left: calc(33.3333333333% + 0.9375rem); } .large-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .large-offset-5 { margin-left: calc(41.6666666667% + 0.9375rem); } .large-offset-6 { margin-left: 50%; } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 0.9375rem); } .large-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .large-offset-7 { margin-left: calc(58.3333333333% + 0.9375rem); } .large-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .large-offset-8 { margin-left: calc(66.6666666667% + 0.9375rem); } .large-offset-9 { margin-left: 75%; } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 0.9375rem); } .large-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .large-offset-10 { margin-left: calc(83.3333333333% + 0.9375rem); } .large-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .large-offset-11 { margin-left: calc(91.6666666667% + 0.9375rem); } } @media screen and (min-width: 75em) { .xlarge-offset-0 { margin-left: 0%; } .grid-margin-x > .xlarge-offset-0 { margin-left: calc(0% + 0.9375rem); } .xlarge-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .xlarge-offset-1 { margin-left: calc(8.3333333333% + 0.9375rem); } .xlarge-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .xlarge-offset-2 { margin-left: calc(16.6666666667% + 0.9375rem); } .xlarge-offset-3 { margin-left: 25%; } .grid-margin-x > .xlarge-offset-3 { margin-left: calc(25% + 0.9375rem); } .xlarge-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .xlarge-offset-4 { margin-left: calc(33.3333333333% + 0.9375rem); } .xlarge-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .xlarge-offset-5 { margin-left: calc(41.6666666667% + 0.9375rem); } .xlarge-offset-6 { margin-left: 50%; } .grid-margin-x > .xlarge-offset-6 { margin-left: calc(50% + 0.9375rem); } .xlarge-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .xlarge-offset-7 { margin-left: calc(58.3333333333% + 0.9375rem); } .xlarge-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .xlarge-offset-8 { margin-left: calc(66.6666666667% + 0.9375rem); } .xlarge-offset-9 { margin-left: 75%; } .grid-margin-x > .xlarge-offset-9 { margin-left: calc(75% + 0.9375rem); } .xlarge-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .xlarge-offset-10 { margin-left: calc(83.3333333333% + 0.9375rem); } .xlarge-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .xlarge-offset-11 { margin-left: calc(91.6666666667% + 0.9375rem); } } @media screen and (min-width: 90em) { .xxlarge-offset-0 { margin-left: 0%; } .grid-margin-x > .xxlarge-offset-0 { margin-left: calc(0% + 0.9375rem); } .xxlarge-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .xxlarge-offset-1 { margin-left: calc(8.3333333333% + 0.9375rem); } .xxlarge-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .xxlarge-offset-2 { margin-left: calc(16.6666666667% + 0.9375rem); } .xxlarge-offset-3 { margin-left: 25%; } .grid-margin-x > .xxlarge-offset-3 { margin-left: calc(25% + 0.9375rem); } .xxlarge-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .xxlarge-offset-4 { margin-left: calc(33.3333333333% + 0.9375rem); } .xxlarge-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .xxlarge-offset-5 { margin-left: calc(41.6666666667% + 0.9375rem); } .xxlarge-offset-6 { margin-left: 50%; } .grid-margin-x > .xxlarge-offset-6 { margin-left: calc(50% + 0.9375rem); } .xxlarge-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .xxlarge-offset-7 { margin-left: calc(58.3333333333% + 0.9375rem); } .xxlarge-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .xxlarge-offset-8 { margin-left: calc(66.6666666667% + 0.9375rem); } .xxlarge-offset-9 { margin-left: 75%; } .grid-margin-x > .xxlarge-offset-9 { margin-left: calc(75% + 0.9375rem); } .xxlarge-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .xxlarge-offset-10 { margin-left: calc(83.3333333333% + 0.9375rem); } .xxlarge-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .xxlarge-offset-11 { margin-left: calc(91.6666666667% + 0.9375rem); } } @media screen and (min-width: 112.5em) { .xxxlarge-offset-0 { margin-left: 0%; } .grid-margin-x > .xxxlarge-offset-0 { margin-left: calc(0% + 0.9375rem); } .xxxlarge-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .xxxlarge-offset-1 { margin-left: calc(8.3333333333% + 0.9375rem); } .xxxlarge-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .xxxlarge-offset-2 { margin-left: calc(16.6666666667% + 0.9375rem); } .xxxlarge-offset-3 { margin-left: 25%; } .grid-margin-x > .xxxlarge-offset-3 { margin-left: calc(25% + 0.9375rem); } .xxxlarge-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .xxxlarge-offset-4 { margin-left: calc(33.3333333333% + 0.9375rem); } .xxxlarge-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .xxxlarge-offset-5 { margin-left: calc(41.6666666667% + 0.9375rem); } .xxxlarge-offset-6 { margin-left: 50%; } .grid-margin-x > .xxxlarge-offset-6 { margin-left: calc(50% + 0.9375rem); } .xxxlarge-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .xxxlarge-offset-7 { margin-left: calc(58.3333333333% + 0.9375rem); } .xxxlarge-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .xxxlarge-offset-8 { margin-left: calc(66.6666666667% + 0.9375rem); } .xxxlarge-offset-9 { margin-left: 75%; } .grid-margin-x > .xxxlarge-offset-9 { margin-left: calc(75% + 0.9375rem); } .xxxlarge-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .xxxlarge-offset-10 { margin-left: calc(83.3333333333% + 0.9375rem); } .xxxlarge-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .xxxlarge-offset-11 { margin-left: calc(91.6666666667% + 0.9375rem); } } @media screen and (min-width: 128em) { .twok-offset-0 { margin-left: 0%; } .grid-margin-x > .twok-offset-0 { margin-left: calc(0% + 0.9375rem); } .twok-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .twok-offset-1 { margin-left: calc(8.3333333333% + 0.9375rem); } .twok-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .twok-offset-2 { margin-left: calc(16.6666666667% + 0.9375rem); } .twok-offset-3 { margin-left: 25%; } .grid-margin-x > .twok-offset-3 { margin-left: calc(25% + 0.9375rem); } .twok-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .twok-offset-4 { margin-left: calc(33.3333333333% + 0.9375rem); } .twok-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .twok-offset-5 { margin-left: calc(41.6666666667% + 0.9375rem); } .twok-offset-6 { margin-left: 50%; } .grid-margin-x > .twok-offset-6 { margin-left: calc(50% + 0.9375rem); } .twok-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .twok-offset-7 { margin-left: calc(58.3333333333% + 0.9375rem); } .twok-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .twok-offset-8 { margin-left: calc(66.6666666667% + 0.9375rem); } .twok-offset-9 { margin-left: 75%; } .grid-margin-x > .twok-offset-9 { margin-left: calc(75% + 0.9375rem); } .twok-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .twok-offset-10 { margin-left: calc(83.3333333333% + 0.9375rem); } .twok-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .twok-offset-11 { margin-left: calc(91.6666666667% + 0.9375rem); } } .grid-y { display: flex; flex-flow: column nowrap; } .grid-y > .cell { width: auto; max-width: none; } .grid-y > .auto { height: auto; } .grid-y > .shrink { height: auto; } .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-y > .medium640-shrink, .grid-y > .medium640-full, .grid-y > .medium640-1, .grid-y > .medium640-2, .grid-y > .medium640-3, .grid-y > .medium640-4, .grid-y > .medium640-5, .grid-y > .medium640-6, .grid-y > .medium640-7, .grid-y > .medium640-8, .grid-y > .medium640-9, .grid-y > .medium640-10, .grid-y > .medium640-11, .grid-y > .medium640-12 { flex-basis: auto; } } @media print, screen and (min-width: 56.25em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 75em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { flex-basis: auto; } } @media screen and (min-width: 75em) { .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { flex-basis: auto; } } @media screen and (min-width: 90em) { .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 { flex-basis: auto; } } @media screen and (min-width: 112.5em) { .grid-y > .xxxlarge-shrink, .grid-y > .xxxlarge-full, .grid-y > .xxxlarge-1, .grid-y > .xxxlarge-2, .grid-y > .xxxlarge-3, .grid-y > .xxxlarge-4, .grid-y > .xxxlarge-5, .grid-y > .xxxlarge-6, .grid-y > .xxxlarge-7, .grid-y > .xxxlarge-8, .grid-y > .xxxlarge-9, .grid-y > .xxxlarge-10, .grid-y > .xxxlarge-11, .grid-y > .xxxlarge-12 { flex-basis: auto; } } @media screen and (min-width: 128em) { .grid-y > .twok-shrink, .grid-y > .twok-full, .grid-y > .twok-1, .grid-y > .twok-2, .grid-y > .twok-3, .grid-y > .twok-4, .grid-y > .twok-5, .grid-y > .twok-6, .grid-y > .twok-7, .grid-y > .twok-8, .grid-y > .twok-9, .grid-y > .twok-10, .grid-y > .twok-11, .grid-y > .twok-12 { flex-basis: auto; } } .grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { flex: 0 0 auto; } .grid-y > .small-1 { height: 8.3333333333%; } .grid-y > .small-2 { height: 16.6666666667%; } .grid-y > .small-3 { height: 25%; } .grid-y > .small-4 { height: 33.3333333333%; } .grid-y > .small-5 { height: 41.6666666667%; } .grid-y > .small-6 { height: 50%; } .grid-y > .small-7 { height: 58.3333333333%; } .grid-y > .small-8 { height: 66.6666666667%; } .grid-y > .small-9 { height: 75%; } .grid-y > .small-10 { height: 83.3333333333%; } .grid-y > .small-11 { height: 91.6666666667%; } .grid-y > .small-12 { height: 100%; } @media print, screen and (min-width: 40em) { .grid-y > .medium640-auto { flex: 1 1 0px; height: auto; } .grid-y > .medium640-12, .grid-y > .medium640-11, .grid-y > .medium640-10, .grid-y > .medium640-9, .grid-y > .medium640-8, .grid-y > .medium640-7, .grid-y > .medium640-6, .grid-y > .medium640-5, .grid-y > .medium640-4, .grid-y > .medium640-3, .grid-y > .medium640-2, .grid-y > .medium640-1, .grid-y > .medium640-shrink { flex: 0 0 auto; } .grid-y > .medium640-shrink { height: auto; } .grid-y > .medium640-1 { height: 8.3333333333%; } .grid-y > .medium640-2 { height: 16.6666666667%; } .grid-y > .medium640-3 { height: 25%; } .grid-y > .medium640-4 { height: 33.3333333333%; } .grid-y > .medium640-5 { height: 41.6666666667%; } .grid-y > .medium640-6 { height: 50%; } .grid-y > .medium640-7 { height: 58.3333333333%; } .grid-y > .medium640-8 { height: 66.6666666667%; } .grid-y > .medium640-9 { height: 75%; } .grid-y > .medium640-10 { height: 83.3333333333%; } .grid-y > .medium640-11 { height: 91.6666666667%; } .grid-y > .medium640-12 { height: 100%; } } @media print, screen and (min-width: 56.25em) { .grid-y > .medium-auto { flex: 1 1 0px; height: auto; } .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { flex: 0 0 auto; } .grid-y > .medium-shrink { height: auto; } .grid-y > .medium-1 { height: 8.3333333333%; } .grid-y > .medium-2 { height: 16.6666666667%; } .grid-y > .medium-3 { height: 25%; } .grid-y > .medium-4 { height: 33.3333333333%; } .grid-y > .medium-5 { height: 41.6666666667%; } .grid-y > .medium-6 { height: 50%; } .grid-y > .medium-7 { height: 58.3333333333%; } .grid-y > .medium-8 { height: 66.6666666667%; } .grid-y > .medium-9 { height: 75%; } .grid-y > .medium-10 { height: 83.3333333333%; } .grid-y > .medium-11 { height: 91.6666666667%; } .grid-y > .medium-12 { height: 100%; } } @media print, screen and (min-width: 75em) { .grid-y > .large-auto { flex: 1 1 0px; height: auto; } .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { flex: 0 0 auto; } .grid-y > .large-shrink { height: auto; } .grid-y > .large-1 { height: 8.3333333333%; } .grid-y > .large-2 { height: 16.6666666667%; } .grid-y > .large-3 { height: 25%; } .grid-y > .large-4 { height: 33.3333333333%; } .grid-y > .large-5 { height: 41.6666666667%; } .grid-y > .large-6 { height: 50%; } .grid-y > .large-7 { height: 58.3333333333%; } .grid-y > .large-8 { height: 66.6666666667%; } .grid-y > .large-9 { height: 75%; } .grid-y > .large-10 { height: 83.3333333333%; } .grid-y > .large-11 { height: 91.6666666667%; } .grid-y > .large-12 { height: 100%; } } @media screen and (min-width: 75em) { .grid-y > .xlarge-auto { flex: 1 1 0px; height: auto; } .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink { flex: 0 0 auto; } .grid-y > .xlarge-shrink { height: auto; } .grid-y > .xlarge-1 { height: 8.3333333333%; } .grid-y > .xlarge-2 { height: 16.6666666667%; } .grid-y > .xlarge-3 { height: 25%; } .grid-y > .xlarge-4 { height: 33.3333333333%; } .grid-y > .xlarge-5 { height: 41.6666666667%; } .grid-y > .xlarge-6 { height: 50%; } .grid-y > .xlarge-7 { height: 58.3333333333%; } .grid-y > .xlarge-8 { height: 66.6666666667%; } .grid-y > .xlarge-9 { height: 75%; } .grid-y > .xlarge-10 { height: 83.3333333333%; } .grid-y > .xlarge-11 { height: 91.6666666667%; } .grid-y > .xlarge-12 { height: 100%; } } @media screen and (min-width: 90em) { .grid-y > .xxlarge-auto { flex: 1 1 0px; height: auto; } .grid-y > .xxlarge-12, .grid-y > .xxlarge-11, .grid-y > .xxlarge-10, .grid-y > .xxlarge-9, .grid-y > .xxlarge-8, .grid-y > .xxlarge-7, .grid-y > .xxlarge-6, .grid-y > .xxlarge-5, .grid-y > .xxlarge-4, .grid-y > .xxlarge-3, .grid-y > .xxlarge-2, .grid-y > .xxlarge-1, .grid-y > .xxlarge-shrink { flex: 0 0 auto; } .grid-y > .xxlarge-shrink { height: auto; } .grid-y > .xxlarge-1 { height: 8.3333333333%; } .grid-y > .xxlarge-2 { height: 16.6666666667%; } .grid-y > .xxlarge-3 { height: 25%; } .grid-y > .xxlarge-4 { height: 33.3333333333%; } .grid-y > .xxlarge-5 { height: 41.6666666667%; } .grid-y > .xxlarge-6 { height: 50%; } .grid-y > .xxlarge-7 { height: 58.3333333333%; } .grid-y > .xxlarge-8 { height: 66.6666666667%; } .grid-y > .xxlarge-9 { height: 75%; } .grid-y > .xxlarge-10 { height: 83.3333333333%; } .grid-y > .xxlarge-11 { height: 91.6666666667%; } .grid-y > .xxlarge-12 { height: 100%; } } @media screen and (min-width: 112.5em) { .grid-y > .xxxlarge-auto { flex: 1 1 0px; height: auto; } .grid-y > .xxxlarge-12, .grid-y > .xxxlarge-11, .grid-y > .xxxlarge-10, .grid-y > .xxxlarge-9, .grid-y > .xxxlarge-8, .grid-y > .xxxlarge-7, .grid-y > .xxxlarge-6, .grid-y > .xxxlarge-5, .grid-y > .xxxlarge-4, .grid-y > .xxxlarge-3, .grid-y > .xxxlarge-2, .grid-y > .xxxlarge-1, .grid-y > .xxxlarge-shrink { flex: 0 0 auto; } .grid-y > .xxxlarge-shrink { height: auto; } .grid-y > .xxxlarge-1 { height: 8.3333333333%; } .grid-y > .xxxlarge-2 { height: 16.6666666667%; } .grid-y > .xxxlarge-3 { height: 25%; } .grid-y > .xxxlarge-4 { height: 33.3333333333%; } .grid-y > .xxxlarge-5 { height: 41.6666666667%; } .grid-y > .xxxlarge-6 { height: 50%; } .grid-y > .xxxlarge-7 { height: 58.3333333333%; } .grid-y > .xxxlarge-8 { height: 66.6666666667%; } .grid-y > .xxxlarge-9 { height: 75%; } .grid-y > .xxxlarge-10 { height: 83.3333333333%; } .grid-y > .xxxlarge-11 { height: 91.6666666667%; } .grid-y > .xxxlarge-12 { height: 100%; } } @media screen and (min-width: 128em) { .grid-y > .twok-auto { flex: 1 1 0px; height: auto; } .grid-y > .twok-12, .grid-y > .twok-11, .grid-y > .twok-10, .grid-y > .twok-9, .grid-y > .twok-8, .grid-y > .twok-7, .grid-y > .twok-6, .grid-y > .twok-5, .grid-y > .twok-4, .grid-y > .twok-3, .grid-y > .twok-2, .grid-y > .twok-1, .grid-y > .twok-shrink { flex: 0 0 auto; } .grid-y > .twok-shrink { height: auto; } .grid-y > .twok-1 { height: 8.3333333333%; } .grid-y > .twok-2 { height: 16.6666666667%; } .grid-y > .twok-3 { height: 25%; } .grid-y > .twok-4 { height: 33.3333333333%; } .grid-y > .twok-5 { height: 41.6666666667%; } .grid-y > .twok-6 { height: 50%; } .grid-y > .twok-7 { height: 58.3333333333%; } .grid-y > .twok-8 { height: 66.6666666667%; } .grid-y > .twok-9 { height: 75%; } .grid-y > .twok-10 { height: 83.3333333333%; } .grid-y > .twok-11 { height: 91.6666666667%; } .grid-y > .twok-12 { height: 100%; } } .grid-padding-y .grid-padding-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-padding-y .grid-padding-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-padding-y > .cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-padding-y > .cell { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .medium640-auto { height: auto; } .grid-margin-y > .medium640-shrink { height: auto; } .grid-margin-y > .medium640-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .medium640-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .medium640-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .medium640-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .medium640-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .medium640-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .medium640-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .medium640-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .medium640-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .medium640-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .medium640-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .medium640-12 { height: calc(100% - 1.25rem); } } @media print, screen and (min-width: 56.25em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .msmall-auto { height: auto; } .grid-margin-y > .msmall-shrink { height: auto; } .grid-margin-y > .msmall-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .msmall-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .msmall-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .msmall-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .msmall-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .msmall-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .msmall-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .msmall-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .msmall-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .msmall-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .msmall-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .msmall-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium640-auto { height: auto; } .grid-margin-y > .medium640-shrink { height: auto; } .grid-margin-y > .medium640-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium640-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium640-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium640-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium640-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium640-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium640-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium640-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium640-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium640-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium640-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium640-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-y > .xlarge-auto { height: auto; } .grid-margin-y > .xlarge-shrink { height: auto; } .grid-margin-y > .xlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-y > .xxlarge-auto { height: auto; } .grid-margin-y > .xxlarge-shrink { height: auto; } .grid-margin-y > .xxlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xxlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xxlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xxlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 112.5em) { .grid-margin-y > .xxxlarge-auto { height: auto; } .grid-margin-y > .xxxlarge-shrink { height: auto; } .grid-margin-y > .xxxlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xxxlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xxxlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xxxlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xxxlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xxxlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xxxlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xxxlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xxxlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xxxlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xxxlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xxxlarge-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 128em) { .grid-margin-y > .twok-auto { height: auto; } .grid-margin-y > .twok-shrink { height: auto; } .grid-margin-y > .twok-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .twok-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .twok-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .twok-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .twok-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .twok-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .twok-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .twok-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .twok-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .twok-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .twok-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .twok-12 { height: calc(100% - 1.875rem); } } .grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .grid-frame { width: 100%; } .cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { .medium640-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .medium640-grid-frame { width: 100%; } .medium640-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .medium640-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .medium640-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .medium640-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 56.25em) { .medium-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .medium-grid-frame { width: 100%; } .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .medium-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 75em) { .large-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .large-grid-frame { width: 100%; } .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .large-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media screen and (min-width: 75em) { .xlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .xlarge-grid-frame { width: 100%; } .xlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .xlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .xlarge-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .xlarge-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media screen and (min-width: 90em) { .xxlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .xxlarge-grid-frame { width: 100%; } .xxlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .xxlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .xxlarge-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .xxlarge-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media screen and (min-width: 112.5em) { .xxxlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .xxxlarge-grid-frame { width: 100%; } .xxxlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .xxxlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .xxxlarge-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .xxxlarge-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media screen and (min-width: 128em) { .twok-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .twok-grid-frame { width: 100%; } .twok-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .twok-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .twok-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .twok-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .grid-y.grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } @media print, screen and (min-width: 40em) { .grid-y.medium640-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } @media print, screen and (min-width: 56.25em) { .grid-y.medium-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } @media print, screen and (min-width: 75em) { .grid-y.large-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } @media screen and (min-width: 75em) { .grid-y.xlarge-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } @media screen and (min-width: 90em) { .grid-y.xxlarge-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } @media screen and (min-width: 112.5em) { .grid-y.xxxlarge-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } @media screen and (min-width: 128em) { .grid-y.twok-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } .cell .grid-y.grid-frame { height: 100%; } @media print, screen and (min-width: 40em) { .cell .grid-y.medium640-grid-frame { height: 100%; } } @media print, screen and (min-width: 56.25em) { .cell .grid-y.medium-grid-frame { height: 100%; } } @media print, screen and (min-width: 75em) { .cell .grid-y.large-grid-frame { height: 100%; } } @media screen and (min-width: 75em) { .cell .grid-y.xlarge-grid-frame { height: 100%; } } @media screen and (min-width: 90em) { .cell .grid-y.xxlarge-grid-frame { height: 100%; } } @media screen and (min-width: 112.5em) { .cell .grid-y.xxxlarge-grid-frame { height: 100%; } } @media screen and (min-width: 128em) { .cell .grid-y.twok-grid-frame { height: 100%; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 56.25em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .medium640-auto { height: auto; } .grid-margin-y > .medium640-shrink { height: auto; } .grid-margin-y > .medium640-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .medium640-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .medium640-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .medium640-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .medium640-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .medium640-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .medium640-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .medium640-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .medium640-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .medium640-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .medium640-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .medium640-12 { height: calc(100% - 1.25rem); } } @media print, screen and (min-width: 56.25em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .msmall-auto { height: auto; } .grid-margin-y > .msmall-shrink { height: auto; } .grid-margin-y > .msmall-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .msmall-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .msmall-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .msmall-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .msmall-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .msmall-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .msmall-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .msmall-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .msmall-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .msmall-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .msmall-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .msmall-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium640-auto { height: auto; } .grid-margin-y > .medium640-shrink { height: auto; } .grid-margin-y > .medium640-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium640-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium640-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium640-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium640-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium640-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium640-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium640-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium640-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium640-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium640-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium640-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-y > .xlarge-auto { height: auto; } .grid-margin-y > .xlarge-shrink { height: auto; } .grid-margin-y > .xlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-y > .xxlarge-auto { height: auto; } .grid-margin-y > .xxlarge-shrink { height: auto; } .grid-margin-y > .xxlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xxlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xxlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xxlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 112.5em) { .grid-margin-y > .xxxlarge-auto { height: auto; } .grid-margin-y > .xxxlarge-shrink { height: auto; } .grid-margin-y > .xxxlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xxxlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xxxlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xxxlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xxxlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xxxlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xxxlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xxxlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xxxlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xxxlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xxxlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xxxlarge-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 128em) { .grid-margin-y > .twok-auto { height: auto; } .grid-margin-y > .twok-shrink { height: auto; } .grid-margin-y > .twok-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .twok-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .twok-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .twok-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .twok-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .twok-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .twok-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .twok-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .twok-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .twok-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .twok-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .twok-12 { height: calc(100% - 1.875rem); } } .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } @media print, screen and (min-width: 40em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } } @media print, screen and (min-width: 56.25em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 75em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 90em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 112.5em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 128em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 40em) { .grid-margin-y.medium640-grid-frame { height: calc(100vh + 1.25rem); } } @media print, screen and (min-width: 56.25em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-y.xlarge-grid-frame { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-y.xxlarge-grid-frame { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 112.5em) { .grid-margin-y.xxxlarge-grid-frame { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 128em) { .grid-margin-y.twok-grid-frame { height: calc(100vh + 1.875rem); } } .align-left { justify-content: flex-start; } .align-right { justify-content: flex-end; } .align-center { justify-content: center; } .align-justify { justify-content: space-between; } .align-spaced { justify-content: space-around; } .align-left.vertical.menu > li > a { justify-content: flex-start; } .align-right.vertical.menu > li > a { justify-content: flex-end; } .align-center.vertical.menu > li > a { justify-content: center; } .align-top { align-items: flex-start; } .align-self-top { align-self: flex-start; } .align-bottom { align-items: flex-end; } .align-self-bottom { align-self: flex-end; } .align-middle { align-items: center; } .align-self-middle { align-self: center; } .align-stretch { align-items: stretch; } .align-self-stretch { align-self: stretch; } .align-center-middle { justify-content: center; align-items: center; align-content: center; } .small-order-1 { order: 1; } .small-order-2 { order: 2; } .small-order-3 { order: 3; } .small-order-4 { order: 4; } .small-order-5 { order: 5; } .small-order-6 { order: 6; } @media print, screen and (min-width: 40em) { .medium640-order-1 { order: 1; } .medium640-order-2 { order: 2; } .medium640-order-3 { order: 3; } .medium640-order-4 { order: 4; } .medium640-order-5 { order: 5; } .medium640-order-6 { order: 6; } } @media print, screen and (min-width: 56.25em) { .medium-order-1 { order: 1; } .medium-order-2 { order: 2; } .medium-order-3 { order: 3; } .medium-order-4 { order: 4; } .medium-order-5 { order: 5; } .medium-order-6 { order: 6; } } @media print, screen and (min-width: 75em) { .large-order-1 { order: 1; } .large-order-2 { order: 2; } .large-order-3 { order: 3; } .large-order-4 { order: 4; } .large-order-5 { order: 5; } .large-order-6 { order: 6; } } @media screen and (min-width: 75em) { .xlarge-order-1 { order: 1; } .xlarge-order-2 { order: 2; } .xlarge-order-3 { order: 3; } .xlarge-order-4 { order: 4; } .xlarge-order-5 { order: 5; } .xlarge-order-6 { order: 6; } } @media screen and (min-width: 90em) { .xxlarge-order-1 { order: 1; } .xxlarge-order-2 { order: 2; } .xxlarge-order-3 { order: 3; } .xxlarge-order-4 { order: 4; } .xxlarge-order-5 { order: 5; } .xxlarge-order-6 { order: 6; } } @media screen and (min-width: 112.5em) { .xxxlarge-order-1 { order: 1; } .xxxlarge-order-2 { order: 2; } .xxxlarge-order-3 { order: 3; } .xxxlarge-order-4 { order: 4; } .xxxlarge-order-5 { order: 5; } .xxxlarge-order-6 { order: 6; } } @media screen and (min-width: 128em) { .twok-order-1 { order: 1; } .twok-order-2 { order: 2; } .twok-order-3 { order: 3; } .twok-order-4 { order: 4; } .twok-order-5 { order: 5; } .twok-order-6 { order: 6; } } .flex-container { display: flex; } .flex-child-auto { flex: 1 1 auto; } .flex-child-grow { flex: 1 0 auto; } .flex-child-shrink { flex: 0 1 auto; } .flex-dir-row { flex-direction: row; } .flex-dir-row-reverse { flex-direction: row-reverse; } .flex-dir-column { flex-direction: column; } .flex-dir-column-reverse { flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .medium640-flex-container { display: flex; } .medium640-flex-child-auto { flex: 1 1 auto; } .medium640-flex-child-grow { flex: 1 0 auto; } .medium640-flex-child-shrink { flex: 0 1 auto; } .medium640-flex-dir-row { flex-direction: row; } .medium640-flex-dir-row-reverse { flex-direction: row-reverse; } .medium640-flex-dir-column { flex-direction: column; } .medium640-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 56.25em) { .medium-flex-container { display: flex; } .medium-flex-child-auto { flex: 1 1 auto; } .medium-flex-child-grow { flex: 1 0 auto; } .medium-flex-child-shrink { flex: 0 1 auto; } .medium-flex-dir-row { flex-direction: row; } .medium-flex-dir-row-reverse { flex-direction: row-reverse; } .medium-flex-dir-column { flex-direction: column; } .medium-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 75em) { .large-flex-container { display: flex; } .large-flex-child-auto { flex: 1 1 auto; } .large-flex-child-grow { flex: 1 0 auto; } .large-flex-child-shrink { flex: 0 1 auto; } .large-flex-dir-row { flex-direction: row; } .large-flex-dir-row-reverse { flex-direction: row-reverse; } .large-flex-dir-column { flex-direction: column; } .large-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 75em) { .xlarge-flex-container { display: flex; } .xlarge-flex-child-auto { flex: 1 1 auto; } .xlarge-flex-child-grow { flex: 1 0 auto; } .xlarge-flex-child-shrink { flex: 0 1 auto; } .xlarge-flex-dir-row { flex-direction: row; } .xlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xlarge-flex-dir-column { flex-direction: column; } .xlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 90em) { .xxlarge-flex-container { display: flex; } .xxlarge-flex-child-auto { flex: 1 1 auto; } .xxlarge-flex-child-grow { flex: 1 0 auto; } .xxlarge-flex-child-shrink { flex: 0 1 auto; } .xxlarge-flex-dir-row { flex-direction: row; } .xxlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xxlarge-flex-dir-column { flex-direction: column; } .xxlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 112.5em) { .xxxlarge-flex-container { display: flex; } .xxxlarge-flex-child-auto { flex: 1 1 auto; } .xxxlarge-flex-child-grow { flex: 1 0 auto; } .xxxlarge-flex-child-shrink { flex: 0 1 auto; } .xxxlarge-flex-dir-row { flex-direction: row; } .xxxlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xxxlarge-flex-dir-column { flex-direction: column; } .xxxlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 128em) { .twok-flex-container { display: flex; } .twok-flex-child-auto { flex: 1 1 auto; } .twok-flex-child-grow { flex: 1 0 auto; } .twok-flex-child-shrink { flex: 0 1 auto; } .twok-flex-dir-row { flex-direction: row; } .twok-flex-dir-row-reverse { flex-direction: row-reverse; } .twok-flex-dir-column { flex-direction: column; } .twok-flex-dir-column-reverse { flex-direction: column-reverse; } } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 22.49875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 22.5em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium640 { display: none !important; } } @media screen and (max-width: 39.99875em) { .show-for-medium640 { display: none !important; } } @media screen and (min-width: 40em) and (max-width: 56.24875em) { .hide-for-medium640-only { display: none !important; } } @media screen and (max-width: 39.99875em), screen and (min-width: 56.25em) { .show-for-medium640-only { display: none !important; } } @media print, screen and (min-width: 56.25em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 56.24875em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 56.25em) and (max-width: 74.99875em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 56.24875em), screen and (min-width: 75em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 75em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 74.99875em) { .show-for-large { display: none !important; } } @media screen and (min-width: 75em) and (max-width: 74.99875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 74.99875em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } @media screen and (min-width: 75em) { .hide-for-xlarge { display: none !important; } } @media screen and (max-width: 74.99875em) { .show-for-xlarge { display: none !important; } } @media screen and (min-width: 75em) and (max-width: 89.99875em) { .hide-for-xlarge-only { display: none !important; } } @media screen and (max-width: 74.99875em), screen and (min-width: 90em) { .show-for-xlarge-only { display: none !important; } } @media screen and (min-width: 90em) { .hide-for-xxlarge { display: none !important; } } @media screen and (max-width: 89.99875em) { .show-for-xxlarge { display: none !important; } } @media screen and (min-width: 90em) and (max-width: 112.49875em) { .hide-for-xxlarge-only { display: none !important; } } @media screen and (max-width: 89.99875em), screen and (min-width: 112.5em) { .show-for-xxlarge-only { display: none !important; } } @media screen and (min-width: 112.5em) { .hide-for-xxxlarge { display: none !important; } } @media screen and (max-width: 112.49875em) { .show-for-xxxlarge { display: none !important; } } @media screen and (min-width: 112.5em) and (max-width: 127.99875em) { .hide-for-xxxlarge-only { display: none !important; } } @media screen and (max-width: 112.49875em), screen and (min-width: 128em) { .show-for-xxxlarge-only { display: none !important; } } @media screen and (min-width: 128em) { .hide-for-twok { display: none !important; } } @media screen and (max-width: 127.99875em) { .show-for-twok { display: none !important; } } @media screen and (min-width: 128em) { .hide-for-twok-only { display: none !important; } } @media screen and (max-width: 127.99875em) { .show-for-twok-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } a { position: relative; } html, body, h1, h2, h3, h4, h5, h6 { font-family: var(--fontFamily, "Open Sans"), sans-serif !important; } html { font-size: 100%; height: 100%; } @media print, screen and (min-width: 56.25em) { html { height: auto; } } body { color: #1E2329; background: #F3F4F5; } img { max-width: 100%; } .branded-page-loader { z-index: 10001; position: fixed; top: 0; bottom: 0; right: 0; left: 0; padding: 1rem; } .branded-page-loader .loader-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .branded-page-loader .loader-image img { margin-bottom: 1rem; } @media screen and (max-width: 56.24875em) { .content-spacing:not(.h-100) { padding-bottom: 4rem; } } .dropdown-menu { font-family: var(--fontFamily, "Open Sans"), sans-serif !important; font-weight: normal; } .dropdown-menu li { font-weight: normal; } .dropdown-menu li a { font-weight: normal; } .dropdown-menu li a:not(.btn):not(.btn-link):not(.btn-clear) { color: #1E2329; } .dropdown-menu li.divider { background: #E7EBEC; } .dropdown-menu li:hover a { background-color: #F3F4F6; } .dropdown-menu.wrap-cont li a { white-space: normal; } .dropdown-menu.dropdown-menu-right { left: auto; } .dropdown-menu.dropdown-menu-right.caret-right:before, .dropdown-menu.dropdown-menu-right.caret-right:after { left: auto; } .dropdown-menu.dropdown-menu-right.caret-right:before { right: 9px; } .dropdown-menu.dropdown-menu-right.caret-right:after { right: 10px; } .dropdown-menu.dropdown-menu-center { position: absolute; left: 50%; transform: translateX(-50%); } .dropdown-menu.dropdown-menu-center:before, .dropdown-menu.dropdown-menu-center:after { position: absolute; left: 50%; transform: translateX(-50%); } .dropdown-menu.dropdown-menu-center:after { right: calc(50% + 1px); } .dropdown-menu.active-check li.is-active { position: relative; background-color: #F3F4F6; } .dropdown-menu.active-check li.is-active:before { content: "\f00c"; font-family: "FontAwesome"; font-size: 1rem; text-rendering: auto; position: absolute; top: 0.25rem; left: 0.5rem; color: #37D282; } .dropdown-menu.no-caret:before, .dropdown-menu.no-caret:after { display: none !important; } .grid-container-med { max-width: 64rem; } @media print, screen and (min-width: 56.25em) { .content-container { height: 100%; } } @media print, screen and (min-width: 56.25em) { .content-container.page-content { overflow-y: auto; } } i.is-file.fa-file-pdf-o { color: #EA4335 !important; } i.fa.fa-file-pdf-o { color: #EA4335 !important; } i.is-file.fa-file-excel-o { color: #007C00 !important; } i.fa.fa-file-excel-o { color: #007C00 !important; } i.is-file.fa-file-word-o { color: #295394 !important; } i.fa.fa-file-word-o { color: #295394 !important; } i.is-file.fa-file-powerpoint-o { color: #D04228 !important; } i.fa.fa-file-powerpoint-o { color: #D04228 !important; } .portlet.light > .portlet-title > .actions .btn-default { color: #1E2329; } .page-content-wrapper .page-content { padding-top: 4px; } .common-bcrmb-element, .h-breadcrumb .breadcrumb-parent .breadcrumb-parent-el, .h-breadcrumb div > a { font-weight: var(--semiWeight, 600); text-decoration: none !important; } .common-bcrmb-element:after, .h-breadcrumb .breadcrumb-parent .breadcrumb-parent-el:after, .h-breadcrumb div > a:after { content: "\e901"; font-family: "primeicons"; font-size: 0.625rem; color: rgba(30, 35, 41, 0.4); text-rendering: auto; padding: 0 0.25rem; } .h-breadcrumb div > a:hover { text-decoration: none; } .h-breadcrumb.all-links div > a::after { padding: 0 0.125rem; } .h-breadcrumb.all-links div:last-child > a::after { display: none; } .h-breadcrumb .breadcrumb-parent { max-width: 400px; } @media screen and (min-width: 112.5em) { .h-breadcrumb .breadcrumb-parent { max-width: 512px; } } .h-breadcrumb .breadcrumb-parent .breadcrumb-parent-el { white-space: nowrap; font-size: 0.875rem; } .breadcrumb a:not(.btn):not(.btn-link):not(.btn-clear) { text-decoration: none; } .breadcrumb a:not(.btn):not(.btn-link):not(.btn-clear):not(:only-child):not(:last-child) { cursor: pointer; padding-right: 0.2rem; } .breadcrumb a:not(.btn):not(.btn-link):not(.btn-clear):after { content: "\f054"; color: #1E2329 !important; font-family: "FontAwesome"; font-size: 0.625rem; position: relative; padding-left: 0.4rem; opacity: 0.5; text-rendering: auto; } .breadcrumb a:not(.btn):not(.btn-link):not(.btn-clear):only-child, .breadcrumb a:not(.btn):not(.btn-link):not(.btn-clear):last-child { cursor: default; color: #1E2329; } .breadcrumb a:not(.btn):not(.btn-link):not(.btn-clear):only-child:after, .breadcrumb a:not(.btn):not(.btn-link):not(.btn-clear):last-child:after { display: none; } .breadcrumb.flex-bread a:not(.btn):not(.btn-link):not(.btn-clear) { position: relative; } .breadcrumb.flex-bread a:not(.btn):not(.btn-link):not(.btn-clear):not(:only-child):not(:last-child) { padding-right: 1rem; } .breadcrumb.flex-bread a:not(.btn):not(.btn-link):not(.btn-clear):after { position: absolute; top: 50%; transform: translateY(-50%); right: 0.2rem; } .portlet.light .portlet-header .nav-tabs { margin: 0; border-bottom: 0; } .portlet.light .portlet-header .nav-tabs:not(.vertical-nav):not(.tabs-left) li { padding: 0 0.5rem; } .portlet.light .portlet-header .nav-tabs:not(.vertical-nav):not(.tabs-left) li:first-of-type { padding-left: 0; } .portlet.light .portlet-header .nav-tabs:not(.vertical-nav):not(.tabs-left) li a { padding: 1rem 0; } .portlet.light .portlet-header .nav-tabs:not(.vertical-nav):not(.tabs-left) li a.has-error { color: #F55858 !important; } .portlet.light .portlet-header .nav-tabs:not(.vertical-nav):not(.tabs-left) li a.has-error:after { content: "\f06a"; font: 14px/1.4 "FontAwesome"; text-rendering: auto; color: #F55858; position: absolute; top: 0.5rem; left: 100%; } @media screen and (max-width: 35.625em) { .portlet.light .portlet-header .docs { position: absolute; right: 0.3rem; top: -0.2rem; padding: 0.4rem 0; } } @media screen and (min-width: 35.625em) { .portlet.light .portlet-header .docs { position: relative; padding-left: 0.2rem; border-left: 1px solid rgba(72, 90, 106, 0.15); } } .portlet.light .portlet-title .caption { padding: 0.625rem 0; font-size: 0.9375rem; } .portlet.light .portlet-title .caption.breadcrumb a { color: #1E2329; font-weight: bold; } .portlet.light .portlet-title .caption.breadcrumb a:not(:only-child):not(:last-child) { opacity: 0.5; } .portlet.light .portlet-title .caption.breadcrumb a:hover:not(:only-child):not(:last-child) { text-decoration: none; color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); opacity: 0.99; } .portlet.light .portlet-title .caption.breadcrumb a:only-child, .portlet.light .portlet-title .caption.breadcrumb a:last-child { color: #1E2329; } .portlet.light .portlet-title .caption .stitle { font-weight: bold; color: #1E2329; } @media screen and (max-width: 35.625em) { .portlet.light .portlet-title .docs { position: absolute; right: 0.3rem; top: -0.2rem; padding: 0.4rem 0; } } @media screen and (min-width: 35.625em) { .portlet.light .portlet-title .docs { position: relative; padding-left: 0.2rem; border-left: 1px solid rgba(72, 90, 106, 0.15); } } .portlet.light.bordered .portlet-title { border-bottom: 1px solid #E7EBEC; } .portlet.light.bordered .portlet-title.has-nav { border-bottom-color: rgba(72, 90, 106, 0.3); } .portlet.light.hcard .portlet-title .caption, .portlet.light.hcard .portlet-title .actions { width: 100%; padding-top: 1rem; } .portlet.light.hcard .portlet-title .actions:not(.text-right) { text-align: center; } @media screen and (max-width: 35.5625em) { .portlet.light.hcard .portlet-title .actions { padding-bottom: 0; padding-top: 0; } .portlet.light.hcard .portlet-title .actions .btn { margin-bottom: 0.5rem; } } @media screen and (min-width: 35.625em) { .portlet.light.hcard .portlet-title .caption, .portlet.light.hcard .portlet-title .actions { width: auto; } .portlet.light.hcard .portlet-title .caption { margin-bottom: 0; float: left; } .portlet.light.hcard .portlet-title .actions { text-align: right; float: right; } } label.uppercase { font-size: 0.75rem; letter-spacing: 0.7px; } .col-centered { float: none; margin: 0 auto; } .panel .panel-body { font-size: inherit; } .dropdown .dropdown-menu, .dropdown-menu { box-shadow: 0 5px 5px rgba(72, 90, 106, 0.2), 0 0 0 1px rgba(72, 90, 106, 0.15); } .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .form-section-title { font-weight: bold; font-size: 0.6875rem; color: rgba(30, 35, 41, 0.5); text-transform: uppercase; letter-spacing: 0.7px; } select.highlight, select.hselect { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 0.5rem; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right center; background-repeat: no-repeat; background-size: 8px 5px; cursor: pointer; } select.highlight::-ms-expand, select.hselect::-ms-expand { display: none; } select.highlight option, select.hselect option { padding-left: 0; padding-right: 0; } select.highlight { position: relative; background-size: 10px 6px; border: 0; border-bottom: 3px solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); background-color: transparent; padding: 0 5px 5px 0; } select.highlight:after { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; right: -1rem; width: 0; height: 0; border: 1rem solid transparent; border-right: 1rem solid hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } input.hltd[type=checkbox]:checked + label, input.hltd[type=radio]:checked + label { font-weight: bold; color: #000; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } input.has-default.is-default-value { font-weight: bold; color: rgba(72, 90, 106, 0.4); } .hidden-part { height: 0; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .hidden-part.revealed { height: auto; opacity: 0.99; } .lined-table .trow:not(:last-child) .tcell { border-bottom: 1px solid rgba(72, 90, 106, 0.08); } .hflex-rsp-table .flex-header.uppercase { text-transform: uppercase; color: rgba(72, 90, 106, 0.7); font-size: 0.6875rem; font-weight: var(--semiWeight, 600); letter-spacing: 0.6px; } .hflex-rsp-table .flex-row { border-bottom: 1px solid #DCE1E3; } @media print, screen and (min-width: 40em) { .hflex-rsp-table .flex-row > .flex-cell:not(:last-child) { border-right: 1px solid #DCE1E3; } } @media print, screen and (min-width: 40em) { .hflex-rsp-table .flex-row > .flex-cell .flex-cell:not(:last-child) { border-right: 1px solid #DCE1E3; } } @media screen and (max-width: 74.99875em) { .hflex-rsp-table .flex-row > .flex-cell.large-flex-dir-row > .flex-cell { border: 0; } } .tooltip { font-family: var(--fontFamily, "Open Sans"), sans-serif; } .nav-tabs:not(.vertical-nav):not(.tabs-left) { border-bottom: 1px solid #DCE1E3; } .nav-tabs:not(.vertical-nav):not(.tabs-left) li a { color: #1E2329 !important; border-width: 0 0 3px 0 !important; border-bottom-color: transparent; padding: 0.5rem 0.7rem; text-align: center; font-weight: var(--semiWeight, 600); } .nav-tabs:not(.vertical-nav):not(.tabs-left) li a.alert-tab:before { font-size: 1rem !important; top: 0 !important; right: -0.7rem !important; } .nav-tabs:not(.vertical-nav):not(.tabs-left) li a.archived { position: relative; margin-left: 0.25rem; } .nav-tabs:not(.vertical-nav):not(.tabs-left) li a.archived:before { content: ""; position: absolute; height: 70%; left: -2px; top: 19%; border-left: 1px solid #C7CDD2; } .nav-tabs:not(.vertical-nav):not(.tabs-left) li a.archived .fa { color: #485A6A; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .nav-tabs:not(.vertical-nav):not(.tabs-left) li a.archived:hover .fa { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .nav-tabs:not(.vertical-nav):not(.tabs-left) li a:hover { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)) !important; background-color: transparent !important; border-color: transparent; } .nav-tabs:not(.vertical-nav):not(.tabs-left) li.active a { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)) !important; background-color: transparent !important; border-bottom-color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .nav-tabs:not(.vertical-nav):not(.tabs-left) li.active a.archived .fa { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .tabbable-custom > .nav-tabs > li.active { border-top: 0 !important; } .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .portlet .portlet-title .actions .btn:not(.btn-primary) .badge.badge-primary { background-color: rgba(72, 90, 106, 0.5); } .portlet .portlet-title .actions eb-button-action .btn { padding: 0.25rem 0.625rem; } .pagination > li > a, .pagination > li > span { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .pagination > li.active a { background-color: #E7EBEC; border-color: #E7EBEC; color: #1E2329; } .pagination > li.active a:hover { background-color: #E7EBEC; border-color: #E7EBEC; color: #1E2329; } .modal-title { font-size: 0.9375rem; font-weight: bold; color: #1E2329; } .dashboard-stat a.more { color: #fff !important; opacity: 1; } h1.hive-heading, h2.hive-heading, h3.hive-heading, h4.hive-heading, h5.hive-heading, h6.hive-heading { font-weight: bold; color: #1E2329; } h6.hive-heading { font-size: 0.875rem; } .table-alternate tr td { padding: 0.7rem; } .table-alternate tr:nth-child(even) td { background: #F3F4F6; } .edit-text { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .edit-text .show-is-editable { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; background-color: transparent; border-bottom: 1px dotted transparent; } .edit-text:hover:not(.not-hprimary) { color: hsl(var(--linkColorH, 196), var(--linkColorS, 84%), var(--linkColorL, 46%)); } .edit-text:hover .show-is-editable { position: relative; cursor: text; background-color: #fff; color: #1E2329; border-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); } .calendar { background: #fff; border-radius: 4px; } .calendar input { background: transparent !important; position: relative; z-index: 1; } .calendar:before { content: "\f133"; font: 16px/1 "FontAwesome"; text-rendering: auto; opacity: 0.6; position: absolute; top: 50%; transform: translateY(-50%); right: 0.5rem; } .open > .btn-default.dropdown-toggle { background: #fff; } .popover { font-family: var(--fontFamily, "Open Sans"), sans-serif; } .popover.show-right { left: auto !important; right: 0 !important; } .popover.bg-hm-gray.top > .arrow:after { border-top-color: #485A6A; } table { font-size: inherit; } .ie-flexwrap-fix { flex: 1 1 100%; display: flex; flex-flow: row wrap; } .show-on-edge { display: none; } .show-on-IE { display: none; } _:-ms-fullscreen, :root .show-on-IE { display: block; } @supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) { .show-on-edge { display: block; } } .is-covered:not(.absolute):not(.fixed) { position: relative; } .is-covered:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(30, 35, 41, 0.1); } .is-covered.mrg-x-3:after { left: -1rem; right: -1rem; bottom: -1.5rem; } .fadeit { height: 0; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; } .fadeit.animate { height: auto; opacity: 1; } .hbadge { border-radius: 4px; padding: 0.2rem 0.5rem; display: inline-block; font-weight: var(--semiWeight, 600); line-height: 1.2; } .hbadge.gray { background-color: #F3F4F6; border: 1px solid #DCE1E3; } .hbadge.white { background-color: #fff; border: 1px solid #DCE1E3; } .hbadge.dark { background-color: #485A6A; color: #fff; } .hbadge.bg-alert { background-color: #F55858; color: #fff; } .hbadge.transp-light { background: rgba(255, 255, 255, 0.8); border: rgba(30, 35, 41, 0.25); } .hbadge.round { border-radius: 5rem; } .hbadge.bold { font-weight: bold; } .hbadge.badge-breadcrumb a:not(:last-child):after { content: "\f054"; font-weight: normal; vertical-align: middle; font-family: "FontAwesome"; font-size: 0.5rem; color: #485A6A; padding: 0 0.25rem; text-rendering: auto; cursor: default; } .hbadge.label-danger { border-color: rgb(255, 140.5, 152.5526315789); background: #FFD9DD !important; color: #6f0000 !important; } .hbadge.label-success { border-color: rgb(98.5, 255, 174.79375); background: #AFFFD6 !important; color: rgb(0, 40, 21.0989010989) !important; } .hbadge.label-warning { border-color: rgb(255, 211.7, 38.5); background: #FFE373 !important; color: rgb(97, 67.7537688442, 0) !important; } .hbadge.label-info { border-color: rgba(19, 161, 214, 0.4); background: rgba(19, 161, 214, 0.3) !important; color: rgb(2.364806867, 20.0386266094, 26.635193133) !important; } .expandable-badge:not(:last-child) { margin-bottom: 0.4rem; } .tooltip .tooltip-inner { background-color: #485A6A; } .tooltip.top .tooltip-arrow { border-top-color: #485A6A; } .segment-cells-align-middle tr.segment > td { vertical-align: middle; } eb-project-segment-detail-form:not(first-child) .config-section-title { border-top: 1px solid #E7EBEC; padding-top: 0.7rem; } .ngxp__container > .ngxp__arrow { background-color: transparent !important; transform: none !important; display: block; width: 0; height: 0; border: inset 7px; content: ""; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #C7CDD2; margin-top: -5px; } .bootstrap-switch { border-color: transparent !important; } .bootstrap-switch .bootstrap-switch-container { margin: 0 !important; } .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off { padding: 0.2rem 0.3rem; } .bootstrap-switch .bootstrap-switch-label { display: none !important; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-backface-visibility: hidden; min-width: 30px !important; background-color: #E7EBEC; color: rgba(72, 90, 106, 0.6); } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary i.fa, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default i.fa { color: rgba(72, 90, 106, 0.6); } .bootstrap-switch:not(.bootstrap-switch-off) .bootstrap-switch-handle-on.bootstrap-switch-primary { background-color: #37D282; color: #fff; } .bootstrap-switch:not(.bootstrap-switch-off) .bootstrap-switch-handle-on.bootstrap-switch-primary i.fa { color: #005B30; } .bootstrap-switch:not(.bootstrap-switch-on) .bootstrap-switch-handle-off.bootstrap-switch-default { background-color: #F55858; color: #fff; } .bootstrap-switch:not(.bootstrap-switch-on) .bootstrap-switch-handle-off.bootstrap-switch-default i.fa { color: #A20000; } .medium-xv-hswitch .bootstrap-switch { width: 4rem !important; } .medium-xv-hswitch .bootstrap-switch .bootstrap-switch-container { width: 4rem !important; display: flex; align-items: center; } .medium-xv-hswitch .bootstrap-switch .bootstrap-switch-handle-on, .medium-xv-hswitch .bootstrap-switch .bootstrap-switch-handle-off { width: 2rem !important; padding: 0.5rem 0; } .medium-xv-hswitch .bootstrap-switch .bootstrap-switch-handle-on { order: 2; border-radius: 0 4px 4px 0; } .medium-xv-hswitch .bootstrap-switch .bootstrap-switch-handle-off { order: 1; border-radius: 4px 0 0 4px; } .valid-symbol, .h-validation .has-field.is-valid .field-container:after, .h-validation.is-valid .portlet-header h6:after { content: "\f00c"; text-rendering: auto; position: absolute; color: #37D282; font-family: "FontAwesome"; line-height: 1; } .error-symbol, .h-validation .has-field.is-invalid .field-container:after, .h-validation.is-invalid .portlet-header h6:after { content: "\f06a"; text-rendering: auto; position: absolute; color: #F55858; font-family: "FontAwesome"; line-height: 1; } .h-validation input.ng-invalid.ng-touched, .h-validation input.ng-valid[required], .h-validation input.ng-untouched[required]:not(.ng-valid), .h-validation input.ng-invalid, .h-validation input.ng-invalid:focus, .h-validation input.ng-valid, .h-validation select.ng-invalid.ng-touched, .h-validation select.ng-valid[required], .h-validation select.ng-untouched[required]:not(.ng-valid), .h-validation select.ng-invalid, .h-validation select.ng-invalid:focus, .h-validation select.ng-valid, .h-validation textarea.ng-invalid.ng-touched, .h-validation textarea.ng-valid[required], .h-validation textarea.ng-untouched[required]:not(.ng-valid), .h-validation textarea.ng-invalid, .h-validation textarea.ng-invalid:focus, .h-validation textarea.ng-valid { border-left-width: 1px !important; border-left-color: #c2cad8 !important; } .h-validation .err-msg { display: none; background: rgb(255, 242.5, 243.8157894737); color: rgb(115, 0, 12.1052631579); } .h-validation .err-msg.text-alert { color: rgb(115, 0, 12.1052631579); } .h-validation.is-invalid .portlet-header h6 { position: relative; color: #F55858; } .h-validation.is-invalid .portlet-header h6:after { right: 100%; top: 0.2rem; font-size: 0.75rem; margin-right: 0.2rem; } .h-validation.is-invalid .portlet-header h6 .err-msg { display: block; background: none; font-weight: normal; } .h-validation.is-valid .portlet-header h6 { position: relative; color: #37D282; } .h-validation.is-valid .portlet-header h6:after { right: 100%; top: 0.1rem; font-size: 0.75rem; margin-right: 0.2rem; } .h-validation .has-field.is-invalid input, .h-validation .has-field.is-invalid select, .h-validation .has-field.is-invalid textarea, .h-validation .has-field.is-invalid .bootstrap-select .btn.dropdown-toggle { border: 1px solid #F55858 !important; } .h-validation .has-field.is-invalid .err-msg { display: block; } .h-validation .has-field.is-invalid label { color: #F55858; } .h-validation .has-field.is-invalid .field-container:after { left: 100%; position: absolute; top: 50%; transform: translateY(-50%); font-size: 0.875rem; margin-left: 0.2rem; } .h-validation .has-field.is-valid .field-container:after { left: 100%; position: absolute; top: 50%; transform: translateY(-50%); font-size: 0.875rem; margin-left: 0.2rem; } .p-datatable-scrollable-header-box { padding-right: 0 !important; } .p-datatable .p-datatable-thead > tr > th.text-right, .p-datatable .p-datatable-tbody > tr > td.text-right { text-align: right; } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; font-display: block; src: url("./media/Material-icons-LEZCGFVT.woff2") format("woff2"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga"; } .detecting { border: 1px dashed #267373 !important; color: #fff !important; background: #0cc !important; } body { padding: 50px; } .loader { z-index: 10000; border: none; margin: 0; padding: 0; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.1; cursor: wait; position: absolute; background-color: rgb(85, 85, 85); } .auth0-lock-header-logo { height: auto !important; } input.ng-invalid.ng-touched { border: 1px solid #F55858; } input.ng-valid[required] { border-left: 5px solid #42A948; } input.ng-untouched[required]:not(.ng-valid) { border-left: 5px solid #93a1bb !important; } select.ng-valid[required] { border-left: 5px solid #42A948; } select.ng-invalid.ng-touched { border-left: 5px solid #a94442 !important; } select.ng-invalid:focus { border-color: #93a1bb !important; } select.ng-untouched[required]:not(.ng-valid) { border-left: 5px solid #93a1bb !important; } textarea.ng-invalid.ng-touched { border-left: 5px solid #a94442 !important; } textarea.ng-untouched[required]:not(.ng-valid) { border-left: 5px solid #93a1bb !important; } textarea.ng-valid[required] { border-left: 5px solid #42A948; } .tableplaceorder_tostep1 thead tr { padding-top: 15px; } .tableplaceorder_tostep1 thead tr th { padding-top: 15px; } .width20pct { width: 20%; } .width40pct { width: 40%; } .width60pct { width: 60%; } .width80pct { width: 80%; } .width100pct { width: 100%; } .text-align-right { text-align: right; } .float-right { float: right; } .align-center { text-align: center; } .file-img-thumb { max-height: 100px; max-width: 150px; } .configuration-status-icon { font-size: 24px; margin-top: 10px; margin-bottom: 10px; } .btn-buy-price { margin-right: 0 !important; width: 60px; } .btn-buy-plus { margin-right: 0; } .page-content { min-height: 100% !important; } .page-sidebar-margin { margin-top: 80px; } .page-content-wrapper-padding { padding-top: 77px; } @media (max-width: 991px) { .page-sidebar-margin { margin-top: 0; } .page-content-wrapper-padding { padding-top: 0; } } .well { word-break: break-all; } @media only screen and (min-width: 1000px) and (max-width: 1300px) { input.quantity { padding: 0; text-align: center; } } @media (max-width: 768px) { .modal-full.modal-dialog { width: 95% !important; } .page-header.navbar .page-top { border-top: 1px solid #f3f4f5; } } @media (min-width: 768px) { .modal-full.modal-dialog { width: 80% !important; } } @media (max-width: 979px) { .modal-open .modal { height: 100% !important; } } td.td-link { cursor: pointer; } .cursor-pointer { cursor: pointer; } .hub-loading-indicator { display: block; border-radius: 50%; width: 25px; height: 25px; border: 0.25rem solid rgba(72, 90, 106, 0.15); border-top-color: hsl(var(--primaryColorH, 196), var(--primaryColorS, 84%), var(--primaryColorL, 46%)); -webkit-animation: loading-indicator-spin 1s infinite linear; -moz-animation: loading-indicator-spin 1s infinite linear; -o-animation: loading-indicator-spin 1s infinite linear; -ms-animation: loading-indicator-spin 1s infinite linear; animation: loading-indicator-spin 1s infinite linear; } .download-loading-indicator { color: #b7b7b7; } @keyframes flickerAnimation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes flickerAnimation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes flickerAnimation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes flickerAnimation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .animate-flicker { -webkit-animation: flickerAnimation 1s infinite; -moz-animation: flickerAnimation 1s infinite; -o-animation: flickerAnimation 1s infinite; animation: flickerAnimation 1s infinite; } @-moz-keyframes loading-indicator-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading-indicator-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loading-indicator-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-indicator-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } body.app-loading { overflow: hidden; } .bootstrap-touchspin input.input-touchspin { border-left: 0 !important; border-right: 0 !important; padding-left: 0; padding-right: 0; text-align: center; } .bootstrap-touchspin input.input-touchspin[readonly] { background: white; } .bootstrap-touchspin button.btn.btn-default.bootstrap-touchspin-down { border-right: 0 !important; } .bootstrap-touchspin button.btn.btn-default.bootstrap-touchspin-up { border-left: 0 !important; } .form-group.half-width { width: 50%; } .price-calc td { padding: 0 5px; } .noUi-handle .noUi-tooltip { top: auto !important; left: 50% !important; } .noUi-handle { cursor: move !important; } .deleted { background: #f4f4f4 !important; } .disabled { opacity: 0.3; pointer-events: none; cursor: not-allowed; } .disabled-row { opacity: 0.3; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { background: #5cb85c !important; } @media (max-width: 413px) { .sm-screens li { width: 100% !important; } } @media (max-width: 414px) { .md-screens li { width: 100% !important; } .full-width { width: 100% !important; } .mg-bottom { margin-bottom: 10px !important; } .mg-left { margin-left: 15px !important; } .hide-docs { display: none; } } @media (max-width: 1024px) { .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #f4f4f4 !important; } } .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); pointer-events: none; } .gu-hide { left: -9999px !important; } .gu-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .gu-transit { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .drop-image .bootstrap-select { height: 100%; } @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-pulse-shrink { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .popover { z-index: 10060 !important; } .l-0 { left: 0 !important; } eb-project-segment-detail-form .col-md-8 > div > .bootstrap-select.form-control { height: 100%; } .display-none { display: none; } .errorWrapper { opacity: 0.65; cursor: not-allowed !important; } div.row > .value { word-wrap: break-word; } eb-schedule-item-schedules .btn.dropdown-toggle.btn-default i.fa.fa-check { display: none; } .price-old { text-decoration: line-through; color: #F55858 !important; font-weight: normal !important; } .auth0-lock.auth0-lock .auth0-lock-content-body-wrapper { margin-top: 122px !important; } .has-temp-dragover > * { pointer-events: none; } .transparent-button-copy { background: transparent !important; border: none !important; font-size: inherit !important; } .preview-exp-config-menu { overflow-y: auto; max-height: 300px; } .auth-system-font, .auth-system-font * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; } .auth-system-font .pi { font-family: primeicons !important; } .auth-system-font .fa { font-family: FontAwesome !important; } /* angular:styles/global:styles */