| Server IP : 79.136.114.73 / Your IP : 3.147.2.160 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/www.astacus.se/wp-content/plugins/cornerstone/assets/dist-app/css/ |
Upload File : |
@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
/* 1 */
display: block; }
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block; }
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none; }
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold; }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
color: #444444; }
body {
background-color: #ffffff; }
body:not(.admin-bar) #wpadminbar {
display: none; }
.cs-app {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #f5f5f5; }
.cs-app.cs-transitioning * {
pointer-events: none; }
a {
color: currentColor; }
.cs-app select,
.cs-app textarea,
.cs-app input[type="text"],
.cs-app input[type="password"],
.cs-app input[type="color"],
.cs-app input[type="email"],
.cs-app input[type="number"],
.cs-app input[type="search"],
.cs-app input[type="text"],
.cs-app input[type="url"],
.cs-app input[type="file"],
.cs-app .cs-styled-select {
position: relative;
display: block;
width: 100%;
height: 32px;
margin: 0;
border: 1px solid #ddd;
padding: 5px 7px;
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 32px;
color: #444444;
background-color: #ffffff;
outline: none;
border-radius: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
z-index: 5; }
.cs-app select.cs-input-code,
.cs-app textarea.cs-input-code,
.cs-app input[type="text"].cs-input-code,
.cs-app input[type="password"].cs-input-code,
.cs-app input[type="color"].cs-input-code,
.cs-app input[type="email"].cs-input-code,
.cs-app input[type="number"].cs-input-code,
.cs-app input[type="search"].cs-input-code,
.cs-app input[type="text"].cs-input-code,
.cs-app input[type="url"].cs-input-code,
.cs-app input[type="file"].cs-input-code,
.cs-app .cs-styled-select.cs-input-code {
font-family: monospace; }
.cs-app select[disabled],
.cs-app textarea[disabled],
.cs-app input[type="text"][disabled],
.cs-app input[type="password"][disabled],
.cs-app input[type="color"][disabled],
.cs-app input[type="email"][disabled],
.cs-app input[type="number"][disabled],
.cs-app input[type="search"][disabled],
.cs-app input[type="text"][disabled],
.cs-app input[type="url"][disabled],
.cs-app input[type="file"][disabled],
.cs-app .cs-styled-select[disabled] {
color: #bcbcbc;
background-color: #f5f5f5;
cursor: default; }
.cs-app select:not(.cs-no-input-focus):focus, .cs-app select:not(.cs-no-input-focus).cs-active,
.cs-app textarea:not(.cs-no-input-focus):focus,
.cs-app textarea:not(.cs-no-input-focus).cs-active,
.cs-app input[type="text"]:not(.cs-no-input-focus):focus,
.cs-app input[type="text"]:not(.cs-no-input-focus).cs-active,
.cs-app input[type="password"]:not(.cs-no-input-focus):focus,
.cs-app input[type="password"]:not(.cs-no-input-focus).cs-active,
.cs-app input[type="color"]:not(.cs-no-input-focus):focus,
.cs-app input[type="color"]:not(.cs-no-input-focus).cs-active,
.cs-app input[type="email"]:not(.cs-no-input-focus):focus,
.cs-app input[type="email"]:not(.cs-no-input-focus).cs-active,
.cs-app input[type="number"]:not(.cs-no-input-focus):focus,
.cs-app input[type="number"]:not(.cs-no-input-focus).cs-active,
.cs-app input[type="search"]:not(.cs-no-input-focus):focus,
.cs-app input[type="search"]:not(.cs-no-input-focus).cs-active,
.cs-app input[type="text"]:not(.cs-no-input-focus):focus,
.cs-app input[type="text"]:not(.cs-no-input-focus).cs-active,
.cs-app input[type="url"]:not(.cs-no-input-focus):focus,
.cs-app input[type="url"]:not(.cs-no-input-focus).cs-active,
.cs-app input[type="file"]:not(.cs-no-input-focus):focus,
.cs-app input[type="file"]:not(.cs-no-input-focus).cs-active,
.cs-app .cs-styled-select:not(.cs-no-input-focus):focus,
.cs-app .cs-styled-select:not(.cs-no-input-focus).cs-active {
border-color: #878787;
background-color: #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.185); }
.cs-app input::-webkit-input-placeholder {
color: #c9c9c9;
opacity: 1; }
.cs-app input::-moz-placeholder {
color: #c9c9c9;
opacity: 1; }
.cs-app input:-ms-input-placeholder {
color: #c9c9c9;
opacity: 1; }
.cs-app textarea::-webkit-input-placeholder {
color: #c9c9c9;
opacity: 1; }
.cs-app textarea::-moz-placeholder {
color: #c9c9c9;
opacity: 1; }
.cs-app textarea:-ms-input-placeholder {
color: #c9c9c9;
opacity: 1; }
.cs-app textarea {
height: 150px;
overflow: auto;
line-height: 1.4;
resize: none;
resize: vertical;
overflow: auto; }
.cs-app input[type="file"] {
height: 34px;
cursor: pointer; }
.cs-app input[type="file"]:focus {
border-color: #ddd;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); }
button {
font-family: inherit; }
button:focus, button:active {
outline: 0; }
.cs-app input[type="search"] {
-webkit-appearance: textfield; }
.cs-app input[type="search"]::-webkit-search-decoration {
display: none; }
.cs-app .cs-styled-select {
position: relative;
border-radius: 5px;
padding: 0; }
.cs-app .cs-styled-select:hover:before, .cs-app .cs-styled-select:hover:after {
border-right-color: #444444;
border-bottom-color: #444444; }
.cs-app .cs-styled-select:before, .cs-app .cs-styled-select:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 9px;
width: 0.5em;
height: 0.5em;
border: 2px solid #bcbcbc;
border-top-color: transparent;
border-left-color: transparent;
pointer-events: none;
z-index: 3; }
.cs-app .cs-styled-select:before {
-webkit-transform: translate(0, -70%) rotate(-135deg);
transform: translate(0, -70%) rotate(-135deg); }
.cs-app .cs-styled-select:after {
-webkit-transform: translate(0, -30%) rotate(45deg);
transform: translate(0, -30%) rotate(45deg); }
.cs-app .cs-styled-select select {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
border: 0;
padding: 0;
outline: 0;
opacity: 0;
box-shadow: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 2; }
.cs-app .cs-styled-select-label {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: calc(100% - 0.5em - (9px * 2));
min-width: 1px;
height: 100%;
padding: 0 0 0 7px;
font-size: 1em;
color: #444444;
pointer-events: none;
z-index: 3; }
.cs-app .cs-styled-select-label.cs-styled-select-placeholder {
color: #c9c9c9; }
.cs-app .cs-styled-select-label.cs-active {
color: #444444; }
.cs-app .cs-styled-select-label span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.cs-app label.cs-rc {
position: relative;
float: left;
display: block;
width: 100%;
margin: 0;
font-size: 14px;
cursor: pointer; }
.cs-app label.cs-rc.cs-rc-1-2 {
width: 47%; }
.cs-app label.cs-rc.cs-rc-1-2:nth-of-type(2n) {
float: right; }
.cs-app label.cs-rc:not(:first-of-type) {
margin-top: 1em; }
.cs-app label.cs-rc .cs-rc-indicator {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
margin: 0 0.5em 0 0;
border: 1px solid #ddd;
line-height: 2em;
color: #444444;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.cs-app label.cs-rc input {
position: absolute;
opacity: 0;
z-index: -1; }
.cs-app label.cs-rc input:focus ~ .cs-rc-indicator {
border-color: #878787;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.185); }
.cs-app label.cs-rc .cs-rc-label {
display: inline-block;
vertical-align: middle;
line-height: 1; }
.cs-app label.cs-rc .cs-rc-label code {
margin: 0;
border: 1px solid #e2e2e2;
border-radius: 4px;
padding: 2px 4px;
letter-spacing: -0.015em;
background-color: #f5f5f5; }
.cs-app label.cs-rc.cs-rc-checkbox .cs-rc-indicator {
border-radius: 4px; }
.cs-app label.cs-rc.cs-rc-checkbox input:checked ~ .cs-rc-indicator:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 1px;
right: 1px;
width: 0.575em;
height: 1em;
margin: -0.595em auto 0;
border: solid currentColor;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.cs-app label.cs-rc.cs-rc-radio .cs-rc-indicator {
border-radius: 100em; }
.cs-app label.cs-rc.cs-rc-radio input:checked ~ .cs-rc-indicator:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 0.75em;
height: 0.75em;
margin: -0.375em auto 0;
background-color: currentColor;
border-radius: 100em; }
ul.cs-form-ratio-input {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 1px 0 0 1px;
padding: 0;
list-style: none; }
ul.cs-form-ratio-input li {
-webkit-flex: 1 0 46.5%;
flex: 1 0 46.5%;
margin: -1px 0 0 -1px;
padding: 0;
text-align: center; }
ul.cs-form-ratio-input li:nth-child(2) {
-webkit-flex: 1 0 5px;
flex: 1 0 5px;
font-size: 14px;
line-height: 32px;
opacity: 0.5; }
ul.cs-form-ratio-input li input:focus {
z-index: 9998; }
ul.cs-form-ratio-input li input:focus + .cs-unit-input-selection {
z-index: 9999; }
.cs-app input[type="email"],
.cs-app input[type="url"] {
direction: ltr; }
.selectize-input input {
height: auto !important; }
.selectize-dropdown {
overflow: hidden !important; }
.selectize-dropdown .optgroup-header {
font-size: 0.685em;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase; }
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
visibility: visible !important;
background: #f2f2f2 !important;
background: rgba(0, 0, 0, 0.06) !important;
border: 0 none !important;
-webkit-box-shadow: inset 0 0 12px 4px white;
box-shadow: inset 0 0 12px 4px white; }
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
content: '!';
visibility: hidden; }
.selectize-control.plugin-drag_drop .ui-sortable-helper {
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
.selectize-dropdown-header {
position: relative;
padding: 5px 9px;
border-bottom: 1px solid #ddd;
background: #fafafa;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.selectize-dropdown-header-close {
position: absolute;
right: 9px;
top: 50%;
color: #303030;
opacity: 0.4;
margin-top: -12px;
line-height: 20px;
font-size: 20px !important; }
.selectize-dropdown-header-close:hover {
color: black; }
.selectize-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0 none;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0 none; }
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
display: none; }
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0 none; }
.selectize-control.plugin-remove_button [data-value] {
position: relative;
padding-right: 24px !important; }
.selectize-control.plugin-remove_button [data-value] .remove {
z-index: 1;
/* fixes ie bug (see #392) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 17px;
text-align: center;
font-weight: bold;
font-size: 12px;
color: inherit;
text-decoration: none;
vertical-align: middle;
display: inline-block;
padding: 2px 0 0 0;
border-left: 1px solid #d0d0d0;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.selectize-control.plugin-remove_button [data-value] .remove:hover {
background: rgba(0, 0, 0, 0.05); }
.selectize-control.plugin-remove_button [data-value].active .remove {
border-left-color: #cacaca; }
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
background: none; }
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
border-left-color: white; }
.selectize-control.plugin-remove_button .remove-single {
position: absolute;
right: 28px;
top: 6px;
font-size: 23px; }
.selectize-control {
position: relative; }
.selectize-dropdown, .selectize-input, .selectize-input input {
color: #303030;
font-family: inherit;
font-size: 13px;
line-height: 18px;
-webkit-font-smoothing: inherit; }
.selectize-input, .selectize-control.single .selectize-input.input-active {
background: white;
cursor: text;
display: inline-block; }
.selectize-input {
border: 1px solid #ddd;
padding: 6px 9px;
display: inline-block;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.selectize-control.multi .selectize-input.has-items {
padding: 4px 9px 1px; }
.selectize-input.full {
background-color: white; }
.selectize-input.disabled, .selectize-input.disabled * {
cursor: default !important; }
.selectize-input.focus {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); }
.selectize-input.dropdown-active {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.selectize-input > * {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline; }
.selectize-control.multi .selectize-input > div {
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
background: #f2f2f2;
color: #303030;
border: 0 solid #d0d0d0; }
.selectize-control.multi .selectize-input > div.active {
background: #e8e8e8;
color: #303030;
border: 0 solid #cacaca; }
.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
color: #7d7d7d;
background: white;
border: 0 solid white; }
.selectize-input > input {
display: inline-block !important;
padding: 0 !important;
min-height: 0 !important;
max-height: none !important;
max-width: 100% !important;
margin: 0 2px 0 0 !important;
text-indent: 0 !important;
border: 0 none !important;
background: none !important;
line-height: inherit !important;
-webkit-user-select: auto !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.selectize-input > input::-ms-clear {
display: none; }
.selectize-input > input:focus {
outline: none !important; }
.selectize-input::after {
content: ' ';
display: block;
clear: left; }
.selectize-input.dropdown-active::before {
content: ' ';
display: block;
position: absolute;
background: #f0f0f0;
height: 1px;
bottom: 0;
left: 0;
right: 0; }
.selectize-dropdown {
position: absolute;
z-index: 10;
border: 1px solid #ddd;
background: white;
margin: -1px 0 0 0;
border-top: 0 none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px; }
.selectize-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden; }
.selectize-dropdown [data-selectable] .highlight {
background: rgba(68, 68, 68, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px; }
.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
padding: 5px 9px; }
.selectize-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none; }
.selectize-dropdown .optgroup-header {
color: rgba(68, 68, 68, 0.5);
background: #ffffff;
cursor: default; }
.selectize-dropdown .active {
background-color: #f0f0f0;
color: #444444; }
.selectize-dropdown .active.create {
color: #444444; }
.selectize-dropdown .create {
color: rgba(48, 48, 48, 0.5); }
.selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px; }
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
cursor: pointer; }
.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
cursor: text; }
.selectize-control.single .selectize-input:after {
content: ' ';
display: block;
position: absolute;
top: 50%;
right: 9px;
margin-top: -2px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #808080 transparent transparent transparent; }
.selectize-control.single .selectize-input.dropdown-active:after {
margin-top: -3.2px;
border-width: 0 4px 4px 4px;
border-color: transparent transparent #808080 transparent; }
.selectize-control.rtl.single .selectize-input:after {
left: 9px;
right: auto; }
.selectize-control.rtl .selectize-input > input {
margin: 0 4px 0 -2px !important; }
.selectize-control .selectize-input.disabled {
opacity: 0.5;
background-color: #fafafa; }
.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;
cursor: text;
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 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::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;
margin-right: 0.3em;
text-align: right;
white-space: nowrap;
width: 1.2em; }
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em; }
.ql-editor ol li,
.ql-editor ul li {
padding-left: 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-num; }
.ql-editor ol li:before {
content: counter(list-num, 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;
pointer-events: none;
position: absolute; }
.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.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.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.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.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.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; }
.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-bottom: 2px;
padding-top: 2px; }
.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
content: "\A0";
letter-spacing: -2px; }
.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; }
table {
table-layout: fixed;
width: 100%;
margin: 0 0 1em;
border: 1px solid #e2e2e2;
border-collapse: collapse;
border-spacing: 0;
padding: 0;
background-color: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
table:last-child {
margin: 0; }
tr th:not(:first-child),
tr td:not(:first-child) {
border-left: 1px solid #e2e2e2; }
th,
td {
padding: 10px;
font-size: 12px;
line-height: 1.3;
text-align: left; }
th {
font-weight: 600;
vertical-align: top;
background-color: #f5f5f5; }
td {
border-top: 1px solid #e2e2e2;
vertical-align: middle; }
.cs-app .cs-btn {
display: inline-block;
height: 3.5em;
margin: 0;
border: 0;
border-radius: 0.3em;
padding: 0 calc(1.5em - 0.065em) 0 1.5em;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 3.5em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
color: #ffffff;
background-color: #444444;
cursor: pointer;
transition: color 0.65s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.65s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
.cs-app .cs-btn:hover, .cs-app .cs-btn:focus {
color: rgba(255, 255, 255, 0.65); }
.cs-app .cs-btn:focus {
outline: 0; }
.cs-app .cs-btn.cs-btn-block {
display: block; }
.cs-app .cs-btn.cs-btn-sm {
height: 2.85em;
padding: 0 calc(0.95em - 0.065em) 0 0.95em;
line-height: 2.85em; }
.cs-app .cs-btn.cs-btn-lg {
height: 4.5em;
padding: 0 calc(2em - 0.065em) 0 2em;
line-height: 4.5em; }
.cs-app .cs-btn.cs-btn-info {
background-color: #3498db; }
.cs-app .cs-btn.cs-btn-yep {
background-color: #27ae60; }
.cs-app .cs-btn.cs-btn-nope {
background-color: #e74c3c; }
.cs-inline-edit input.cs-hide {
display: none; }
ul.cs-controls {
margin: 0;
padding: 0;
list-style: none;
background-color: #ffffff;
box-shadow: inset 0 -1px 0 0 #e2e2e2; }
ul.cs-controls:before, ul.cs-controls:after {
content: " ";
display: table; }
ul.cs-controls:after {
clear: both; }
ul.cs-controls.empty {
display: table;
height: 100%; }
ul.cs-controls.empty > li.cs-control-empty {
display: table-cell; }
ul.cs-controls > li.cs-control-empty {
display: none;
width: 100%;
height: 100%;
padding: 20px 35px;
text-align: center;
vertical-align: middle; }
ul.cs-controls > li.cs-control-empty .cs-custom-icon {
width: 106px; }
ul.cs-controls > li.cs-control-empty > span {
display: block;
line-height: 1.5;
color: #b7b7b7; }
ul.cs-controls > li.cs-control-empty > span.title {
margin: 5px 0;
font-size: 21px;
font-weight: 600;
letter-spacing: -0.065em;
color: #444444; }
ul.cs-controls > li {
margin: 0;
padding: 20px;
-webkit-transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
ul.cs-controls > li:before, ul.cs-controls > li:after {
content: " ";
display: table; }
ul.cs-controls > li:after {
clear: both; }
ul.cs-controls > li.cs-control-compact {
padding-top: 0; }
ul.cs-controls > li.cs-control-compact.cs-control-editor {
padding-top: 20px; }
ul.cs-controls > li.cs-control-divider {
border-bottom: 1px solid #e2e2e2; }
ul.cs-controls > li.cs-control-divider:last-child {
border-bottom: 0; }
ul.cs-controls > li.cs-control-expanded {
opacity: 0;
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
pointer-events: none; }
ul.cs-controls > li.cs-control-info-box {
border-bottom: 1px solid black;
padding: 20px;
text-align: center;
background-color: #444444;
box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5); }
ul.cs-controls > li.cs-control-info-box h4 {
margin: 0 0 10px;
font-size: 16px;
font-weight: 400;
letter-spacing: -0.035em;
line-height: 1.2;
color: #ffffff; }
ul.cs-controls > li.cs-control-info-box p {
margin: 0;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
color: #9d9d9d; }
ul.cs-controls > li.cs-control-info-box p strong {
color: #ffffff; }
ul.cs-controls > li.cs-control-info-box p .glue {
white-space: nowrap; }
ul.cs-controls > li.cs-control-info-box p .cs-custom-icon {
width: 0.9em;
height: 0.9em;
fill: currentColor; }
ul.cs-controls > li.cs-control-breadcrumbs {
padding: 10px 20px;
line-height: 1;
text-align: center;
border-color: rgba(0, 0, 0, 0.05);
background-color: #d9e6ee;
white-space: nowrap; }
ul.cs-controls > li.cs-control-breadcrumbs button,
ul.cs-controls > li.cs-control-breadcrumbs span {
display: inline-block;
color: rgba(41, 128, 185, 0.5);
vertical-align: middle; }
ul.cs-controls > li.cs-control-breadcrumbs button {
max-width: 80px;
margin: 0;
border: 0;
padding: 0;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
background-color: transparent;
border-radius: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
ul.cs-controls > li.cs-control-breadcrumbs button:hover, ul.cs-controls > li.cs-control-breadcrumbs button:focus, ul.cs-controls > li.cs-control-breadcrumbs button.disabled {
color: #2980b9; }
ul.cs-controls > li.cs-control-breadcrumbs button.disabled {
cursor: text; }
ul.cs-controls > li.cs-control-breadcrumbs button.disabled:only-child {
max-width: 259px; }
ul.cs-controls > li.cs-control-breadcrumbs span {
margin: 0;
padding: 0 0.35em;
font-size: 14px;
cursor: text; }
ul.cs-controls > li.cs-control-template-select select {
float: left;
width: calc(100% - 65px); }
ul.cs-controls > li.cs-control-template-select button {
float: right;
width: 60px;
height: 32px;
margin: 0;
border: 1px solid #e2e2e2;
padding: 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 30px;
text-align: center;
text-transform: uppercase;
color: #444444;
background-color: #ffffff;
border-radius: 4px; }
ul.cs-controls > li.cs-control-template-select button:hover, ul.cs-controls > li.cs-control-template-select button:focus {
color: #27ae60;
border-color: #27ae60;
background-color: #d5ede3; }
ul.cs-controls > li[data-name="rows"] > .cs-control-footer {
margin-top: 15px;
text-align: center; }
ul.cs-controls > li > .cs-control-header {
margin: 0 0 10px; }
ul.cs-controls > li > .cs-control-header:before, ul.cs-controls > li > .cs-control-header:after {
content: " ";
display: table; }
ul.cs-controls > li > .cs-control-header:after {
clear: both; }
ul.cs-controls > li > .cs-control-header > label {
display: block;
float: left;
margin: 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1.4;
text-transform: uppercase;
cursor: pointer; }
ul.cs-controls > li > .cs-control-footer {
margin: 10px 0 0;
float: left;
width: 100%; }
ul.cs-controls > li > .cs-control-footer > span {
display: block;
font-size: 10px;
font-weight: 400;
letter-spacing: 0.015em;
line-height: 1.6;
color: #b7b7b7; }
ul.cs-actions {
float: left;
margin: -20px;
padding: 0;
width: calc(100% + 40px);
list-style: none; }
ul.cs-actions:before, ul.cs-actions:after {
content: " ";
display: table; }
ul.cs-actions:after {
clear: both; }
ul.cs-actions li {
display: block;
margin: 0;
border: 0;
padding: 22px 20px;
float: left;
width: 50%;
line-height: 1;
text-align: center;
background-color: #ffffff;
cursor: pointer; }
ul.cs-actions li .cs-icon {
display: block;
font-size: 14px; }
ul.cs-actions li span {
display: block;
margin: 10px 0 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
text-transform: uppercase; }
ul.cs-actions li:first-child {
border-right: 1px solid #e2e2e2; }
div.cs-title:before, div.cs-title:after {
content: " ";
display: table; }
div.cs-title:after {
clear: both; }
div.cs-title.inspectable input[type="text"].cs-title-input {
width: calc(100% - 45px); }
div.cs-title input[type="text"].cs-title-input {
float: left;
width: 100%;
height: 30px;
margin: 0;
border: 0;
padding: 0;
border-bottom: 1px dashed #e2e2e2;
color: #444444;
font-size: 21px;
font-weight: 600;
letter-spacing: -0.035em;
line-height: 30px;
box-shadow: none; }
div.cs-title input[type="text"].cs-title-input:focus {
box-shadow: none; }
div.cs-title button.cs-title-button {
float: right;
width: 30px;
height: 30px;
margin: 0;
border: 0;
padding: 0;
font-size: 14px;
line-height: 30px;
text-align: center;
color: #b7b7b7;
background-color: #f5f5f5;
border-radius: 3px; }
div.cs-template {
float: left;
width: 100%;
margin: 0 0 -1px;
border: 1px solid #e2e2e2;
padding: 15px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1;
text-transform: uppercase;
background-color: #f5f5f5;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
div.cs-template:hover {
background-color: #ffffff; }
ul.cs-column-layout {
float: left;
width: calc(100% + 12px);
margin: -5px -7px -5px -5px;
padding: 0;
list-style: none; }
ul.cs-column-layout:before, ul.cs-column-layout:after {
content: " ";
display: table; }
ul.cs-column-layout:after {
clear: both; }
ul.cs-column-layout > li {
float: left;
margin: 5px;
width: calc(25% - 10px);
cursor: pointer; }
ul.cs-column-layout > li:before, ul.cs-column-layout > li:after {
content: " ";
display: table; }
ul.cs-column-layout > li:after {
clear: both; }
ul.cs-column-layout > li > span {
overflow: hidden;
position: relative;
display: block;
float: left;
margin: 0 2px 0 0;
width: calc(100% - 2px);
height: 37px;
text-indent: -9999em;
border-radius: 2px; }
ul.cs-column-layout > li > span.cs-1-2 {
width: calc(50% - 2px); }
ul.cs-column-layout > li > span.cs-1-3 {
width: calc(33.333333% - 2px); }
ul.cs-column-layout > li > span.cs-2-3 {
width: calc(66.666667% - 2px); }
ul.cs-column-layout > li > span.cs-1-4 {
width: calc(25% - 2px); }
ul.cs-column-layout > li > span.cs-3-4 {
width: calc(75% - 2px); }
ul.cs-column-layout > li > span.cs-1-5 {
width: calc(20% - 2px); }
ul.cs-column-layout > li > span.cs-2-5 {
width: calc(40% - 2px); }
ul.cs-column-layout > li > span.cs-3-5 {
width: calc(60% - 2px); }
ul.cs-column-layout > li > span.cs-4-5 {
width: calc(80% - 2px); }
ul.cs-column-layout > li > span.cs-1-6 {
width: calc(16.666667% - 2px); }
ul.cs-column-layout > li > span.cs-5-6 {
width: calc(83.333333% - 2px); }
ul.cs-column-layout > li > span.custom > span {
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 10px;
margin: -0.525em -0.035em 0 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.035em;
line-height: 10px;
text-align: center;
text-indent: 0;
text-transform: uppercase;
color: #ffffff; }
ul.cs-column-layout + [type="text"] {
float: left !important;
margin-top: 12px !important; }
ul.cs-column-order {
float: left;
width: calc(100% + 10px);
margin: -5px;
padding: 0;
list-style: none; }
ul.cs-column-order:before, ul.cs-column-order:after {
content: " ";
display: table; }
ul.cs-column-order:after {
clear: both; }
li.cs-column-order-item {
overflow: hidden;
float: left;
margin: 5px;
border: 1px solid #e2e2e2;
width: calc(100% - 10px);
height: 90px;
text-align: center;
cursor: pointer;
color: #444444;
background-color: #f5f5f5;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
li.cs-column-order-item:before, li.cs-column-order-item:after {
content: " ";
display: table; }
li.cs-column-order-item:after {
clear: both; }
li.cs-column-order-item.gu-transit {
border: 2px dashed #e2e2e2;
background-color: #ffffff;
box-shadow: none; }
li.cs-column-order-item.gu-transit * {
display: none !important; }
li.cs-column-order-item.gu-mirror {
display: block; }
li.cs-column-order-item.cs-1-2 {
width: calc(50% - 10px); }
li.cs-column-order-item.cs-1-3 {
width: calc(33.333333% - 10px); }
li.cs-column-order-item.cs-2-3 {
width: calc(66.666667% - 10px); }
li.cs-column-order-item.cs-1-4 {
width: calc(25% - 10px); }
li.cs-column-order-item.cs-3-4 {
width: calc(75% - 10px); }
li.cs-column-order-item.cs-1-5 {
width: calc(20% - 10px); }
li.cs-column-order-item.cs-2-5 {
width: calc(40% - 10px); }
li.cs-column-order-item.cs-3-5 {
width: calc(60% - 10px); }
li.cs-column-order-item.cs-4-5 {
width: calc(80% - 10px); }
li.cs-column-order-item.cs-1-6 {
width: calc(16.666667% - 10px); }
li.cs-column-order-item.cs-5-6 {
width: calc(83.333333% - 10px); }
li.cs-column-order-item > span.handle {
position: relative;
display: block;
height: 100%; }
li.cs-column-order-item > span.handle > span {
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
height: 10px;
margin: -5px -0.065em 0 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1; }
li.cs-column-order-item > span.handle:hover {
background-color: #ffffff; }
.cs-expand-control {
position: relative;
display: block;
float: left;
height: 26px;
width: 100%;
margin: 0;
border: 1px solid #ddd;
border-top: 0;
padding: 0 32px 0 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 25px;
text-align: right;
text-transform: uppercase;
color: #d0d0d0;
background-color: #f5f5f5;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease; }
.cs-expand-control:hover {
color: #444444; }
.cs-expand-control span.dashicons {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: block;
width: 26px;
height: auto;
border-left: 1px solid #ddd;
font-size: 16px;
line-height: 25px;
text-align: center;
color: #444444; }
.cs-browser-msie .cs-expand-control, .cs-browser-msedge .cs-expand-control {
display: none; }
.cs-expanded-content-outer .cs-expand-control {
display: none; }
.cs-pre-loader {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
background-color: #ffffff;
opacity: 0;
-webkit-transition: opacity 1.3s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 1.3s cubic-bezier(0.23, 1, 0.32, 1);
pointer-events: none;
z-index: 999999999; }
.cs-pre-loader.cs-pre-loader-fixed {
position: fixed; }
body.admin-bar .cs-pre-loader.cs-pre-loader-fixed {
top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .cs-pre-loader.cs-pre-loader-fixed {
top: 46px; } }
.cs-pre-loader.cs-pre-loader-semi-transparent {
background-color: rgba(255, 255, 255, 0.9); }
.cs-pre-loader.cs-active {
opacity: 1;
pointer-events: auto; }
.cs-pre-loader-logo {
display: block;
width: 250px;
height: 170px;
margin: 0;
animation: preLoaderLogo 2.5s ease infinite; }
.cs-pre-loader-logo svg {
display: inherit;
width: inherit;
height: inherit;
margin: inherit; }
.cs-pre-loader-text {
display: block;
width: 100%;
max-width: 15em;
margin: 0;
font-size: 24px;
font-weight: 400;
letter-spacing: -0.035em;
line-height: 1.3;
text-align: center;
color: #272727; }
.cs-pre-loader-colophon {
position: absolute;
left: 50px;
right: 50px;
bottom: 25px;
margin: 0 -7px 0 0;
font-size: 12px;
font-weight: 400;
letter-spacing: 7px;
text-align: center;
text-transform: uppercase;
color: #222; }
.cs-loading-indicator {
position: relative;
width: 1em;
height: 1em;
margin: 0;
border-radius: 20%;
font-size: 50px;
text-indent: -9999em;
background-color: rgba(0, 0, 0, 0.85);
box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.35);
transform: translateZ(0); }
.cs-loading-indicator:before {
content: "";
display: block;
position: absolute;
top: 20%;
left: 20%;
right: 20%;
bottom: 20%;
border: 2px solid rgba(255, 255, 255, 0.25);
border-left-color: #ffffff;
border-radius: 100em;
animation: loadingIndicatorBefore 1s infinite linear;
transform: translateZ(0); }
.cs-status-indicator {
margin: 1em;
opacity: 0;
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1) 2s; }
.cs-status-indicator.cs-active {
opacity: 1; }
.cs-status-indicator.error .cs-loading-indicator {
background-color: rgba(231, 76, 60, 0.85); }
.cs-preview-frame .cs-status-indicator {
position: absolute;
right: 0;
bottom: 0;
z-index: 999999999; }
@keyframes loadingIndicator {
0% {
transform: perspective(500px) rotateX(0deg) rotateY(0deg); }
50% {
transform: perspective(500px) rotateX(-180.1deg) rotateY(0deg); }
100% {
transform: perspective(500px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes loadingIndicatorBefore {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes preLoaderLogo {
0% {
transform: scale(1); }
10% {
transform: scale(1); }
20% {
transform: scale(1.15); }
30% {
transform: scale(1); }
40% {
transform: scale(1.15); }
50% {
transform: scale(1); }
100% {
transform: scale(1); } }
.cs-inline-edit,
.cs-inline-edit > input {
display: block;
height: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important;
line-height: inherit !important;
color: inherit !important; }
.cs-inline-edit > input {
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
padding: inherit !important;
color: #2980b9 !important;
background-color: transparent !important;
box-shadow: none !important; }
.cs-text-editor {
position: relative;
width: 100%;
height: 100%;
z-index: 1; }
.cs-text-editor .mce-toolbar-grp.mce-container {
background-color: #f5f5f5;
position: absolute;
top: 0;
left: 0;
right: 0;
transform: translate(-16px, -100%);
opacity: 0;
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
z-index: 2; }
.cs-text-editor .ql-container {
border: 0;
background-color: #ffffff; }
.cs-text-editor.cs-text-editor-mode-html .cs-text-editor-text {
visibility: hidden;
position: absolute; }
.cs-text-editor.cs-text-editor-mode-html textarea.cs-text-editor-html {
width: 100%;
height: 100%;
border: 0;
padding: 12px 15px;
font-size: 13px;
font-family: Helvetica, Arial, sans-serif;
line-height: 1.42;
box-shadow: none !important;
outline: 0 !important;
resize: none; }
.cs-text-editor.cs-text-editor-mode-text .mce-toolbar-grp.mce-container {
opacity: 1;
transform: translate(0, -100%); }
.cs-text-editor.cs-text-editor-mode-text .wp-media-buttons, .cs-text-editor.cs-text-editor-mode-text .cs-text-editor-html {
display: none; }
.cs-text-editor.cs-text-editor-mode-text iframe {
height: 224px !important; }
.cs-text-editor .cs-text-editor-warning {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
background-color: #ffffff;
z-index: 9999; }
.cs-text-editor .cs-text-editor-warning p {
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
margin: 0;
padding: 0 20px 15px;
font-size: 13px;
line-height: 1.4;
text-align: center; }
.cs-text-editor .cs-text-editor-warning .cs-btn {
margin: 0 3px; }
.cs-text-editor .cs-text-editor-warning.cs-hide {
display: none; }
.cs-text-editor-switcher {
position: absolute;
top: 0;
left: 0;
transform: translate(-100%, 0);
z-index: -1; }
.cs-text-editor-switcher button {
display: block;
width: 2.5em;
height: 2.5em;
margin: 0;
border: 0;
padding: 0;
line-height: 2.5em;
color: #bcbcbc;
background-color: #f5f5f5;
font-size: 16px;
cursor: pointer; }
.cs-text-editor-switcher button:hover, .cs-text-editor-switcher button:focus, .cs-text-editor-switcher button.cs-active {
color: #444444; }
.cs-text-editor-switcher button.cs-active {
background-color: #ffffff; }
.cs-text-editor-switcher button:focus {
outline: 0; }
.cs-text-editor-switcher button * {
pointer-events: none; }
.cs-text-editor-switcher button svg {
display: block;
margin: 0 auto;
width: 1em;
height: 1em;
fill: currentColor; }
.cs-bar {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 40px;
border-right: 1px solid #e2e2e2;
background-color: #f5f5f5;
box-shadow: 0 0 0.375em rgba(0, 0, 0, 0.125);
z-index: 8890; }
body.admin-bar .cs-bar {
top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .cs-bar {
top: 46px; } }
.cs-bar > nav {
-webkit-flex-basis: 1;
flex-basis: 1;
text-align: center; }
.cs-bar-nav-toggle {
display: block;
position: relative;
width: 100%;
height: 38px;
background-color: transparent;
cursor: pointer;
user-select: none; }
.cs-bar-nav-toggle > span {
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 50%;
height: 2px;
margin: 0 auto;
border-radius: 100em;
background-color: #bcbcbc;
transform: translate3d(0, -50%, 0); }
.cs-bar-nav-toggle > span, .cs-bar-nav-toggle > span:before, .cs-bar-nav-toggle > span:after {
transition: background-color 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
.cs-bar-nav-toggle > span:before, .cs-bar-nav-toggle > span:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: inherit;
background-color: #bcbcbc; }
.cs-bar-nav-toggle > span:before {
transform: translate3d(0, -250%, 0); }
.cs-bar-nav-toggle > span:after {
transform: translate3d(0, 250%, 0); }
.cs-bar-nav-toggle:hover > span {
background-color: #444444; }
.cs-bar-nav-toggle:hover > span:before, .cs-bar-nav-toggle:hover > span:after {
background-color: #444444; }
.cs-bar-nav-items {
display: block;
position: fixed;
top: 10px;
left: calc(40px + 10px);
width: 170px;
margin: 0;
border: 1px solid #e2e2e2;
padding: 0;
font-size: 14px;
list-style: none;
text-align: left;
background-color: #ffffff;
user-select: none;
opacity: 0;
pointer-events: none;
box-shadow: 0 0.25em 1.25em rgba(0, 0, 0, 0.075);
transform: translate(0, 15px);
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
body.admin-bar .cs-bar-nav-items {
top: calc(32px + 10px); }
@media screen and (max-width: 782px) {
body.admin-bar .cs-bar-nav-items {
top: calc(46px + 10px); } }
.cs-bar-nav-items li.cs-bar-nav-items-divider a {
border-top: 1px solid #e2e2e2; }
.cs-bar-nav-items a {
display: block;
padding: 1em;
line-height: 1;
text-decoration: none;
color: #444444;
user-select: none; }
.cs-bar-nav-items a:hover, .cs-bar-nav-items a.cs-active {
background-color: #f5f5f5; }
.cs-bar-nav-items svg {
display: inline-block;
width: 1.65em;
height: 1.5em;
margin: -0.025em 0.25em 0 0;
vertical-align: middle;
stroke: currentColor; }
.cs-bar-nav-items a.cs-bar-home-nav-item-home.cs-active {
background-color: transparent; }
.cs-bar-nav-items a.cs-bar-home-nav-item-home.cs-active:hover {
background-color: #f5f5f5; }
.cs-route-index .cs-bar-nav-items a.cs-bar-home-nav-item-home.cs-active {
background-color: #f5f5f5; }
.cs-bar-nav.cs-active .cs-bar-nav-toggle > span {
background-color: rgba(68, 68, 68, 0); }
.cs-bar-nav.cs-active .cs-bar-nav-toggle > span:before {
background-color: #444444;
transform: translate3d(0, 0, 0) rotate(45deg); }
.cs-bar-nav.cs-active .cs-bar-nav-toggle > span:after {
background-color: #444444;
transform: translate3d(0, 0, 0) rotate(-45deg); }
.cs-bar-nav.cs-active .cs-bar-nav-items {
opacity: 1;
pointer-events: auto;
transform: translate(0, 0); }
.cs-bar-btn {
display: block;
width: 100%;
height: 38px;
margin: 0;
border: 0;
padding: 0;
font-size: 11px;
font-weight: 600;
line-height: 38px;
text-transform: uppercase;
color: #bcbcbc;
background-color: transparent;
cursor: pointer; }
.cs-bar-btn svg {
display: inline-block;
margin: 0 auto;
width: 16px;
height: 16px;
vertical-align: middle;
fill: currentColor; }
.cs-bar-btn:disabled {
color: #bcbcbc !important;
cursor: not-allowed; }
.cs-bar-btn:hover {
color: #444444; }
.cs-bar-btn:focus {
outline: none; }
.cs-bar-btn.cs-active {
color: #444444; }
.cs-app:not(.cs-browser-firefox) .cs-bar-btn.cs-action-toggle-collapse-vertical svg {
transform: rotate(-90deg); }
.cs-bar-btn.cs-action-toggle-custom-css:first-child, .cs-bar-btn.cs-action-toggle-custom-js:first-child, .cs-bar-btn.cs-action-toggle-preview-sizer, .cs-bar-btn.cs-action-save {
border-top: 1px solid #e2e2e2;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5); }
.cs-window {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
position: absolute;
top: 0;
left: 40px;
right: 0;
bottom: 0;
min-height: 0px;
background: #f5f5f5; }
body.admin-bar .cs-window {
top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .cs-window {
top: 46px; } }
.cs-window.horizontal {
-webkit-flex-direction: row;
flex-direction: row; }
.cs-window.horizontal.collapse .cs-workspace {
margin-left: -300px; }
.cs-window.vertical {
-webkit-flex-direction: column;
flex-direction: column; }
.cs-window.vertical.collapse .cs-workspace {
margin-bottom: -325px; }
.cs-workspace {
-webkit-flex-shrink: 0;
flex-shrink: 0;
background-color: #ffffff;
box-shadow: 0 0 0.375em rgba(0, 0, 0, 0.125);
z-index: 2;
-webkit-transition: margin 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition: margin 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
.cs-window.horizontal .cs-workspace {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: 300px;
border-right: 1px solid #e2e2e2; }
.cs-window.vertical .cs-workspace {
height: 325px;
border-top: 1px solid #e2e2e2; }
.cs-workspace-intro {
border-bottom: 1px solid #e2e2e2; }
.cs-workspace-intro > p,
.cs-workspace-intro > a {
position: relative;
display: block;
margin: 2.5em auto;
padding: 0 2.5em;
font-size: 0.925em;
line-height: 1.4;
text-align: center; }
.cs-workspace-intro > p + p,
.cs-workspace-intro > p + a,
.cs-workspace-intro > a + p,
.cs-workspace-intro > a + a {
margin-top: -1.5em; }
.cs-workspace-intro > p {
z-index: 1; }
.cs-workspace-intro > a {
text-decoration: none;
color: #e74c3c;
cursor: pointer;
z-index: 2; }
.cs-workspace-message {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 1;
flex: 1;
width: 100%;
height: 100%;
margin: 0;
padding: 20px;
font-size: 14px;
text-align: center; }
.cs-workspace-message h3 {
max-width: 23em;
margin: 0;
font-size: 1em;
letter-spacing: 0.15em;
line-height: 1.3;
text-transform: uppercase; }
.cs-workspace-message p {
max-width: 20em;
margin: 0.5em auto 0;
font-size: 1.15em;
letter-spacing: 0;
line-height: 1.5;
color: rgba(68, 68, 68, 0.5); }
.cs-workspace-nav + .cs-workspace-message {
height: calc(100% - 40px); }
.cs-workspace-nav {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
position: relative;
height: 40px;
border-bottom: 1px solid #e2e2e2;
background-color: #f5f5f5;
font-size: 14px;
z-index: 20; }
.cs-workspace-nav .cs-workspace-nav-items {
display: -webkit-flex;
display: flex; }
.cs-workspace-nav .cs-workspace-nav-items a {
position: relative;
height: 39px;
padding: 0 20px;
line-height: 39px;
text-decoration: none;
color: #bcbcbc; }
.cs-workspace-nav .cs-workspace-nav-items a:hover {
color: #444444; }
.cs-workspace-nav .cs-workspace-nav-items a.cs-active {
color: #444444; }
.cs-workspace-nav .cs-workspace-nav-items a.cs-active:before {
content: "";
display: block;
position: absolute;
top: -1px;
left: 20px;
right: 20px;
height: 2px;
background-color: #3498db; }
.cs-workspace-nav .cs-workspace-nav-items a.cs-workspace-nav-divider {
border-right: 1px solid #e2e2e2;
box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.5); }
.cs-workspace-nav .cs-bread-crumbs {
border-left: 1px solid #e2e2e2;
box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.5); }
.cs-workspace-controls {
width: calc(100% + 1px);
height: 285px; }
.cs-workspace-controls > .cs-scroll-box {
height: calc(100% - 32px); }
.cs-workspace-controls > .cs-scroll-box .cs-controls {
display: -webkit-flex;
display: flex;
height: 100%; }
.cs-workspace-controls > .cs-scroll-box .cs-control {
-webkit-flex: 0 0 300px;
flex: 0 0 300px;
height: 100%;
border-right: 1px solid #e2e2e2; }
.cs-workspace-controls > .cs-scroll-box .cs-control .cs-control-nav {
display: block;
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 32px;
font-size: 12px;
line-height: 32px;
text-align: center;
opacity: 0.25;
cursor: pointer; }
.cs-workspace-controls > .cs-scroll-box .cs-control .cs-control-nav:hover {
opacity: 1; }
.cs-workspace-control-navigation {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
overflow: hidden;
position: relative;
width: 100%;
height: 32px;
border-bottom: 1px solid #e2e2e2;
background-color: #f5f5f5;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
z-index: 10; }
.cs-workspace-control-navigation > .cs-scroll-box {
display: -webkit-flex;
display: flex;
-webkit-flex: 1;
flex: 1; }
.cs-workspace-control-navigation > .cs-search-bar {
display: -webkit-flex;
display: flex;
-webkit-flex: 0 0 202px;
flex: 0 0 202px;
height: 100%; }
.cs-workspace-control-navigation > .cs-search-bar > input[type="search"] {
width: 100%;
height: 100%;
border: 0;
border-left: 1px solid #e2e2e2;
border-radius: 0;
padding-left: 28px;
font-size: 12px;
background-color: transparent;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); }
.cs-workspace-control-navigation > .cs-search-bar > input[type="search"]:focus {
background-color: #ffffff; }
.cs-workspace-control-navigation > .cs-search-bar > span:not(.cs-clear) {
left: 10px; }
.cs-workspace-control-navigation > .cs-search-bar > span.cs-clear {
width: 25px; }
ul[class*="cs-workspace-control-navigation-groups"] {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none; }
ul[class*="cs-workspace-control-navigation-groups"] li {
display: -webkit-flex;
display: flex; }
ul[class*="cs-workspace-control-navigation-groups"] a {
display: block;
margin: 0;
border-radius: 3px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer; }
ul.cs-workspace-control-navigation-groups-top-level {
padding: 0 20px; }
ul.cs-workspace-control-navigation-groups-top-level > li:not(.cs-active) ul.cs-workspace-control-navigation-groups-sub-level {
display: none; }
ul.cs-workspace-control-navigation-groups-top-level > li:not(:first-of-type) {
margin-left: 5px; }
ul.cs-workspace-control-navigation-groups-top-level > li > a {
padding: 4px calc(5px - 0.065em) 4px 5px;
color: #ffffff;
background-color: #bcbcbc; }
ul.cs-workspace-control-navigation-groups-top-level > li > a:hover,
ul.cs-workspace-control-navigation-groups-top-level > li > a:focus,
ul.cs-workspace-control-navigation-groups-top-level > li.cs-active > a {
background-color: #2980b9; }
ul.cs-workspace-control-navigation-groups-sub-level {
position: relative;
margin-left: 5px; }
ul.cs-workspace-control-navigation-groups-sub-level:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -6px;
bottom: 0;
width: 0;
height: 0;
margin: auto 0;
border: 5px solid transparent;
border-left-color: #2980b9; }
ul.cs-workspace-control-navigation-groups-sub-level > li > a {
padding: 4px calc(8px - 0.065em) 4px 8px;
color: #bcbcbc; }
ul.cs-workspace-control-navigation-groups-sub-level > li > a:hover,
ul.cs-workspace-control-navigation-groups-sub-level > li > a:focus,
ul.cs-workspace-control-navigation-groups-sub-level > li.cs-active > a {
color: #444444; }
.cs-workspace-header {
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
border-bottom: 1px solid #e2e2e2;
box-shadow: 0 0.5em 0.375em -0.5em rgba(0, 0, 0, 0.125);
background-color: #f5f5f5;
z-index: 5; }
.cs-workspace-content {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
flex: 1;
overflow: hidden; }
.cs-workspace-search + .cs-workspace-sections,
.cs-workspace-sections-content,
.cs-workspace-sections-content > .cs-scroll-box {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
flex: 1;
overflow: hidden; }
.cs-workspace-title {
overflow: hidden;
margin: 0;
padding: 0 20px;
height: 60px;
font-size: 21px;
font-weight: 600;
letter-spacing: -0.035em;
line-height: 58px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap; }
.cs-workspace-title:not(:last-child) {
border-bottom: 1px solid #e2e2e2; }
.cs-workspace-section-nav {
display: -webkit-flex;
display: flex; }
.cs-workspace-section-nav:not(:last-child) {
border-bottom: 1px solid #e2e2e2; }
.cs-workspace-section-nav-back {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 0 0 50px;
flex: 0 0 50px;
border-right: 1px solid #e2e2e2;
font-size: 0.75em;
text-align: center;
text-decoration: none;
vertical-align: middle;
color: #bcbcbc;
box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.5); }
.cs-workspace-section-nav-back:hover, .cs-workspace-section-nav-back:focus {
color: #444444; }
.cs-workspace-section-nav-back:focus {
outline: 0; }
.cs-workspace-section-nav-info {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex: 1;
flex: 1;
overflow-y: hidden;
padding: 20px; }
.cs-workspace-section-nav-info-breadcrumbs {
position: relative;
width: 100%;
margin: 0;
padding: 0 1px;
font-size: 12px;
font-weight: 400;
letter-spacing: -0.0125em;
line-height: 1.5;
list-style: none; }
.cs-workspace-section-nav-info-breadcrumbs li {
display: inline-block;
white-space: nowrap; }
.cs-workspace-section-nav-info-breadcrumbs li:after {
content: "\2192";
position: relative;
bottom: 1px;
display: inline-block;
margin: 0 5px;
white-space: nowrap;
color: #bcbcbc; }
.cs-workspace-section-nav-info-breadcrumbs a {
display: inline-block;
text-decoration: none;
color: #bcbcbc; }
.cs-workspace-section-nav-info-breadcrumbs a:hover, .cs-workspace-section-nav-info-breadcrumbs a:focus {
color: #444444; }
.cs-workspace-section-nav-info-title {
margin: 0.35em 0 0;
font-size: 21px;
letter-spacing: -0.035em;
line-height: 1; }
.cs-workspace-search {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 60px;
padding: 0 10px; }
.cs-workspace-actions {
display: -webkit-flex;
display: flex;
width: 100%;
height: 80px; }
.cs-workspace-actions:not(:last-child) {
border-bottom: 1px solid #e2e2e2; }
.cs-workspace-actions a,
.cs-workspace-actions button {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0;
border: 0;
padding: 0;
text-decoration: none;
background-color: #ffffff;
cursor: pointer; }
.cs-workspace-actions a:not(:last-child),
.cs-workspace-actions button:not(:last-child) {
border-right: 1px solid #e2e2e2; }
.cs-workspace-actions a:hover i,
.cs-workspace-actions button:hover i {
opacity: 1; }
.cs-workspace-actions a:focus,
.cs-workspace-actions button:focus {
outline: 0; }
.cs-workspace-actions a i,
.cs-workspace-actions button i {
margin: 0 0 7px;
font-size: 16px;
opacity: 0.25; }
.cs-workspace-actions a span,
.cs-workspace-actions button span {
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1;
text-transform: uppercase; }
.cs-workspace-section-goto {
display: block;
width: 100%;
margin: 0;
border-bottom: 1px solid #e2e2e2;
padding: 15px 20px;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.035em;
line-height: 1;
text-decoration: none;
color: #444444;
background-color: #ffffff;
cursor: pointer; }
.cs-workspace-section-goto:hover, .cs-workspace-section-goto.active {
background-color: #f5f5f5; }
.cs-workspace-sections + .cs-workspace-section-goto,
.cs-workspace-sections-controls + .cs-workspace-section-goto,
.cs-option-section-description + .cs-workspace-section-goto {
border-top: 1px solid #e2e2e2; }
.cs-option-section-description + .cs-workspace-section-goto {
margin-top: 20px; }
.cs-workspace-search-result:not(:last-of-type) {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 40px; }
.cs-workspace-section-sub-heading {
display: block;
margin: 60px 0 0 0;
padding: 12px 20px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1;
text-transform: uppercase;
color: #444444;
background-color: #f5f5f5; }
a.cs-workspace-section-sub-heading {
margin: 0;
border-top: 0;
text-decoration: none; }
a.cs-workspace-section-sub-heading:hover, a.cs-workspace-section-sub-heading:focus {
color: #444444; }
.cs-workspace-section-description {
margin: 0;
padding: 20px 20px 0;
font-size: 11px;
line-height: 1.6; }
.cs-workspace-section-description span {
margin-right: 4px;
padding: 1px 3px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.025em;
text-transform: uppercase;
color: #ffffff;
background-color: #2980b9;
border-radius: 3px; }
.cs-canvas {
-webkit-flex-grow: 1;
flex-grow: 1;
overflow: hidden;
position: relative;
z-index: 1; }
.cs-debug-module-data {
padding: 20px 40px;
position: absolute;
z-index: 999999;
background: white;
width: 100%;
max-height: 100%;
overflow: auto; }
.cs-cheat-sheet-modal {
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.85);
opacity: 0;
transition: visibility 0s cubic-bezier(0.23, 1, 0.32, 1) 0.8s, opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
pointer-events: none;
z-index: 99999999; }
.cs-cheat-sheet-modal:focus {
outline: 0; }
.cs-cheat-sheet-modal.cs-active {
visibility: visible;
opacity: 1;
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
pointer-events: auto; }
.admin-bar .cs-cheat-sheet-modal {
top: 32px; }
@media screen and (max-width: 782px) {
.admin-bar .cs-cheat-sheet-modal {
top: 46px; } }
.cs-cheat-sheet-modal-active {
overflow: hidden; }
.cs-cheat-sheet-close {
display: block;
position: fixed;
width: 48px;
height: 48px;
margin: 0;
border: 0;
padding: 0;
font-size: 48px;
line-height: 48px;
text-align: center;
color: #ffffff;
background-color: transparent;
opacity: 0;
transform: scale(0);
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
cursor: pointer;
z-index: 3; }
.cs-cheat-sheet-close:focus {
outline: 0; }
.cs-cheat-sheet-close span {
display: block; }
.cs-cheat-sheet-modal.cs-active .cs-cheat-sheet-close {
opacity: 1;
transform: scale(1); }
.cs-cheat-sheet-modal.cs-active .cs-cheat-sheet-close:hover, .cs-cheat-sheet-modal.cs-active .cs-cheat-sheet-close:focus {
opacity: 0.5; }
.cs-cheat-sheet-close-top {
top: 0; }
.cs-cheat-sheet-close-left {
left: 0; }
.cs-cheat-sheet-close-right {
right: 0; }
.cs-cheat-sheet-close-bottom {
bottom: 0; }
.admin-bar .cs-cheat-sheet-close-top {
top: 32px; }
@media screen and (max-width: 782px) {
.admin-bar .cs-cheat-sheet-close-top {
top: 46px; } }
.cs-cheat-sheet-content-outer {
position: relative;
display: table;
width: 100%;
height: 100%;
z-index: 2; }
.cs-cheat-sheet-content-inner {
display: table-cell;
vertical-align: middle;
padding: 48px; }
.cs-cheat-sheet-content {
width: 100%;
max-width: 850px;
margin: 0 auto;
background-color: #ffffff;
transform: translate3d(0, -15px, 0);
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
box-shadow: 0 0.75em 3em rgba(0, 0, 0, 0.215); }
.cs-cheat-sheet-modal.cs-active .cs-cheat-sheet-content {
transform: translate3d(0, 0, 0); }
.cs-cheat-sheet {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
overflow: hidden;
font-size: 14px; }
.cs-cheat-sheet > nav {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
min-height: 400px;
border-right: 1px solid #e2e2e2;
background-color: #f5f5f5; }
.cs-cheat-sheet > nav > button {
position: relative;
width: 100%;
height: 54px;
margin: 0;
border: 0;
border-bottom: 1px solid #e2e2e2;
padding: 0 20px;
font-size: 1em;
font-weight: 600;
letter-spacing: -0.015em;
line-height: 54px;
text-align: left;
color: #bcbcbc;
background-color: transparent;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
cursor: pointer; }
.cs-cheat-sheet > nav > button:hover {
color: #444444; }
.cs-cheat-sheet > nav > button.cs-active {
color: #444444;
background-color: #ffffff; }
.cs-cheat-sheet > nav > button.cs-active:after {
content: "";
display: block;
position: absolute;
top: 0;
right: -2px;
bottom: 0;
width: 5px;
background-color: #ffffff; }
.cs-cheat-sheet > article {
-webkit-flex: 1;
flex: 1;
padding: 32px 38px;
font-size: 1em;
line-height: 1.7; }
.cs-cheat-sheet > article h2,
.cs-cheat-sheet > article h3 {
margin: 2.25em 0 0.525em;
border-bottom: 1px solid #e2e2e2;
padding: 0 0 0.525em;
font-size: 1.75em;
letter-spacing: -0.035em;
line-height: 1.3; }
.cs-cheat-sheet > article h2:first-child,
.cs-cheat-sheet > article h3:first-child {
margin-top: 0; }
.cs-cheat-sheet > article p {
margin: 0 0 1em; }
.cs-cheat-sheet > article p:last-child {
margin-bottom: 0; }
.cs-cheat-sheet > article dl {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
margin: -10px 0 0;
padding: 0; }
.cs-cheat-sheet > article dl:before, .cs-cheat-sheet > article dl:after {
content: " ";
display: table; }
.cs-cheat-sheet > article dl:after {
clear: both; }
.cs-cheat-sheet > article dl dt,
.cs-cheat-sheet > article dl dd {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
margin: 0; }
.cs-cheat-sheet > article dl dt {
width: 100%;
padding: 18px 0 3px;
font-size: 12px; }
@media (min-width: 900px) {
.cs-cheat-sheet > article dl dt {
width: 182px;
padding: 12px 0; }
.cs-cheat-sheet > article dl dt:not(:last-of-type) {
border-bottom: 1px solid #e2e2e2; } }
.cs-cheat-sheet > article dl dd {
width: 100%;
padding: 3px 0 18px; }
.cs-cheat-sheet > article dl dd:not(:last-of-type) {
border-bottom: 1px solid #e2e2e2; }
@media (min-width: 900px) {
.cs-cheat-sheet > article dl dd {
width: calc(100% - 182px);
padding: 12px 0; } }
.cs-cheat-sheet > article dl dd span {
-webkit-flex-shrink: 0;
flex-shrink: 0;
position: relative;
display: block;
width: 2.5em;
height: 2.5em;
margin: 0.215em 0 0.5em 0;
border: 1px solid #e2e2e2;
border-radius: 5px;
font-size: 0.875em;
font-weight: 600;
line-height: calc(2.5em - 2px);
text-align: center;
color: #444444;
background-color: #ffffff;
box-shadow: 0 0.285em 0 -1px #f5f5f5, 0 0.285em 0 0 #e2e2e2, 0 5px 10px rgba(0, 0, 0, 0.07); }
.cs-cheat-sheet > article dl dd span.m {
width: 4.5em; }
.cs-cheat-sheet > article dl dd span.l {
width: 6em; }
.cs-cheat-sheet > article dl dd span:not(:last-of-type) {
margin-right: 1.5em; }
.cs-cheat-sheet > article dl dd span:not(:last-of-type):after {
content: "+";
display: block;
position: absolute;
top: 0;
right: calc(-1.5em - 1px);
width: 1.5em;
height: 2.5em;
font-weight: 400;
line-height: 2.5em;
text-align: center;
color: #bcbcbc; }
.cs-preview-frame {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex: 1;
flex: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0 auto;
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
z-index: 5590; }
.cs-preview-sizer {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex: 0 0 60px;
flex: 0 0 60px;
height: 60px;
margin: -60px 0 0;
border-bottom: 1px solid #e2e2e2;
background-color: #f5f5f5;
box-shadow: 0 0 0.375em rgba(0, 0, 0, 0.125);
z-index: 2;
-webkit-transition: margin 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition: margin 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
.cs-preview-sizer.cs-active {
margin: 0; }
.cs-preview-sizer button {
-webkit-flex: 1;
flex: 1;
margin: 0;
border: 0;
padding: 0;
color: #bcbcbc;
background-color: transparent;
cursor: pointer; }
.cs-preview-sizer button:not(:last-child) {
border-right: 1px solid #e2e2e2; }
.cs-preview-sizer button:hover, .cs-preview-sizer button:focus, .cs-preview-sizer button.cs-active {
color: #444444; }
.cs-preview-sizer button:focus {
outline: 0; }
.cs-preview-sizer button svg {
display: block;
width: 18px;
height: 18px;
margin: 0 auto;
line-height: 1;
fill: currentColor; }
.cs-preview-sizer-abbr,
.cs-preview-sizer-desc {
margin: 5px 0 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1;
text-transform: uppercase; }
.cs-preview-sizer-abbr {
display: block; }
.cs-preview-sizer-desc {
display: none; }
@media (min-width: 1100px) {
.cs-preview-sizer-abbr {
display: none; }
.cs-preview-sizer-desc {
display: block; } }
.cs-preview-frame-container {
-webkit-flex: 1;
flex: 1;
-webkit-align-self: center;
align-self: center;
position: relative;
width: 100%;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.165);
z-index: 1; }
.cs-preview-frame-container.cs-preview-size-xl {
max-width: 100%; }
.cs-preview-frame-container.cs-preview-size-lg {
max-width: 1199px; }
.cs-preview-frame-container.cs-preview-size-md {
max-width: 979px; }
.cs-preview-frame-container.cs-preview-size-sm {
max-width: 767px; }
.cs-preview-frame-container.cs-preview-size-xs {
max-width: 480px; }
.cs-preview-frame-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.cs-preview-frame-container .cs-preview-frame-overlay-action {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 999; }
.cs-preview-load-error-outer {
display: table;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.85);
pointer-events: none;
transform: scale(1.25);
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
z-index: 999999999;
position: absolute; }
.cs-preview-load-error-outer.cs-active {
opacity: 1;
pointer-events: auto;
transform: scale(1); }
.cs-preview-load-error-inner {
display: table-cell;
width: 100%;
height: 100%;
padding: 7.5%;
vertical-align: middle; }
.cs-preview-load-error-content {
max-width: 650px;
margin: 0 auto;
text-align: center;
color: #000000;
background-color: #ffffff;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.875); }
.cs-scroll-box {
overflow: hidden !important;
position: relative;
height: 100%; }
.cs-scroll-box.ps-active-x > .ps-scrollbar-x-rail,
.cs-scroll-box.ps-active-y > .ps-scrollbar-y-rail {
display: block; }
.cs-scroll-box > .ps-scrollbar-x-rail,
.cs-scroll-box > .ps-scrollbar-y-rail {
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease; }
.cs-scroll-box > .ps-scrollbar-x-rail,
.cs-scroll-box > .ps-scrollbar-x-rail > [class*="ps-scrollbar"],
.cs-scroll-box > .ps-scrollbar-y-rail,
.cs-scroll-box > .ps-scrollbar-y-rail > [class*="ps-scrollbar"] {
position: absolute; }
.cs-scroll-box > .ps-scrollbar-x-rail {
bottom: 3px;
height: 4px; }
.cs-scroll-box > .ps-scrollbar-x-rail:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 3px;
right: 3px;
bottom: 0;
border-radius: 100px; }
.cs-scroll-box > .ps-scrollbar-x-rail > .ps-scrollbar-x {
bottom: 0;
height: 4px; }
.cs-scroll-box > .ps-scrollbar-x-rail > .ps-scrollbar-x:before {
background-color: #444444;
content: "";
display: block;
position: absolute;
top: 0;
left: 3px;
right: 3px;
bottom: 0;
border-radius: 100px; }
.cs-scroll-box > .ps-scrollbar-y-rail {
right: 3px;
width: 4px; }
.cs-scroll-box > .ps-scrollbar-y-rail:before {
content: "";
display: block;
position: absolute;
top: 3px;
left: 0;
right: 0;
bottom: 3px;
border-radius: 100px; }
.cs-scroll-box > .ps-scrollbar-y-rail > .ps-scrollbar-y {
right: 0;
width: 4px; }
.cs-scroll-box > .ps-scrollbar-y-rail > .ps-scrollbar-y:before {
background-color: #444444;
content: "";
display: block;
position: absolute;
top: 3px;
left: 0;
right: 0;
bottom: 3px;
border-radius: 100px; }
.cs-scroll-box:hover > .ps-scrollbar-x-rail,
.cs-scroll-box:hover > .ps-scrollbar-y-rail, .cs-scroll-box.ps-in-scrollbar > .ps-scrollbar-x-rail,
.cs-scroll-box.ps-in-scrollbar > .ps-scrollbar-y-rail {
opacity: 0.15; }
.cs-search-bar {
width: 100%;
position: relative; }
.cs-search-bar > span {
display: block;
position: absolute;
top: 50%;
left: 12px;
width: 13px;
height: 30px;
font-size: 11px;
line-height: 30px;
text-align: center;
opacity: 0.35;
z-index: 1190;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.cs-search-bar > span.cs-clear {
left: auto;
right: 4px;
width: 30px;
cursor: pointer; }
.cs-search-bar > span.cs-clear:hover {
opacity: 1; }
.cs-search-bar > span:not(.cs-clear) {
pointer-events: none; }
.cs-search-bar > input[type="search"] {
padding-left: 29px;
border-radius: 100px; }
.cs-search-bar > input[type="search"]:focus + span {
opacity: 1; }
.cs-file-upload {
position: relative;
width: 100%;
height: 100%; }
.cs-file-upload:before {
content: "";
display: block;
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 2px dashed rgba(0, 0, 0, 0.1);
pointer-events: none;
z-index: 5; }
.cs-file-upload:hover:before {
border-color: rgba(0, 0, 0, 0.25); }
.dz-clickable {
cursor: pointer; }
.dz-started .dz-message {
opacity: 0;
transform: scale(0.85);
pointer-events: none; }
.dz-started:before {
border-color: rgba(0, 0, 0, 0.25); }
.dz-message {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: auto; }
.cs-file-upload-import-welcome {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
max-width: 300px;
margin: 0 auto;
padding: 0 40px;
transform: translate3d(0, -50%, 0); }
.cs-file-upload-import-welcome-icon {
width: 24px;
height: 24px;
margin: 0 auto; }
.cs-file-upload-import-welcome-icon svg {
width: 100%;
height: 100%;
vertical-align: middle;
fill: #444444; }
.cs-file-upload-import-welcome-text {
margin: 12px auto 0;
font-size: 16px;
font-weight: 400;
letter-spacing: -0.035em;
line-height: 1.4;
text-align: center; }
.dz-preview {
width: 100%;
height: 100%;
margin: 0 auto;
padding: 40px; }
.dz-details {
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
padding: 0 40px;
text-align: center;
transform: translate3d(0, -50%, 0);
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
pointer-events: auto;
z-index: 2; }
.dz-details img {
display: none !important; }
.dz-filename {
overflow: hidden;
display: block;
margin: 0 auto;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.035em;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap; }
.dz-size {
overflow: hidden;
display: block;
margin: 8px -0.065em 0 0;
font-size: 12px;
line-height: 1;
text-overflow: ellipsis;
white-space: nowrap; }
.dz-success .dz-details,
.dz-error .dz-details {
opacity: 0;
transform: translate3d(0, -50%, 0) scale(0.85);
pointer-events: none; }
.dz-progress {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1; }
.dz-upload {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
background-color: #f5f5f5;
z-index: 1; }
.dz-success-mark,
.dz-error-mark {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 36px;
height: 36px;
margin: 0 auto;
font-size: 28px;
line-height: 36px;
text-align: center;
opacity: 0;
transform: translate3d(0, -50%, 0) scale(0.75);
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
z-index: 2;
pointer-events: none; }
.dz-success .dz-success-mark {
opacity: 1;
transform: translate3d(0, -50%, 0) scale(1); }
.dz-error .dz-error-mark {
opacity: 1;
transform: translate3d(0, -50%, 0) scale(1); }
.dz-error-message {
display: none !important; }
.cs-index-entry {
display: -webkit-flex;
display: flex;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
color: #444444;
background-color: #ffffff;
cursor: pointer; }
.cs-index-entry:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
transition: background-color 3s ease 1s;
z-index: 1; }
.cs-index-entry:hover, .cs-index-entry.cs-active {
background-color: #f5f5f5; }
.cs-index-entry:hover .cs-index-entry-info, .cs-index-entry.cs-active .cs-index-entry-info {
padding-right: 0; }
.cs-index-entry:hover .cs-index-entry-actions, .cs-index-entry.cs-active .cs-index-entry-actions {
display: -webkit-flex;
display: flex; }
.cs-index-entry.cs-active {
box-shadow: inset 2px 0 0 0 #2980b9; }
.cs-index-entry.cs-new:before {
background-color: #fff8d9;
background-color: #eaf7ef;
background-color: #e6f5ec; }
.cs-index-entry-info {
-webkit-flex: 1;
flex: 1;
position: relative;
overflow: hidden;
padding: 20px;
z-index: 2; }
.cs-index-entry-info-meta {
overflow: hidden;
display: block;
margin: 0 0 12px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
color: currentColor; }
.cs-index-entry-info-meta i {
color: #3498db; }
.cs-index-entry-info-title {
overflow: hidden;
display: block;
margin: 0;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.035em;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
color: currentColor; }
.cs-index-entry-actions {
display: none;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: relative;
padding: 20px;
z-index: 2; }
.cs-index-entry-actions > a,
.cs-index-entry-actions > button {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
border: 0;
border-radius: 3px;
padding: 8px calc(11px - 0.065em) 8px 11px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
color: #ffffff;
background-color: #444444;
cursor: pointer; }
.cs-index-entry-actions > a:hover,
.cs-index-entry-actions > button:hover {
color: rgba(255, 255, 255, 0.5); }
.cs-index-entry-actions > a:not(:last-child),
.cs-index-entry-actions > button:not(:last-child) {
margin-right: 7px; }
.cs-index-entry-actions > a.cs-danger,
.cs-index-entry-actions > button.cs-danger {
background-color: #e74c3c !important; }
.cs-welcome {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 2.5% 10%;
background-color: #ffffff; }
.cs-welcome-title {
position: relative;
max-width: 21em;
margin: 0;
font-size: 24px;
font-weight: 400;
letter-spacing: -0.035em;
line-height: 1.3;
text-align: center;
text-shadow: 0 0 0.5em #ffffff;
z-index: 2; }
.cs-welcome-icon {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 5em;
height: 5em;
margin: 0;
font-size: 14px;
transform: translate3d(-50%, -50%, 0);
pointer-events: none;
z-index: 1; }
.cs-welcome-icon.cs-welcome-icon-fill svg {
fill: #e2e2e2; }
.cs-welcome-icon.cs-welcome-icon-stroke svg {
stroke: #e2e2e2; }
.cs-welcome-icon svg {
display: block;
width: 100%;
height: 100%;
vertical-align: middle; }
.cs-welcome-icon-cs-logo {
width: 250px;
height: 170px; }
.cs-welcome-nav {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
max-width: 55em;
margin: 1em 0;
padding: 0;
font-size: 14px;
list-style: none; }
.cs-welcome-nav > li {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex: 0 0 20%;
flex: 0 0 20%;
min-width: 11em; }
.cs-welcome-nav > li:last-child {
-webkit-flex: 1 0 100%;
flex: 1 0 100%;
display: block;
margin-top: 1.05em; }
.cs-welcome-nav > li:last-child > ul {
margin: 0;
padding: 0;
list-style: none; }
.cs-welcome-nav > li:last-child > ul > li {
display: block; }
.cs-welcome-nav > li:last-child > ul > li:first-child:not(:last-child) > a {
border-radius: 1em 1em 0 0; }
.cs-welcome-nav > li:last-child > ul > li:last-child:not(:first-child) > a {
border-top: 0;
border-radius: 0 0 1em 1em; }
.cs-welcome-nav > li:last-child > ul > li > a {
width: 100%;
max-width: 16em;
height: 4em;
margin: 0 auto;
border: 2px solid silver;
border-radius: 100em; }
.cs-welcome-nav > li:last-child > ul > li > a:hover span, .cs-welcome-nav > li:last-child > ul > li > a:focus span {
transform: none; }
.cs-welcome-nav a {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 8em;
font-weight: 600;
letter-spacing: 0.085em;
line-height: 1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: silver;
cursor: pointer;
transition: color 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
.cs-welcome-nav a:hover, .cs-welcome-nav a:focus {
color: #272727; }
.cs-welcome-nav a:hover span, .cs-welcome-nav a:focus span {
transform: translate(0, -0.15em); }
.cs-welcome-nav a:focus {
outline: none; }
.cs-welcome-nav span {
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
.cs-welcome-nav svg {
display: block;
width: 3.25em;
height: 3.25em;
margin: 0 auto 0.75em;
stroke: currentColor; }
.cs-control-border [class*="cs-choice"]:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 1em;
height: 1em;
margin: 0 auto;
border: 1px solid #cfcfcf;
border-radius: 1px;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.cs-control-border .cs-choice-top:before {
border-top-color: currentColor; }
.cs-control-border .cs-choice-right:before {
border-right-color: currentColor; }
.cs-control-border .cs-choice-bottom:before {
border-bottom-color: currentColor; }
.cs-control-border .cs-choice-left:before {
border-left-color: currentColor; }
.cs-control-breakpoints .cs-control-input-list-label {
color: #bcbcbc; }
.cs-control-breakpoints .cs-control-input-list-label strong {
color: #444444;
font-weight: 400; }
.cs-control-breakpoints .cs-unit-slider .cs-unit-slider-target-container {
width: calc(100% - 34px); }
.cs-control-breakpoints .cs-unit-slider .cs-unit-slider-target-container + span {
display: block;
position: relative;
float: right;
width: 34px;
height: 32px;
border: 1px solid #e2e2e2;
border-radius: 0 4px 4px 0;
padding: 0 0.185em 0 0.25em;
font-size: 10px;
letter-spacing: 0.065em;
line-height: 30px;
text-align: center;
color: #444444;
background-color: #ffffff; }
ul.cs-choose {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 1px 0 0 1px;
padding: 0;
background-color: #f5f5f5;
list-style: none;
box-shadow: inset 0 -1px 0 0 #e2e2e2, 0 1px 1px rgba(0, 0, 0, 0.07); }
ul.cs-choose li {
position: relative;
margin: -1px 0 0 -1px;
border: 1px solid #e2e2e2;
font-size: 10px;
text-align: center;
color: #444444;
cursor: pointer; }
ul.cs-choose li:hover, ul.cs-choose li.active, ul.cs-choose li.cs-active {
background-color: #ffffff; }
ul.cs-choose li.active, ul.cs-choose li.cs-active {
color: #2980b9;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); }
ul.cs-choose li[data-choice="md"] > .cs-icon {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
ul.cs-choose li .cs-fa, ul.cs-choose li .cs-icon {
pointer-events: none; }
ul.cs-choose li .cs-fa,
ul.cs-choose li .cs-icon, ul.cs-choose li:before, ul.cs-choose li:after {
display: inline-block;
margin: 0 auto;
font-size: 18px; }
ul.cs-choose li .cs-custom-icon {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 auto;
font-size: 18px;
vertical-align: middle;
fill: currentColor; }
ul.cs-choose li abbr[title] {
text-decoration: none; }
ul.cs-choose li span {
display: block;
margin: 10px -0.065em 0 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1.3;
text-transform: uppercase; }
ul.cs-choose.cols-1 li {
width: calc((100% / 1) + 1px);
padding: 35px 10px; }
ul.cs-choose.cols-2 li {
width: calc((100% / 2) + 1px);
padding: 35px 10px; }
ul.cs-choose.cols-3 li {
width: calc((100% / 3) + 1px);
padding: 20px 10px; }
ul.cs-choose.cols-4 li {
width: calc((100% / 4) + 1px);
padding: 20px 10px; }
ul.cs-choose.cols-5 li {
width: calc((100% / 5) + 1px);
padding: 14px 10px; }
ul.cs-choose.cols-6 li {
width: calc((100% / 6) + 1px);
padding: 10px 10px; }
ul.cs-choose.cs-choose-fill li {
-webkit-flex-grow: 1;
flex-grow: 1; }
ul.cs-choose.cs-choose-condensed li {
height: 32px;
padding: 0;
line-height: 30px; }
ul.cs-choose.cs-choose-condensed li .cs-fa,
ul.cs-choose.cs-choose-condensed li .cs-icon,
ul.cs-choose.cs-choose-condensed li .cs-custom-icon, ul.cs-choose.cs-choose-condensed li:before, ul.cs-choose.cs-choose-condensed li:after {
height: 14px;
font-size: 14px;
line-height: 14px; }
ul.cs-choose li span.ol,
ul.cs-choose li span.tt {
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
font-family: Georgia;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.065em;
line-height: 1;
text-transform: none;
-webkit-transform: translate3d(0.065em, -50%, 0);
transform: translate3d(0.065em, -50%, 0); }
ul.cs-choose li span.ol:before {
content: "";
display: block;
width: 1em;
height: 1px;
margin: 0 auto -1px;
background-color: currentColor; }
.cs-app .cs-code-editor-wrapper {
left: 40px;
z-index: 8889; }
.cs-app .cs-code-editor-vertical.cs-code-editor-expanded {
width: calc(100% - 40px); }
.cs-app .cs-code-editor-horizontal {
width: calc(100% - 40px);
height: 325px; }
.cs-form-icon-picker:first-child:nth-last-child(2),
.cs-form-icon-picker:first-child:nth-last-child(2) ~ .cs-form-icon-picker,
.cs-form-color-picker:first-child:nth-last-child(2),
.cs-form-color-picker:first-child:nth-last-child(2) ~ .cs-form-icon-picker,
.cs-form-icon-picker:first-child:nth-last-child(2) ~
.cs-form-color-picker,
.cs-form-color-picker:first-child:nth-last-child(2) ~
.cs-form-color-picker {
width: 48%; }
.cs-form-icon-picker:first-child:nth-last-child(2) .huebert-swatch,
.cs-form-icon-picker:first-child:nth-last-child(2) ~ .cs-form-icon-picker .huebert-swatch,
.cs-form-color-picker:first-child:nth-last-child(2) .huebert-swatch,
.cs-form-color-picker:first-child:nth-last-child(2) ~ .cs-form-icon-picker .huebert-swatch,
.cs-form-icon-picker:first-child:nth-last-child(2) ~
.cs-form-color-picker .huebert-swatch,
.cs-form-color-picker:first-child:nth-last-child(2) ~
.cs-form-color-picker .huebert-swatch {
width: 100%; }
.cs-form-icon-picker:first-child:nth-last-child(2),
.cs-form-color-picker:first-child:nth-last-child(2) {
float: left; }
.cs-form-icon-picker:first-child:nth-last-child(2) ~ .cs-form-icon-picker,
.cs-form-color-picker:first-child:nth-last-child(2) ~ .cs-form-icon-picker, .cs-form-icon-picker:first-child:nth-last-child(2) ~
.cs-form-color-picker,
.cs-form-color-picker:first-child:nth-last-child(2) ~
.cs-form-color-picker {
float: right; }
.cs-form-color-picker .cs-picker-swatch {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjY2NjIj48L3JlY3Q+CjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+");
background-position: 0% 0%; }
.cs-form-color-picker .cs-picker-swatch > .cs-picker-swatch-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 3; }
.cs-form-color-picker .cs-picker-swatch:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.275);
border-radius: 4px;
transition: box-shadow 0.3s ease;
z-index: 5; }
/* Huebert - Palette
// ========================================================================== */
.cs-form-color-input-palette {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% - 32px);
margin: 20px 12px 12px 20px; }
.cs-form-color-input-palette.cs-hide {
display: none; }
.cs-form-color-input-palette-item {
position: relative;
width: 24px;
height: 24px;
margin: 0 8px 8px 0;
border-radius: 100em;
background-color: transparent;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjY2NjIj48L3JlY3Q+CjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+");
background-position: 0% 0%;
cursor: pointer; }
.cs-form-color-input-palette-item.cs-active > div:after {
content: "";
display: block;
box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #333; }
.cs-form-color-input-palette-item > div,
.cs-form-color-input-palette-item > div:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
z-index: 3; }
[class*="cs-control-dimensions-"] .cs-control-input-list > li:not(:nth-child(1)) .cs-control-input-list-label span {
padding-left: 24px; }
[class*="cs-control-dimensions-"] .cs-control-input-list > li:not(:nth-child(1)) .cs-control-input-list-label:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
width: 16px;
height: 16px;
background-color: transparent; }
.cs-control-dimensions-margin .cs-control-input-list > li:not(:nth-child(1)) .cs-control-input-list-label:before,
.cs-control-dimensions-padding .cs-control-input-list > li:not(:nth-child(1)) .cs-control-input-list-label:before {
border-radius: 2px; }
.cs-control-dimensions-margin .cs-control-input-list > li:nth-child(2) .cs-control-input-list-label:before,
.cs-control-dimensions-padding .cs-control-input-list > li:nth-child(2) .cs-control-input-list-label:before {
-webkit-transform: translate3d(0, -50%, 0) rotate(0deg);
transform: translate3d(0, -50%, 0) rotate(0deg); }
.cs-control-dimensions-margin .cs-control-input-list > li:nth-child(3) .cs-control-input-list-label:before,
.cs-control-dimensions-padding .cs-control-input-list > li:nth-child(3) .cs-control-input-list-label:before {
-webkit-transform: translate3d(0, -50%, 0) rotate(90deg);
transform: translate3d(0, -50%, 0) rotate(90deg); }
.cs-control-dimensions-margin .cs-control-input-list > li:nth-child(4) .cs-control-input-list-label:before,
.cs-control-dimensions-padding .cs-control-input-list > li:nth-child(4) .cs-control-input-list-label:before {
-webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
transform: translate3d(0, -50%, 0) rotate(180deg); }
.cs-control-dimensions-margin .cs-control-input-list > li:nth-child(5) .cs-control-input-list-label:before,
.cs-control-dimensions-padding .cs-control-input-list > li:nth-child(5) .cs-control-input-list-label:before {
-webkit-transform: translate3d(0, -50%, 0) rotate(270deg);
transform: translate3d(0, -50%, 0) rotate(270deg); }
.cs-control-dimensions-margin .cs-control-input-list > li:not(:nth-child(1)) .cs-control-input-list-label:before {
box-shadow: inset 0 0 0 1px #ef8c2a, inset 0 4px 0 0 #f8cca1, inset 0 5px 0 0 #ef8c2a, inset 0 0 0 100px #ffffff; }
.cs-control-dimensions-padding .cs-control-input-list > li:not(:nth-child(1)) .cs-control-input-list-label:before {
box-shadow: inset 0 0 0 1px #416631, inset 0 4px 0 0 #7cb363, inset 0 5px 0 0 #416631, inset 0 0 0 100px #c4ddb9; }
.cs-control-dimensions-border-radius .cs-control-input-list > li:not(:nth-child(1)) .cs-control-input-list-label:before {
border: 1px solid #ddd;
border-radius: 100em;
-webkit-transform: translate3d(0, -50%, 0) rotate(-45deg);
transform: translate3d(0, -50%, 0) rotate(-45deg); }
.cs-control-dimensions-border-radius .cs-control-input-list > li:nth-child(2) .cs-control-input-list-label:before {
border-top-color: #444444; }
.cs-control-dimensions-border-radius .cs-control-input-list > li:nth-child(3) .cs-control-input-list-label:before {
border-right-color: #444444; }
.cs-control-dimensions-border-radius .cs-control-input-list > li:nth-child(4) .cs-control-input-list-label:before {
border-bottom-color: #444444; }
.cs-control-dimensions-border-radius .cs-control-input-list > li:nth-child(5) .cs-control-input-list-label:before {
border-left-color: #444444; }
ul.cs-dimensions {
clear: both;
margin: 0 -5px 0 0;
padding: 0;
list-style: none; }
ul.cs-dimensions:before, ul.cs-dimensions:after {
content: " ";
display: table; }
ul.cs-dimensions:after {
clear: both; }
ul.cs-dimensions li {
float: left;
width: calc(25% - 8px);
margin: 0 -1px 0 0;
padding: 0;
text-align: center; }
ul.cs-dimensions li:last-child {
width: 32px; }
ul.cs-dimensions li input[type="text"] {
position: relative;
width: 100%;
margin: 0;
text-align: center; }
ul.cs-dimensions li input[type="text"]:focus {
z-index: 9998; }
ul.cs-dimensions li input[type="text"]:focus + span {
color: #444444; }
ul.cs-dimensions li input[type="text"][disabled] {
color: #f5f5f5;
background-color: #f5f5f5;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none; }
ul.cs-dimensions li > span {
display: block;
margin-top: 7px;
font-size: 8px;
font-weight: 400;
letter-spacing: 0.05em;
line-height: 1;
text-transform: uppercase;
color: #d0d0d0; }
ul.cs-dimensions li button.cs-link-dimensions {
display: block;
width: 32px;
height: 32px;
margin: 0;
border: 1px solid #e2e2e2;
padding: 9px 0;
line-height: 28px;
line-height: 1;
background-color: #f5f5f5;
color: #444444;
border-radius: 0 4px 4px 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
cursor: pointer; }
ul.cs-dimensions li button.cs-link-dimensions.active > .link,
ul.cs-dimensions li button.cs-link-dimensions.active > .cs-fa-link {
display: block; }
ul.cs-dimensions li button.cs-link-dimensions.active > .unlink,
ul.cs-dimensions li button.cs-link-dimensions.active > .cs-fa-unlink {
display: none; }
ul.cs-dimensions li button.cs-link-dimensions > .link,
ul.cs-dimensions li button.cs-link-dimensions > .cs-fa-link {
display: none; }
div.cs-icons-outer {
display: block;
overflow: hidden;
position: relative;
width: 300px;
height: 0;
margin: 0;
padding-bottom: 286px;
background-color: #f5f5f5; }
div.cs-icons-outer.cs-expanded {
height: 80vh; }
div.cs-icons-outer.cs-expanded div.cs-icons-inner > ul.cs-choose {
box-shadow: none; }
div.cs-icons-outer.cs-expanded div.cs-icons-inner > ul.cs-choose li {
width: 50px;
padding: 0;
height: 50px; }
div.cs-icons-outer.cs-expanded div.cs-icons-inner > ul.cs-choose li:nth-child(6n) {
border-right: 1px solid #e2e2e2; }
div.cs-icons-outer.cs-expandable {
height: 68px;
padding-bottom: calc(156px + 68px); }
div.cs-icons-outer.cs-expandable div.cs-icons-inner {
bottom: 25px; }
div.cs-icons-outer .cs-search-bar {
height: 42px;
padding: 0;
border-bottom: 1px solid #e2e2e2; }
div.cs-icons-outer .cs-search-bar > input[type="search"] {
width: 100%;
height: 100%;
border: 0;
border-radius: 0; }
div.cs-icons-outer .cs-search-bar > input[type="search"], div.cs-icons-outer .cs-search-bar > input[type="search"]:focus {
border-color: #e2e2e2;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
outline: 0; }
div.cs-icons-outer .cs-search-section {
height: 42px;
padding: 0; }
div.cs-icons-outer .cs-search-section .cs-search > .cs-fa,
div.cs-icons-outer .cs-search-section .cs-search > .cs-icon {
left: 11px; }
div.cs-icons-outer .cs-search-section .cs-search > input[type="search"] {
border: 0;
border-radius: 0; }
div.cs-icons-outer .cs-search-section .cs-search > input[type="search"], div.cs-icons-outer .cs-search-section .cs-search > input[type="search"]:focus {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); }
div.cs-icons-outer div.cs-icons-inner {
overflow: hidden;
position: absolute;
top: 42px;
left: 0;
right: 0;
bottom: 0;
margin: 0 0 -1px; }
div.cs-icons-outer div.cs-icons-inner ul.cs-choose {
margin: 0;
box-shadow: none; }
div.cs-icons-outer div.cs-icons-inner ul.cs-choose li {
height: 50px;
padding: 0;
line-height: 50px; }
div.cs-icons-outer div.cs-icons-inner ul.cs-choose li:before,
div.cs-icons-outer div.cs-icons-inner ul.cs-choose li:after,
div.cs-icons-outer div.cs-icons-inner ul.cs-choose .cs-fa,
div.cs-icons-outer div.cs-icons-inner ul.cs-choose .cs-icon {
font-size: 16px; }
div.cs-icons-outer div.cs-icons-inner ul.cs-choose li:nth-child(6n) {
border-right: 0; }
div.cs-icons-outer .cs-icons-loading {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 1em;
height: 1em;
font-size: 21px;
line-height: 1em;
text-align: center;
transform: translate3d(-50%, -100%, 0);
opacity: 0.5; }
div.cs-icons-outer .cs-expand-control {
bottom: 0;
position: absolute;
border-width: 0;
border-top: 1px solid #ddd; }
div.cs-image {
position: relative;
width: 100%;
height: 150px;
text-align: center;
background: #f5f5f5 center center/cover no-repeat;
cursor: pointer; }
div.cs-image.pattern {
background-repeat: repeat;
background-size: auto auto; }
div.cs-image > span {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #d0d0d0;
z-index: 15;
font-size: 18px;
line-height: 18px; }
div.cs-image > span.add {
display: none; }
div.cs-image > span.remove {
display: block; }
div.cs-image > span .cs-fa {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
width: 18px;
height: 18px; }
div.cs-image:before, div.cs-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
div.cs-image:before {
display: none;
background-color: #e74c3c;
z-index: 5;
opacity: 0.5; }
div.cs-image:after {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border: 2px dashed;
background-color: transparent;
z-index: 10; }
div.cs-image:after,
div.cs-image > span {
color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0); }
div.cs-image:hover:before {
display: block; }
div.cs-image:hover:after,
div.cs-image:hover > span {
color: #ffffff;
border-color: rgba(255, 255, 255, 0); }
div.cs-image.empty {
background-image: none !important; }
div.cs-image.empty > span.add {
display: block; }
div.cs-image.empty > span.remove {
display: none; }
div.cs-image.empty:after,
div.cs-image.empty > span {
color: #d0d0d0;
border-color: #d0d0d0; }
div.cs-image.empty:hover:before {
display: none; }
div.cs-image.empty:hover:after,
div.cs-image.empty:hover > span {
color: #444444;
border-color: #d0d0d0; }
.cs-input-list-image-dimensions .cs-control-input-list-input {
display: -webkit-flex;
display: flex; }
.cs-input-list-image-dimensions .cs-control-input-list-input > button {
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 32px;
height: 32px;
border: 1px solid #e2e2e2;
border-radius: 3px;
color: #444444;
background-color: #f5f5f5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
cursor: pointer; }
.cs-input-list-image-dimensions .cs-control-input-list-input > button:hover, .cs-input-list-image-dimensions .cs-control-input-list-input > button.cs-active {
background-color: #ffffff; }
.cs-input-list-image-dimensions .cs-control-input-list-input > button.cs-active {
color: #2980b9;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); }
.cs-input-list-image-dimensions .cs-control-input-list-input > div {
display: -webkit-flex;
display: flex;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
border-radius: 3px;
color: #bcbcbc;
background-color: #f5f5f5;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); }
.cs-input-list-image-dimensions .cs-control-input-list-input > div:not(:first-child) {
margin-left: 7px; }
.cs-input-list-image-dimensions .cs-control-input-list-input > div > span {
-webkit-flex-shrink: 0;
flex-shrink: 0;
display: block;
width: 21px;
height: 30px;
font-size: 10px;
font-weight: 600;
line-height: 30px;
text-align: center;
text-transform: uppercase;
color: currentColor;
background-color: transparent; }
.cs-input-list-image-dimensions .cs-control-input-list-input > div > input[type="text"] {
height: 30px;
border: 0;
padding-left: 3px;
padding-right: 3px;
text-align: center;
color: currentColor;
background-color: transparent;
box-shadow: none; }
.cs-media-frame .attachment-details label.setting:not([data-setting="url"]) {
display: none; }
.cs-media-frame .embed-link-settings, .cs-media-frame .embed-media-settings .setting {
display: none; }
.cs-media-frame select,
.cs-media-frame textarea,
.cs-media-frame input[type="text"],
.cs-media-frame input[type="password"],
.cs-media-frame input[type="checkbox"],
.cs-media-frame input[type="color"],
.cs-media-frame input[type="date"],
.cs-media-frame input[type="datetime"],
.cs-media-frame input[type="datetime-local"],
.cs-media-frame input[type="email"],
.cs-media-frame input[type="month"],
.cs-media-frame input[type="number"],
.cs-media-frame input[type="search"],
.cs-media-frame input[type="radio"],
.cs-media-frame input[type="tel"],
.cs-media-frame input[type="text"],
.cs-media-frame input[type="time"],
.cs-media-frame input[type="url"],
.cs-media-frame input[type="week"] {
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
background-color: #ffffff;
color: #32373c;
outline: none;
-webkit-transition: 0.05s border-color ease-in-out;
transition: 0.05s border-color ease-in-out; }
.cs-media-frame .media-toolbar-secondary select {
padding: 2px;
line-height: 28px;
height: 28px;
vertical-align: middle; }
.cs-control.cs-control-manage-presets {
background-color: #f5f5f5; }
.cs-control.cs-control-manage-presets .cs-control-input-list-input {
display: -webkit-flex;
display: flex; }
.cs-control.cs-control-manage-presets .cs-styled-select,
.cs-control.cs-control-manage-presets input[type="text"] {
width: calc(100% - 60px); }
.cs-control.cs-control-manage-presets .cs-styled-select {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.cs-control.cs-control-manage-presets button {
position: relative;
width: 60px;
height: 32px;
margin: 0;
border: 1px solid #ddd;
border-left: 0;
border-radius: 0 5px 5px 0;
padding: 0 0 0 0.065em;
font-weight: 600;
font-size: 10px;
letter-spacing: 0.065em;
text-align: center;
text-transform: uppercase;
color: #b7b7b7;
background-color: #f5f5f5;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
cursor: pointer; }
.cs-control.cs-control-manage-presets button:hover, .cs-control.cs-control-manage-presets button:focus {
color: #444444;
background-color: #ffffff; }
.cs-control.cs-control-manage-presets button.cs-control-manage-presets-apply.cs-danger {
color: #e74c3c;
background-color: #f2dfdd; }
.cs-control.cs-control-manage-presets button.cs-control-manage-presets-apply.cs-danger:after {
content: ' ';
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
right: -1px;
border-radius: 0 5px 5px 0;
border: 1px solid #e74c3c;
z-index: 10; }
.cs-control.cs-control-manage-presets button.cs-control-manage-presets-apply.cs-danger:hover {
color: #e74c3c;
background-color: #f6e8e6; }
ul.cs-sortable {
float: left;
width: 100%;
margin: 0;
padding: 20px 0 0;
list-style: none; }
ul.cs-sortable:before, ul.cs-sortable:after {
content: " ";
display: table; }
ul.cs-sortable:after {
clear: both; }
ul.cs-sortable.cs-sorting button.cs-add-sortable-item-inline {
display: none; }
ul.cs-sortable.cs-sortable-condensed li.sortable-item {
display: -webkit-flex;
display: flex;
height: 40px; }
ul.cs-sortable.cs-sortable-condensed li.sortable-item > .handle {
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
float: none;
width: auto;
padding: 0 12px;
font-size: 13px;
line-height: 38px; }
ul.cs-sortable.cs-sortable-condensed li.sortable-item > .controls {
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
position: static;
float: none;
width: auto;
height: 100%; }
ul.cs-sortable.cs-sortable-condensed li.sortable-item > .controls button {
float: left;
width: 40px;
height: 100%; }
ul.cs-sortable.cs-sortable-condensed li.sortable-item > .controls button:not(:last-child) {
border-right: 1px solid #e2e2e2; }
.cs-control-header + ul.cs-sortable {
margin-top: -10px; }
li.sortable-item {
position: relative;
display: block;
float: left;
margin: 0 0 20px;
border: 1px solid #e2e2e2;
width: 100%;
height: 60px;
background-color: #f5f5f5;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.035); }
li.sortable-item.gu-transit {
border: 2px dashed #e2e2e2 !important;
background-color: #ffffff;
box-shadow: none; }
li.sortable-item.gu-transit * {
display: none !important; }
li.sortable-item.gu-mirror {
pointer-events: none;
opacity: 0.25;
position: fixed !important;
margin: 0 !important;
z-index: 9999999999 !important; }
li.sortable-item.empty.sortable-item > .handle {
width: 100%;
text-align: center; }
li.sortable-item.empty.sortable-item > .handle > .cs-icon {
margin-right: 0.25em; }
li.sortable-item.empty.sortable-item > .handle > span {
position: relative;
bottom: 1px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.085em;
text-transform: uppercase; }
li.sortable-item.active, li.sortable-item.cs-active {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); }
li.sortable-item.cs-hover > .handle, li.sortable-item.active > .handle, li.sortable-item.cs-active > .handle {
background-color: #ffffff; }
li.sortable-item > .handle {
display: block;
float: left;
margin: 0;
border: 0;
padding: 0 20px;
width: calc(100% - (60px / 2));
height: 100%;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.035em;
line-height: 58px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #444444;
background-color: #f5f5f5;
cursor: pointer; }
li.sortable-item > .controls {
right: 0;
position: absolute;
border-left: 1px solid #e2e2e2;
width: 30px;
height: 100%;
background-color: #f5f5f5; }
li.sortable-item > .controls:before, li.sortable-item > .controls:after {
content: " ";
display: table; }
li.sortable-item > .controls:after {
clear: both; }
li.sortable-item > .controls.extra {
right: 30px; }
li.sortable-item > .controls button {
position: relative;
display: block;
float: right;
margin: 0;
border: 0;
padding: 0;
width: 100%;
height: 50%;
font-size: 14px;
line-height: 30px;
color: #b7b7b7;
background-color: transparent;
cursor: pointer;
z-index: 1; }
li.sortable-item > .controls button:hover {
color: #444444; }
li.sortable-item > .controls button.cs-danger {
color: #e74c3c;
background-color: #f2dfdd;
outline: 1px solid #e74c3c; }
li.sortable-item > .controls button.cs-danger:hover {
color: #e74c3c;
background-color: #f6e8e6; }
button.cs-add-sortable-item {
display: block;
float: left;
width: 100%;
margin: 0 auto -20px;
border: 0;
padding: 20px;
line-height: 1;
background-color: transparent;
color: #d0d0d0;
cursor: pointer; }
button.cs-add-sortable-item:hover {
color: #444444; }
button.cs-add-sortable-item > .cs-icon {
margin-right: 0.25em; }
button.cs-add-sortable-item > span {
position: relative;
bottom: 1px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.085em;
text-transform: uppercase; }
button.cs-add-sortable-item-inline {
display: block;
position: absolute;
top: -21px;
left: 0;
right: 0;
width: 100%;
height: 20px;
margin: 0;
border: 0;
padding: 0;
font-size: 8px;
font-weight: 600;
letter-spacing: 0.035em;
line-height: 20px;
text-shadow: -1px 0 0 #ffffff, -2px 0 0 #ffffff, -3px 0 0 #ffffff, 1px 0 0 #ffffff, 2px 0 0 #ffffff, 3px 0 0 #ffffff;
text-transform: uppercase;
background-color: transparent;
color: #bcbcbc;
cursor: pointer; }
button.cs-add-sortable-item-inline:hover span {
color: #444444;
opacity: 1; }
button.cs-add-sortable-item-inline.bottom {
top: auto;
bottom: -21px; }
button.cs-add-sortable-item-inline.bottom span {
opacity: 1; }
button.cs-add-sortable-item-inline:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background-color: #efefef;
transform: translate(0, -50%);
z-index: 1; }
button.cs-add-sortable-item-inline span {
position: relative;
opacity: 0;
z-index: 2; }
span.cs-sortable-sub-text {
font-size: 11px;
font-weight: bold;
color: #5e5e5e;
text-align: center;
display: inline-block;
width: 100%;
margin-top: 1.75em; }
.cs-control-group-text-style .cs-control-input-list > li:first-child .cs-control-input-list-input li:last-child {
font-style: italic; }
ul.cs-toggle {
position: relative;
overflow: hidden;
width: 40%;
min-width: 90px;
height: 40px;
margin: 0;
padding: 0;
list-style: none;
color: #b7b7b7;
background-color: #f5f5f5;
background-clip: border-box;
border-radius: 100px;
cursor: pointer;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: color 0.65s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition: color 0.65s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
ul.cs-toggle:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 10px;
left: 12px;
border-radius: 100px;
background-color: #ffffff;
z-index: 2;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
ul.cs-toggle:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 100px;
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.075); }
ul.cs-toggle.on {
color: #27ae60;
background-color: #d5ede3; }
ul.cs-toggle.on:before {
left: calc(100% - 32px); }
ul.cs-toggle.on li {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
ul.cs-toggle.off li {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0); }
ul.cs-toggle > li {
display: block;
float: left;
width: 100%;
height: 40px;
font-size: 10px;
font-weight: 600;
line-height: 40px;
text-align: center;
text-rendering: auto;
text-shadow: 0 0 2px rgba(255, 255, 255, 0.85);
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: -webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
ul.cs-toggle > li.on {
padding-right: 19px; }
ul.cs-toggle > li.off {
position: absolute;
top: 0;
left: 100%;
padding-left: 22px; }
ul.cs-toggle > li > span {
display: block;
margin: 0 -0.065em 0 0;
letter-spacing: 0.065em; }
ul.cs-controls .wp-editor-wrap .wp-media-buttons .button {
padding: 0 7px 1px 5px;
height: 28px;
font-size: 13px;
line-height: 26px; }
ul.cs-controls .wp-editor-wrap .wp-media-buttons .button, ul.cs-controls .wp-editor-wrap .wp-media-buttons .button:active {
position: static;
margin: 0 5px 5px 0; }
ul.cs-controls .wp-editor-wrap .wp-media-buttons .button:focus {
box-shadow: none; }
ul.cs-controls .wp-editor-wrap .wp-media-buttons .button.cs-insert-btn {
-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease; }
ul.cs-controls .wp-editor-wrap .wp-media-buttons .button.cs-insert-btn svg {
width: 18px;
margin: 4px 0 0;
fill: #555555;
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
ul.cs-controls .wp-editor-wrap .wp-media-buttons .button.cs-insert-btn:hover svg {
fill: #222222; }
ul.cs-controls .wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
height: 24px;
margin: 0 0 0 5px;
padding: 3px 11px 4px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.035em;
text-transform: uppercase; }
ul.cs-controls .wp-editor-wrap .wp-editor-container {
border: 1px solid #dedede; }
ul.cs-controls .wp-editor-wrap .wp-editor-container .quicktags-toolbar input.button.button-small {
padding: 0 8px 1px;
font-size: 10px;
height: 26px;
letter-spacing: -0.015em;
line-height: 24px; }
ul.cs-controls .wp-editor-wrap .wp-editor-container .quicktags-toolbar input.button.button-small:focus, ul.cs-controls .wp-editor-wrap .wp-editor-container .quicktags-toolbar input.button.button-small:active {
outline: 0; }
ul.cs-controls .wp-editor-wrap .wp-editor-container .mce-tinymce .mce-toolbar .mce-btn-group .mce-btn {
margin: 1px 1px; }
ul.cs-controls .wp-editor-wrap .wp-editor-container .mce-tinymce .mce-toolbar .mce-btn-group .mce-btn button {
padding: 2px 3px; }
ul.cs-controls .wp-editor-wrap .wp-editor-container .mce-tinymce .mce-toolbar .mce-btn-group .mce-btn button .mce-ico {
width: 18px;
height: 18px;
font-size: 18px; }
ul.cs-controls .wp-editor-wrap .wp-editor-container .mce-tinymce .mce-toolbar .mce-colorbutton .mce-preview {
left: 3px;
bottom: 2px;
width: 18px; }
ul.cs-controls .wp-editor-wrap .wp-editor-container .mce-tinymce .mce-toolbar .mce-listbox span {
width: 65px; }
ul.cs-controls .wp-editor-wrap .wp-editor-container textarea.wp-editor-area:focus {
border-color: #dedede;
box-shadow: none; }
.cs-controls {
margin: 0;
padding: 0;
list-style: none; }
.cs-control {
position: relative;
padding: 20px; }
.cs-control.cs-hide {
display: none; }
.cs-control-header {
margin: 0 0 10px; }
.cs-control-header:before, .cs-control-header:after {
content: " ";
display: table; }
.cs-control-header:after {
clear: both; }
.cs-control-header > label {
display: block;
float: left;
margin: 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1.4;
text-transform: uppercase;
cursor: pointer; }
.cs-control-header.cs-hide {
display: none; }
.cs-control-input:before, .cs-control-input:after {
content: " ";
display: table; }
.cs-control-input:after {
clear: both; }
.cs-control-input > textarea,
.cs-control-input > .cs-image {
height: 188px !important; }
.cs-control-input > textarea {
font-size: 10px;
line-height: 1.5;
resize: none; }
.cs-control-input-list {
margin: 0;
padding: 0;
list-style: none; }
.cs-control-input-list > li {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start; }
.cs-control-input-list > li:not(:last-child) {
margin: 0 0 7px; }
.cs-control-input-list > li.cs-hide {
display: none; }
.cs-control-input-list > li > .cs-control-input-list-label {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex: 0 0 68px;
flex: 0 0 68px;
position: relative;
height: 32px;
padding: 0 10px 0 0;
font-size: 10px; }
.cs-control-input-list > li > .cs-control-input-list-label > span {
display: block;
line-height: 1.3; }
.cs-control-input-list > li > .cs-control-input-list-input {
-webkit-flex: 1;
flex: 1; }
.cs-control-input-list > li > .cs-control-input-list-input > ul:not(.cs-choose) {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 1px 0 0 1px;
padding: 0;
list-style: none; }
.cs-control-input-list > li > .cs-control-input-list-input > ul:not(.cs-choose) > li {
-webkit-flex: 0 0 48%;
flex: 0 0 48%;
margin: -1px 0 0 -1px;
padding: 0; }
.cs-control-input-list > li > .cs-control-input-list-input > ul:not(.cs-choose) > li input:focus {
z-index: 9998; }
.cs-control-input-list > li > .cs-control-input-list-input > ul:not(.cs-choose) > li input:focus + .cs-unit-input-selection {
z-index: 9999; }
.cs-control-input-list > li > .cs-control-input-list-input label.cs-rc {
margin-top: 7px;
font-size: 10px; }
.cs-control-input-list > li > .cs-control-input-list-input label.cs-rc:first-child,
.cs-control-input-list > li > .cs-control-input-list-input label.cs-rc:first-child + .cs-rc-1-2 {
margin-top: 6px; }
.cs-control-input-list-input-height-1 {
height: 32px !important; }
.cs-control-input-list-input-height-2 {
height: 71px !important; }
.cs-control-input-list-input-height-3 {
height: 110px !important; }
.cs-control-input-list-input-height-4 {
height: 149px !important; }
.cs-control-input-list-input-height-5 {
height: 188px !important; }
textarea[class*="cs-control-input-list-input-height"] {
font-size: 10px;
line-height: 1.5;
resize: none; }
[class*="cs-control-input-list-input-height"] textarea,
[class*="cs-control-input-list-input-height"] .cs-image {
height: 100%; }
[class*="cs-control-input-list-input-height"] textarea {
font-size: 10px;
line-height: 1.5;
resize: none; }
.cs-control-footer {
float: left;
width: 100%;
margin: 10px 0 0; }
.cs-control-footer > span {
display: block;
font-size: 10px;
font-weight: 400;
letter-spacing: 0.015em;
line-height: 1.6;
color: #b7b7b7; }
.cs-window-options.horizontal .cs-control + .cs-control {
padding-top: 0; }
.cs-window-options.horizontal .cs-control.cs-hide:first-child + .cs-control {
padding-top: 20px; }
.cs-search-section {
display: table;
position: relative;
width: 100%;
height: 70px;
border-bottom: 1px solid #e2e2e2;
padding: 0 14px;
background-color: #ffffff;
z-index: 2290; }
.cs-search-section .cs-search {
display: table-cell;
position: relative;
vertical-align: middle; }
.cs-search-section .cs-search > .cs-fa,
.cs-search-section .cs-search > .cs-icon {
display: block;
position: absolute;
top: 50%;
left: 14px;
height: 30px;
margin-top: -15px;
font-size: 11px;
line-height: 30px;
text-align: center;
opacity: 0.35;
z-index: 1190; }
.cs-search-section .cs-search > input[type="search"] {
padding-left: 29px;
border-radius: 100px; }
.cs-search-section .cs-search > input[type="search"]:focus + .cs-fa,
.cs-search-section .cs-search > input[type="search"]:focus + .cs-icon {
opacity: 1; }
.cs-tab-modal {
overflow-x: hidden;
overflow-y: auto;
visibility: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.85);
opacity: 0;
transition: visibility 0s cubic-bezier(0.23, 1, 0.32, 1) 0.8s, opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
pointer-events: none;
z-index: 99999999; }
.cs-tab-modal:focus {
outline: 0; }
.cs-tab-modal.cs-active {
visibility: visible;
opacity: 1;
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
pointer-events: auto; }
.admin-bar .cs-tab-modal {
top: 32px; }
@media screen and (max-width: 782px) {
.admin-bar .cs-tab-modal {
top: 46px; } }
.cs-tab-modal-active {
overflow: hidden; }
.cs-tab-modal-close {
display: block;
position: fixed;
top: 0;
right: 0;
width: 48px;
height: 48px;
margin: 0;
border: 0;
padding: 0;
font-size: 48px;
line-height: 48px;
text-align: center;
color: #ffffff;
background-color: transparent;
opacity: 0;
transform: scale(0);
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
cursor: pointer;
z-index: 3; }
.cs-tab-modal-close:focus {
outline: 0; }
.cs-tab-modal-close span {
display: block; }
.cs-tab-modal.cs-active .cs-tab-modal-close {
opacity: 0.5;
transform: scale(1); }
.cs-tab-modal.cs-active .cs-tab-modal-close:hover, .cs-tab-modal.cs-active .cs-tab-modal-close:focus {
opacity: 1; }
.admin-bar .cs-tab-modal-close {
top: 32px; }
@media screen and (max-width: 782px) {
.admin-bar .cs-tab-modal-close {
top: 46px; } }
.cs-tab-modal-content-outer {
position: relative;
display: table;
width: 100%;
height: 100%;
z-index: 2; }
.cs-tab-modal-content-inner {
display: table-cell;
vertical-align: middle;
padding: 48px; }
.cs-tab-modal-content {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
width: 100%;
max-width: 820px;
height: calc(100vh - 96px);
min-height: 400px;
max-height: 700px;
margin: 0 auto;
font-size: 14px;
background-color: #ffffff;
transform: translate3d(0, -15px, 0);
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
box-shadow: 0 0.75em 4em rgba(0, 0, 0, 0.5); }
.cs-tab-modal-content > nav {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
min-width: 180px;
border-right: 1px solid #e2e2e2;
background-color: #f5f5f5; }
.cs-tab-modal-content > nav > .cs-tab-modal-save {
margin: auto 5px 5px; }
.cs-tab-modal-content > nav > button:not(.cs-tab-modal-save) {
position: relative;
width: 100%;
height: 54px;
margin: 0;
border: 0;
border-bottom: 1px solid #e2e2e2;
padding: 0 20px;
font-size: 1em;
font-weight: 600;
letter-spacing: -0.015em;
line-height: 54px;
text-align: left;
color: #bcbcbc;
background-color: transparent;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
cursor: pointer; }
.cs-tab-modal-content > nav > button:not(.cs-tab-modal-save):hover {
color: #444444; }
.cs-tab-modal-content > nav > button:not(.cs-tab-modal-save).cs-active {
color: #444444;
background-color: #ffffff; }
.cs-tab-modal-content > nav > button:not(.cs-tab-modal-save).cs-active:after {
content: "";
display: block;
position: absolute;
top: 0;
right: -2px;
bottom: 0;
width: 5px;
background-color: #ffffff; }
.cs-tab-modal-content > article {
-webkit-flex: 1;
flex: 1;
font-size: 1em;
line-height: 1.7; }
.cs-tab-modal-content > article > .cs-scroll-box {
padding: 32px 38px; }
.cs-tab-modal-content > article h2,
.cs-tab-modal-content > article h3 {
margin: 2.25em 0 0.85em;
font-size: 1.75em;
letter-spacing: -0.035em;
line-height: 1.3; }
.cs-tab-modal-content > article h2:first-child,
.cs-tab-modal-content > article h3:first-child {
margin-top: 0; }
.cs-tab-modal-content > article p,
.cs-tab-modal-content > article ul,
.cs-tab-modal-content > article ol {
margin: 16px 0 0; }
.cs-tab-modal-content > article p code,
.cs-tab-modal-content > article ul code,
.cs-tab-modal-content > article ol code {
border: 1px solid #e2e2e2;
border-radius: 3px;
padding: 1px 3px;
background-color: #f5f5f5; }
.cs-tab-modal-content > article ul,
.cs-tab-modal-content > article ol {
padding: 0 0 0 2em; }
.cs-tab-modal-content > article dl {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
margin: 0;
border-top: 1px solid #e2e2e2;
padding: 0; }
.cs-tab-modal-content > article dl dt,
.cs-tab-modal-content > article dl dd {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
margin: 0;
font-size: 12px; }
.cs-tab-modal-content > article dl dt {
width: 100%;
padding: 16px 0 3px; }
@media (min-width: 900px) {
.cs-tab-modal-content > article dl dt {
width: 182px;
padding: 16px 0;
border-bottom: 1px solid #e2e2e2; } }
.cs-tab-modal-content > article dl dd {
width: 100%;
padding: 3px 0 16px;
border-bottom: 1px solid #e2e2e2; }
@media (min-width: 900px) {
.cs-tab-modal-content > article dl dd {
width: calc(100% - 182px);
padding: 16px 0; } }
.cs-tab-modal-content > article dl.cs-keys dt {
padding: 11px 0 2px; }
@media (min-width: 900px) {
.cs-tab-modal-content > article dl.cs-keys dt {
padding: 8px 0; } }
.cs-tab-modal-content > article dl.cs-keys dd {
padding: 2px 0 12px; }
@media (min-width: 900px) {
.cs-tab-modal-content > article dl.cs-keys dd {
padding: 8px 0; } }
.cs-tab-modal-content > article dl.cs-keys dd span {
-webkit-flex-shrink: 0;
flex-shrink: 0;
position: relative;
display: block;
width: 2.5em;
height: 2.5em;
margin: 0.215em 0 0.5em 0;
border: 1px solid #e2e2e2;
border-radius: 5px;
font-size: 1em;
font-weight: 600;
line-height: calc(2.5em - 2px);
text-align: center;
color: #444444;
background-color: #ffffff;
box-shadow: 0 0.285em 0 -1px #f5f5f5, 0 0.285em 0 0 #e2e2e2, 0 5px 10px rgba(0, 0, 0, 0.07); }
.cs-tab-modal-content > article dl.cs-keys dd span.cs-key-m {
width: 4.5em; }
.cs-tab-modal-content > article dl.cs-keys dd span.cs-key-l {
width: 6em; }
.cs-tab-modal-content > article dl.cs-keys dd span:not(:last-of-type) {
margin-right: 1.5em; }
.cs-tab-modal-content > article dl.cs-keys dd span:not(:last-of-type):after {
content: "+";
display: block;
position: absolute;
top: 0;
right: calc(-1.5em - 1px);
width: 1.5em;
height: 2.5em;
font-weight: 400;
line-height: 2.5em;
text-align: center;
color: #bcbcbc; }
.cs-tab-modal.cs-active .cs-tab-modal-content {
transform: translate3d(0, 0, 0); }
.admin-bar .cs-tab-modal-content {
height: calc(100vh - 96px - 32px); }
@media screen and (max-width: 782px) {
.admin-bar .cs-tab-modal-content {
height: calc(100vh - 96px - 46px); } }
.cs-action-modal-outer {
display: table;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.85);
pointer-events: none;
transform: scale(1.25);
transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
z-index: 999999999; }
.cs-action-modal-outer.cs-active {
opacity: 1;
pointer-events: auto;
transform: scale(1); }
.cs-action-modal-inner {
display: table-cell;
width: 100%;
height: 100%;
padding: 7.5%;
vertical-align: middle; }
.cs-action-modal-content {
max-width: 650px;
margin: 0 auto;
text-align: center;
color: #000000;
background-color: #ffffff;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.875); }
.cs-action-modal-message {
margin: 0;
padding: 25px;
border-bottom: 1px solid #e2e2e2;
font-size: 21px;
font-weight: 600;
line-height: 1.5; }
.cs-action-modal-actions {
padding: 15px; }
.cs-action-modal-actions button {
display: inline-block;
margin: 0;
border-width: 0;
border-bottom-width: 0.315em;
border-style: solid;
border-color: #7f7f7f;
border-radius: 0.45em;
padding: 1.15em 1.42em 1.15em 1.485em;
font-size: 0.85em;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
color: #ffffff !important;
background-color: #9e9e9e;
transition: border-color 0.3s ease, background-color 0.3s ease;
cursor: pointer; }
.cs-action-modal-actions button:hover, .cs-action-modal-actions button:focus {
background-color: #ababab;
outline: 0; }
.cs-action-modal-actions button.happy {
border-color: #26ab5f;
background-color: #2ecc71; }
.cs-action-modal-actions button.happy:hover, .cs-action-modal-actions button.happy:focus {
background-color: #44d581; }
.cs-action-modal-actions button.sad {
border-color: #c42818;
background-color: #e74c3c; }
.cs-action-modal-actions button.sad:hover, .cs-action-modal-actions button.sad:focus {
background-color: #eb695c; }
.cs-action-modal-mini {
position: fixed;
display: block;
border-radius: 0.5em;
padding: 0.5em;
font-size: 14px;
text-align: center;
background-color: #ffffff;
-webkit-filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.15));
filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.15)); }
.cs-action-modal-mini:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
margin: auto;
border: 0.65em solid transparent; }
.cs-action-modal-mini > span {
display: block;
margin: 0 0 0.5em;
letter-spacing: -0.015em;
line-height: 1; }
.cs-action-modal-mini .cs-action-modal-actions {
padding: 0; }
.cs-action-modal-mini button {
min-width: 8em;
padding: 0.75em calc(1.15em - 0.065em) 0.75em 1.15em;
font-size: 0.725em; }
.cs-action-modal-mini-top:before {
top: 100%;
left: 0;
right: 0;
border-top-color: #ffffff; }
.cs-action-modal-mini-left:before {
top: 0;
left: 100%;
bottom: 0;
border-left-color: #ffffff; }
.cs-action-modal-mini-right:before {
top: 0;
right: 100%;
bottom: 0;
border-right-color: #ffffff; }
.cs-action-modal-mini-bottom:before {
left: 0;
right: 0;
bottom: 100%;
border-bottom-color: #ffffff; }
.cs-notification-queue {
position: fixed;
top: 0;
right: 0;
z-index: 999999999; }
body.admin-bar .cs-notification-queue {
top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .cs-notification-queue {
top: 46px; } }
.cs-notification-item {
position: relative;
width: 300px;
margin: 10px;
padding: 10px;
background-color: #444444;
color: #ffffff;
border-radius: 4px;
opacity: 0;
-webkit-transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
.cs-notification-item.cs-notification-item-error {
background-color: #e74c3c; }
.cs-notification-item.cs-notification-item-success {
background-color: #27ae60; }
.cs-notification-item.cs-notification-item-notice {
background-color: #444444; }
.cs-notification-item.cs-active {
opacity: .95; }
.cs-notification-item.cs-fade {
opacity: 0; }
.cs-notification-item .cs-notification-item-close {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 20px;
font-family: sans-serif;
font-size: 16px;
line-height: 20px;
text-align: center;
cursor: pointer;
opacity: 0.5;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease; }
.cs-notification-item .cs-notification-item-close:hover {
opacity: 1; }
.cs-notification-item .cs-notification-item-title {
margin: 0 0 6px;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.035em;
line-height: 1; }
.cs-notification-item .cs-notification-item-message {
font-size: 12px;
line-height: 1.4; }
.cs-notification-item .cs-notification-item-message .monospace {
font-family: Monaco, "Courier New", Courier, monospace; }
#nprogress {
pointer-events: none; }
#nprogress .cs-progress-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 2px;
z-index: 9999; }
body.admin-bar #nprogress .cs-progress-bar {
top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar #nprogress .cs-progress-bar {
top: 46px; } }
.cs-progress-bar-container.cs-saving #nprogress .cs-progress-bar {
background-color: #27ae60; }
.cs-progress-bar-container.cs-transitioning #nprogress .cs-progress-bar {
background-color: #3498db; }
#nprogress .cs-progress-bar-peg {
display: block;
position: absolute;
right: 0;
width: 100px;
height: 100%;
opacity: 1;
box-shadow: 0 0 10px #27ae60, 0 0 5px #27ae60;
-webkit-transform: rotate(3deg) translate(0, -4px);
-ms-transform: rotate(3deg) translate(0, -4px);
transform: rotate(3deg) translate(0, -4px); }
.cs-unit-input {
position: relative; }
.cs-unit-input.cs-unit-input-hide-switcher .cs-unit-input-selection {
pointer-events: none; }
.cs-unit-input:not(.cs-unit-input-hide-switcher) input[type="text"] {
padding-right: 42px; }
.cs-unit-input-selection {
position: absolute;
top: 50%;
right: 6px;
width: 30px;
height: 20px;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
z-index: 10; }
.cs-unit-input-unit {
display: block;
width: 100%;
height: 20px;
margin: 0;
border: 0;
border-radius: 3px;
padding: 0;
font-size: 8px;
line-height: 20px;
text-transform: uppercase;
color: #ffffff;
background-color: #777777;
-webkit-transition: background-color 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition: background-color 0.65s cubic-bezier(0.23, 1, 0.32, 1);
cursor: pointer; }
.cs-unit-input-unit:hover, .cs-unit-input-unit:focus, .cs-unit-input-unit.cs-active {
background-color: #444444; }
.cs-unit-input-choices {
display: -webkit-flex;
display: flex;
visibility: hidden;
position: absolute;
right: 0;
bottom: 100%;
border-radius: 3px;
background-color: #444444;
opacity: 0;
pointer-events: none;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
-webkit-transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s cubic-bezier(0.23, 1, 0.32, 1) 0.65s;
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s cubic-bezier(0.23, 1, 0.32, 1) 0.65s; }
.cs-unit-input-choices:after {
content: "";
display: block;
position: absolute;
top: 100%;
right: 11px;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #444444; }
.cs-unit-input-choices.cs-active {
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transform: translate3d(0, -12px, 0);
transform: translate3d(0, -12px, 0);
-webkit-transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); }
.cs-unit-input-choice {
height: 22px;
margin: 0;
border: 0;
padding: 0 7px;
font-size: 8px;
line-height: 22px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
background-color: transparent;
cursor: pointer; }
.cs-unit-input-choice:not(:first-child) {
border-left: 1px solid #2b2b2b; }
.cs-unit-input-choice:hover, .cs-unit-input-choice:focus, .cs-unit-input-choice.cs-active {
color: #ffffff; }
.cs-unit-slider .cs-unit-input {
float: left;
width: 82px; }
.cs-unit-slider .cs-unit-input input {
border-radius: 0 4px 4px 0;
font-size: 11px; }
.cs-unit-slider-target-container {
position: relative;
float: left;
width: calc(100% - 82px);
height: 32px;
border: 1px solid #ddd;
border-right: 0;
border-radius: 4px 0 0 4px;
padding: 0 17px;
background-color: #f5f5f5;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); }
.cs-unit-slider-target-container:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 14px;
right: 14px;
height: 6px;
border: 1px solid #d9d9d9;
border-radius: 100em;
background-color: #ffffff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.cs-unit-slider-target {
width: 100%;
height: 100%;
cursor: pointer;
opacity: 1;
transition: opacity 0.3s ease; }
.cs-unit-slider-target-waiting {
opacity: 0; }
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none; }
.noUi-target {
position: relative;
direction: ltr; }
.noUi-base {
position: relative;
width: 100%;
height: 100%;
border: 0 solid transparent;
z-index: 1; }
.noUi-base:after {
content: "";
display: block;
position: absolute;
top: 0;
left: -17px;
right: -17px;
bottom: 0; }
.noUi-background:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
right: -3px;
height: 6px;
border: 1px solid #d9d9d9;
border-radius: 100em;
background-color: #ffffff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.noUi-connect:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: -3px;
right: -3px;
height: 6px;
border: 1px solid #444444;
border-radius: 100em;
background-color: #777777;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.noUi-origin {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.noUi-handle {
position: relative;
z-index: 1; }
.noUi-stacking .noUi-handle {
z-index: 10; }
.noUi-state-tap .noUi-origin {
-webkit-transition: top 0.3s ease, left 0.3s ease;
transition: top 0.3s ease, left 0.3s ease; }
.noUi-state-drag * {
cursor: inherit !important; }
.noUi-base,
.noUi-handle {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.noUi-horizontal .noUi-handle {
top: 8px;
left: 0;
width: 14px;
height: 14px; }
.noUi-draggable {
cursor: w-resize; }
.noUi-vertical .noUi-draggable {
cursor: n-resize; }
.noUi-handle {
border-radius: 100em;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.215);
cursor: pointer;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
.noUi-active {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
[disabled].noUi-connect,
[disabled] .noUi-connect {
background-color: transparent; }
[disabled].noUi-origin,
[disabled] .noUi-handle {
cursor: not-allowed; }
.cs-picker-swatch {
overflow: hidden;
position: relative;
width: 100%;
height: 32px;
margin: 0;
padding: 0;
border-radius: 4px;
background-color: #f5f5f5;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.275);
transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
cursor: pointer;
outline: none !important; }
.cs-picker-swatch * {
pointer-events: none; }
.cs-picker-swatch > input {
border: 0 !important;
border-radius: 0 !important;
color: #bcbcbc !important;
background-color: transparent !important; }
.cs-picker-swatch > span {
position: absolute;
top: 0;
right: 0;
width: calc(100% - 32px);
height: 32px;
font-size: 10px;
letter-spacing: -0.015em;
line-height: 32px;
text-align: center;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
color: #ffffff;
background-color: rgba(0, 0, 0, 0.515);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.275);
border-radius: 0 4px 4px 0;
transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
z-index: 25; }
.cs-picker-swatch:hover > span,
.cs-picker.cs-active .cs-picker-swatch > span {
background-color: rgba(0, 0, 0, 0.625); }
.cs-picker-modal {
display: none;
visibility: hidden;
position: fixed;
margin: 0;
padding: 0;
background-color: #ffffff;
-wekbit-filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.25));
filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.25));
outline: none !important;
z-index: 100; }
.cs-picker-modal.cs-picker-floating {
display: block;
visibility: visible; }
.cs-picker-modal.cs-picker-floating.cs-picker-floating-right {
margin-left: 10px; }
.cs-picker-modal.cs-picker-floating.cs-picker-floating-left {
margin-left: -10px; }
.cs-picker-modal.cs-picker-floating.cs-picker-floating-top {
margin-top: -10px; }
.cs-picker-modal.cs-picker-floating.cs-picker-floating-bottom {
margin-top: 10px; }
.cs-form-icon-picker .cs-picker-swatch > .cs-fa {
display: block;
width: 32px;
height: 32px;
font-size: 16px;
line-height: 32px;
text-align: center;
color: #444444; }
.cs-expandable-rich-text .cs-picker-swatch > span {
width: 34px; }
.cs-expandable-rich-text .cs-picker-swatch > span > .cs-fa {
display: block;
font-size: 15px;
line-height: 32px; }
.cs-picker-modal.cs-picker-modal-expandable-text-editor {
min-width: 380px;
min-height: 250px; }
.cs-picker-modal > .cs-text-editor {
width: 380px;
height: 250px; }
.cs-picker-modal .huebert {
width: 288px; }
.cs-picker-modal .huebert-picker {
margin-top: 0;
box-shadow: none; }
.cs-bread-crumbs {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
margin: 0;
padding: 0 10px;
list-style: none; }
.cs-bread-crumbs li {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 1;
flex: 1; }
.cs-bread-crumbs li:not(:last-child):after {
content: ">";
display: block;
font-size: 0.75em;
color: #bcbcbc; }
.cs-bread-crumbs a {
margin: 0 7px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
color: #bcbcbc;
cursor: pointer; }
.cs-bread-crumbs a:hover, .cs-bread-crumbs a.cs-active {
color: #444444; }
.cs-bread-crumbs a.cs-active {
cursor: text; }
.cs-window.cs-window-options > .cs-workspace,
.cs-window.cs-window-options > .cs-workspace > .cs-workspace-sections {
height: 100%;
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start; }
.cs-browser-firefox-51 .cs-window.cs-window-options > .cs-workspace.root > .cs-workspace-content, .cs-browser-firefox-51
.cs-window.cs-window-options > .cs-workspace > .cs-workspace-sections.root > .cs-workspace-content {
margin-bottom: 120px; }
.cs-hf-index {
display: -webkit-flex;
display: flex;
position: relative;
height: 325px; }
.cs-hf-index .cs-scroll-box {
-webkit-flex: 1;
flex: 1; }
.cs-hf-index-create {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex: 0 0 255px;
flex: 0 0 255px;
position: relative;
border-right: 1px solid #e2e2e2;
padding: 30px;
background-color: #f5f5f5;
box-shadow: 0.375em 0 0.375em -0.375em rgba(0, 0, 0, 0.125);
z-index: 5; }
.cs-hf-index-create h1 {
margin: 0;
font-size: 21px;
font-weight: 400;
letter-spacing: -0.035em;
line-height: 1.3; }
.cs-hf-index-create-step {
margin-top: 15px; }
.cs-hf-index-create-step > span {
display: block;
margin: 0 auto 5px;
font-size: 12px;
line-height: 1.5; }
.cs-hf-index-create-step > input[type="text"] {
float: left;
width: calc(100% - 70px); }
.cs-hf-index-create-step > button {
float: right;
display: block;
width: 65px;
height: 32px;
margin: 0;
border: 0;
border-radius: 3px;
padding: 0;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 32px;
text-transform: uppercase;
text-decoration: none;
color: rgba(255, 255, 255, 0.5);
background-color: #272727;
cursor: pointer; }
.cs-hf-index-create-step > button:hover, .cs-hf-index-create-step > button:focus {
color: #ffffff; }
.cs-hf-index-manage {
display: -webkit-flex;
display: flex;
-webkit-flex: 1;
flex: 1;
height: 100%;
position: relative;
min-width: 1px; }
.cs-hf-index-assign {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex: 0 0 255px;
flex: 0 0 255px;
position: relative;
min-width: 1px;
border-left: 1px solid #e2e2e2;
box-shadow: -0.375em 0 0.375em -0.375em rgba(0, 0, 0, 0.125);
z-index: 5; }
.cs-hf-index-assign .cs-search-bar > input[type="search"] {
height: 40px;
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0; }
.cs-hf-index-assign .cs-search-bar > span.cs-clear {
right: 2px; }
.cs-hf-index-assign .cs-search-bar > span:not(.cs-clear) {
left: 10px; }
[class*="cs-hf-index-assign-message"] {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 1 0 100%;
flex: 1 0 100%;
margin: 0;
padding: 30px;
font-size: 12px;
line-height: 1.5;
text-align: center;
color: #444444;
background-color: #f5f5f5; }
[class*="cs-hf-index-assign-message"] i {
display: block;
margin: 0 auto 10px;
font-size: 28px;
line-height: 1;
color: #2980b9; }
[class*="cs-hf-index-assign-message"] button {
display: block;
margin: 10px auto 0;
border: 0;
border-radius: 3px;
padding: 8px calc(11px - 0.065em) 8px 11px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #ffffff;
background-color: #444444;
cursor: pointer; }
[class*="cs-hf-index-assign-message"] button:hover {
color: rgba(255, 255, 255, 0.5); }
.cs-hf-index-assigned .cs-hf-index-assignment:first-child {
border-top: 1px solid #e2e2e2; }
.cs-hf-index-assignment {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
padding: 7px 8px 7px 3px;
background-color: #ffffff;
cursor: pointer; }
.cs-hf-index-assignment-global {
display: block;
padding: 15px calc(10px - 0.15em) 15px 10px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.15em;
text-align: center;
text-transform: uppercase;
color: #272727;
background-color: #f5f5f5; }
.cs-hf-index-assignment-global:hover {
color: #27ae60; }
.cs-hf-index-assignment-highlight {
background-color: #f5f5f5; }
.cs-hf-index-assignment-first-of-type:not(:first-child) {
border-top: 1px solid #e2e2e2; }
.cs-hf-index-assignment-title {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap; }
.cs-hf-index-assignment-title:before {
content: "\25CF";
display: inline-block;
width: 1em;
height: 1em;
margin: 0 1px 0 0;
font-size: 20px;
line-height: 1em;
text-align: center;
vertical-align: top;
color: rgba(68, 68, 68, 0.5); }
.cs-hf-index-assignment:hover .cs-hf-index-assignment-title:before {
color: #444444; }
.cs-hf-index-assignment-assigned {
opacity: 0.35; }
.cs-hf-index-assignment-assigned .cs-hf-index-assignment-title:before,
.cs-hf-index-assigned .cs-hf-index-assignment .cs-hf-index-assignment-title:before {
color: #27ae60; }
.cs-hf-index-assignment-assigned:hover,
.cs-hf-index-assigned .cs-hf-index-assignment:hover {
background-color: #fdf3f2; }
.cs-hf-index-assignment-assigned:hover .cs-hf-index-assignment-title:before,
.cs-hf-index-assigned .cs-hf-index-assignment:hover .cs-hf-index-assignment-title:before {
color: #e74c3c; }
.cs-hf-index-assignment-meta {
display: block;
margin: 0 0 0 10px;
border-radius: 2px;
padding: 4px calc(5px - 0.065em) 4px 5px;
font-size: 8px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
background-color: #ffffff;
box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.215); }
.cs-hf-layout {
display: -webkit-flex;
display: flex;
position: relative;
height: 285px; }
.cs-hf-layout-item {
-webkit-flex: 1;
flex: 1;
height: 100%; }
.cs-hf-layout-item:not(:last-child) {
border-right: 1px solid #e2e2e2; }
.cs-hf-layout-item h3 {
height: 46px;
margin: 0 0 -18px;
padding: 0 20px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
line-height: 46px;
text-transform: uppercase;
color: #444444;
background-color: #ffffff;
box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.65); }
.cs-hf-layout-item ul.cs-controls {
box-shadow: none; }
.cs-hf-layout-item ul.cs-controls li.sortable-item.cs-active {
border-color: #3498db; }
.cs-hf-layout-item.regions {
-webkit-flex: 0 0 168px;
flex: 0 0 168px;
border-right: none; }
.cs-hf-layout-item.regions ul {
margin: 0;
padding: 0;
height: 100%;
list-style: none; }
.cs-hf-layout-item.regions ul li {
position: relative;
height: 71px;
padding: 0 20px;
font-size: 14px;
line-height: 71px;
color: #bcbcbc;
background-color: #f5f5f5;
box-shadow: inset -1px 0 0 0 #e2e2e2;
cursor: pointer;
z-index: 1; }
.cs-hf-layout-item.regions ul li span {
position: relative;
display: inline-block;
width: 28px;
height: 28px;
margin-right: 15px;
vertical-align: middle; }
.cs-hf-layout-item.regions ul li span:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
border-radius: 1px;
background-color: rgba(39, 39, 39, 0.15); }
.cs-hf-layout-item.regions ul li span:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 22px;
border-radius: 1px;
background-color: rgba(39, 39, 39, 0.15); }
.cs-hf-layout-item.regions ul li:hover {
color: #444444; }
.cs-hf-layout-item.regions ul li:hover span:before {
background-color: #444444; }
.cs-hf-layout-item.regions ul li.cs-active {
color: #444444;
background-color: #ffffff;
box-shadow: 0 -1px 0 0 #e2e2e2, 0 1px 0 0 #e2e2e2, inset -1px 0 0 0 #ffffff;
z-index: 2; }
.cs-hf-layout-item.regions ul li.cs-active span:before {
background-color: #444444; }
.cs-hf-layout-item.regions ul li.top span {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.cs-hf-layout-item.regions ul li.left span {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
.cs-hf-layout-item.regions ul li.right span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.cs-hf-layout-item.regions ul li.bottom span {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.cs-hf-layout-item.regions ul li.alternate span:before {
height: 100%;
border-radius: 100em; }
.cs-hf-layout-item.regions ul li.alternate span:after {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 15%;
height: 15%;
margin: 0 auto;
border-radius: 100em;
background-color: #f5f5f5;
transform: translate(0, -50%); }
.cs-hf-layout-max-bars-message {
float: left;
margin: 0;
width: 100%;
font-size: 11px;
font-style: italic;
line-height: 1.3;
text-align: center;
color: #bcbcbc; }
.cs-hf-layout-add-first {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 1;
flex: 1;
width: 100%;
height: 100%;
margin: 0;
border: 0;
padding: 20px;
color: #444444;
background-color: transparent;
cursor: pointer; }
.cs-hf-layout-add-first:hover i {
opacity: 1; }
.cs-hf-layout-add-first i {
width: 1em;
height: 1em;
margin: 0 auto 5px;
font-size: 21px;
line-height: 1em;
opacity: 0.5; }
.cs-hf-layout-add-first span {
line-height: 1.3; }
.cs-hf-layout-continue-message {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 1;
flex: 1;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
line-height: 1.3; }
.cs-hf-layout-module-selector {
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
opacity: 0;
transform: scale(0.915);
transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1), transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
pointer-events: none;
z-index: 10; }
.cs-hf-layout-module-selector.cs-active {
opacity: 1;
transform: scale(1);
pointer-events: auto; }
.cs-hf-layout-module-selector-close {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
margin: 0;
border: 0;
padding: 0;
font-size: 24px;
line-height: 40px;
font-weight: 600;
color: #bcbcbc;
background-color: transparent;
cursor: pointer;
z-index: 15; }
.cs-hf-layout-module-selector-close:hover {
color: #444444; }
.cs-hf-layout-module-selector-content-outer {
display: table;
width: 100%;
height: 100%; }
.cs-hf-layout-module-selector-content-inner {
display: table-cell; }
.cs-hf-layout-module-selector-modules {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start; }
.cs-hf-layout-module-selector-module {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
overflow: hidden;
height: 71.25px;
border-bottom: 1px solid #e2e2e2;
padding: 0 20px;
background-color: #ffffff;
cursor: pointer; }
.cs-hf-layout-module-selector-module:hover {
background-color: #f5f5f5; }
.cs-hf-layout-module-selector-module svg {
-webkit-flex: 0 0 32px;
flex: 0 0 32px;
width: 32px;
height: 32px;
margin: 0;
fill: #444444; }
.cs-hf-layout-module-selector-module span {
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
overflow: hidden;
min-width: 1px;
padding: 0 0 0 20px;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.065em;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap; }
@media (min-width: 500px) {
.cs-hf-layout-module-selector-module {
-webkit-flex: 0 0 50%;
flex: 0 0 50%; }
.cs-hf-layout-module-selector-module:not(:nth-child(2n)) {
border-right: 1px solid #e2e2e2; } }
@media (min-width: 800px) {
.cs-hf-layout-module-selector-module {
-webkit-flex: 0 0 33.33333%;
flex: 0 0 33.33333%; }
.cs-hf-layout-module-selector-module:not(:nth-child(2n)) {
border-right: 0; }
.cs-hf-layout-module-selector-module:not(:nth-child(3n)) {
border-right: 1px solid #e2e2e2; } }
@media (min-width: 1100px) {
.cs-hf-layout-module-selector-module {
-webkit-flex: 0 0 25%;
flex: 0 0 25%; }
.cs-hf-layout-module-selector-module:not(:nth-child(3n)) {
border-right: 0; }
.cs-hf-layout-module-selector-module:not(:nth-child(4n)) {
border-right: 1px solid #e2e2e2; } }
@media (min-width: 1400px) {
.cs-hf-layout-module-selector-module {
-webkit-flex: 0 0 20%;
flex: 0 0 20%; }
.cs-hf-layout-module-selector-module:not(:nth-child(4n)) {
border-right: 0; }
.cs-hf-layout-module-selector-module:not(:nth-child(5n)) {
border-right: 1px solid #e2e2e2; } }
.cs-route-templates-colors .cs-canvas .cs-scroll-box {
padding: 8.5vw; }
.cs-colors {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center; }
.cs-colors .cs-picker:hover .cs-picker-swatch, .cs-colors .cs-picker.cs-active .cs-picker-swatch {
box-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.5);
transform: translate3d(0, 0, 0) scale(1.08511);
z-index: 2; }
.cs-colors .cs-picker-swatch {
position: relative;
width: 94px;
height: 94px;
margin: 8px;
border: 0;
border-radius: 16px;
padding: 0;
background-color: #ffffff;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjY2NjIj48L3JlY3Q+CjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+");
background-position: 50% 50%;
background-repeat: repeat;
box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.1);
transform: translate3d(0, 0, 0) scale(1);
transition: box-shadow 0.15s ease, transform 0.15s ease;
cursor: pointer;
z-index: 1; }
.cs-color-choice,
.cs-color-choice-color {
overflow: hidden;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
z-index: 1; }
.cs-color-choice-label {
overflow: hidden;
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 32px;
padding: 0 1.5em;
font-size: 10px;
letter-spacing: -0.015em;
line-height: 30px;
text-align: center;
text-overflow: ellipsis;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
white-space: nowrap;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.625);
transition: background-color 0.3s ease;
z-index: 2; }
.cs-fonts {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 7.5%; }
.cs-fonts-manager {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
min-width: 400px;
max-width: 820px;
position: relative;
font-size: 24px;
background-color: #ffffff;
box-shadow: 0 0.25em 2.15em rgba(0, 0, 0, 0.125);
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
@media (min-width: 1100px) {
.cs-fonts-manager {
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex: 0 1 820px;
flex: 0 1 820px;
max-height: 400px; } }
.cs-fonts-settings {
border-bottom: 1px solid #e2e2e2;
padding: 28px; }
.cs-fonts-settings .cs-select {
height: 32px;
margin-bottom: 28px; }
@media (min-width: 1100px) {
.cs-fonts-settings {
-webkit-flex: 0 0 270px;
flex: 0 0 270px;
border-right: 1px solid #e2e2e2;
border-bottom: 0; } }
.cs-fonts-weights {
margin: 0;
padding: 0;
font-size: 12px;
list-style: none;
line-height: 1; }
.cs-fonts-weights li {
position: relative; }
.cs-fonts-weights li:before, .cs-fonts-weights li:after {
content: " ";
display: table; }
.cs-fonts-weights li:after {
clear: both; }
.cs-fonts-weights li:hover .cs-fonts-weight-preview {
opacity: 1; }
.cs-fonts-weights li:first-of-type {
margin-top: -0.5em; }
.cs-fonts-weights li:last-of-type {
margin-bottom: -0.5em; }
.cs-fonts-weights label.cs-rc {
margin: 0;
padding: 0.35em 0;
font-size: 1em;
letter-spacing: -0.015em;
color: #bcbcbc; }
.cs-fonts-weights label.cs-rc strong {
font-weight: 600;
color: #444444; }
.cs-fonts-weight-preview {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-content: center;
align-content: center;
position: absolute;
top: 0;
right: 0;
height: 100%;
margin: 0;
border: 0;
padding: 0;
font-size: 1em;
letter-spacing: -0.015em;
text-align: center;
color: #bcbcbc;
background-color: transparent;
cursor: pointer;
opacity: 0; }
.cs-fonts-weight-preview:hover, .cs-fonts-weight-preview:focus, .cs-fonts-weight-preview.cs-active {
color: #444444;
opacity: 1; }
.cs-fonts-preview {
-webkit-flex: 1;
flex: 1;
overflow-x: hidden;
overflow-y: auto;
padding: 2em;
font-size: 1em;
line-height: 1.6;
outline: none; }
.cs-fonts-preview div {
word-wrap: break-word; }
.cs-fonts-preview div:focus {
outline: 0; }
.cs-window.cs-window-templates .cs-workspace ul.cs-controls {
box-shadow: none; }
.cs-window.cs-window-templates .cs-workspace ul.cs-sortable {
padding-top: 0; }
.cs-window.cs-window-templates .cs-workspace li.sortable-item.cs-active {
border-color: #3498db; }
.cs-window.cs-window-templates .cs-workspace li.sortable-item:last-of-type {
margin-bottom: 0; }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../../dist-app/fonts/fontawesome-webfont.eot?v=4.7.0");
src: url("../../dist-app/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../dist-app/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../dist-app/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../dist-app/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../dist-app/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.cs-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; }
/* makes the font 33% larger relative to the icon container */
.cs-fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -15%; }
.cs-fa-2x {
font-size: 2em; }
.cs-fa-3x {
font-size: 3em; }
.cs-fa-4x {
font-size: 4em; }
.cs-fa-5x {
font-size: 5em; }
.cs-fa-fw {
width: 1.28571em;
text-align: center; }
.cs-fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none; }
.cs-fa-ul > li {
position: relative; }
.cs-fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: 0.14286em;
text-align: center; }
.cs-fa-li.cs-fa-lg {
left: -1.85714em; }
.cs-fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em; }
.cs-fa-pull-left {
float: left; }
.cs-fa-pull-right {
float: right; }
.cs-fa.cs-fa-pull-left {
margin-right: .3em; }
.cs-fa.cs-fa-pull-right {
margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.cs-fa.pull-left {
margin-right: .3em; }
.cs-fa.pull-right {
margin-left: .3em; }
.cs-fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.cs-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); } }
.cs-fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.cs-fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.cs-fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.cs-fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.cs-fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .cs-fa-rotate-90,
:root .cs-fa-rotate-180,
:root .cs-fa-rotate-270,
:root .cs-fa-flip-horizontal,
:root .cs-fa-flip-vertical {
filter: none; }
.cs-fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.cs-fa-stack-1x, .cs-fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.cs-fa-stack-1x {
line-height: inherit; }
.cs-fa-stack-2x {
font-size: 2em; }
.cs-fa-inverse {
color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.cs-fa-glass:before {
content: ""; }
.cs-fa-music:before {
content: ""; }
.cs-fa-search:before {
content: ""; }
.cs-fa-envelope-o:before {
content: ""; }
.cs-fa-heart:before {
content: ""; }
.cs-fa-star:before {
content: ""; }
.cs-fa-star-o:before {
content: ""; }
.cs-fa-user:before {
content: ""; }
.cs-fa-film:before {
content: ""; }
.cs-fa-th-large:before {
content: ""; }
.cs-fa-th:before {
content: ""; }
.cs-fa-th-list:before {
content: ""; }
.cs-fa-check:before {
content: ""; }
.cs-fa-remove:before,
.cs-fa-close:before,
.cs-fa-times:before {
content: ""; }
.cs-fa-search-plus:before {
content: ""; }
.cs-fa-search-minus:before {
content: ""; }
.cs-fa-power-off:before {
content: ""; }
.cs-fa-signal:before {
content: ""; }
.cs-fa-gear:before,
.cs-fa-cog:before {
content: ""; }
.cs-fa-trash-o:before {
content: ""; }
.cs-fa-home:before {
content: ""; }
.cs-fa-file-o:before {
content: ""; }
.cs-fa-clock-o:before {
content: ""; }
.cs-fa-road:before {
content: ""; }
.cs-fa-download:before {
content: ""; }
.cs-fa-arrow-circle-o-down:before {
content: ""; }
.cs-fa-arrow-circle-o-up:before {
content: ""; }
.cs-fa-inbox:before {
content: ""; }
.cs-fa-play-circle-o:before {
content: ""; }
.cs-fa-rotate-right:before,
.cs-fa-repeat:before {
content: ""; }
.cs-fa-refresh:before {
content: ""; }
.cs-fa-list-alt:before {
content: ""; }
.cs-fa-lock:before {
content: ""; }
.cs-fa-flag:before {
content: ""; }
.cs-fa-headphones:before {
content: ""; }
.cs-fa-volume-off:before {
content: ""; }
.cs-fa-volume-down:before {
content: ""; }
.cs-fa-volume-up:before {
content: ""; }
.cs-fa-qrcode:before {
content: ""; }
.cs-fa-barcode:before {
content: ""; }
.cs-fa-tag:before {
content: ""; }
.cs-fa-tags:before {
content: ""; }
.cs-fa-book:before {
content: ""; }
.cs-fa-bookmark:before {
content: ""; }
.cs-fa-print:before {
content: ""; }
.cs-fa-camera:before {
content: ""; }
.cs-fa-font:before {
content: ""; }
.cs-fa-bold:before {
content: ""; }
.cs-fa-italic:before {
content: ""; }
.cs-fa-text-height:before {
content: ""; }
.cs-fa-text-width:before {
content: ""; }
.cs-fa-align-left:before {
content: ""; }
.cs-fa-align-center:before {
content: ""; }
.cs-fa-align-right:before {
content: ""; }
.cs-fa-align-justify:before {
content: ""; }
.cs-fa-list:before {
content: ""; }
.cs-fa-dedent:before,
.cs-fa-outdent:before {
content: ""; }
.cs-fa-indent:before {
content: ""; }
.cs-fa-video-camera:before {
content: ""; }
.cs-fa-photo:before,
.cs-fa-image:before,
.cs-fa-picture-o:before {
content: ""; }
.cs-fa-pencil:before {
content: ""; }
.cs-fa-map-marker:before {
content: ""; }
.cs-fa-adjust:before {
content: ""; }
.cs-fa-tint:before {
content: ""; }
.cs-fa-edit:before,
.cs-fa-pencil-square-o:before {
content: ""; }
.cs-fa-share-square-o:before {
content: ""; }
.cs-fa-check-square-o:before {
content: ""; }
.cs-fa-arrows:before {
content: ""; }
.cs-fa-step-backward:before {
content: ""; }
.cs-fa-fast-backward:before {
content: ""; }
.cs-fa-backward:before {
content: ""; }
.cs-fa-play:before {
content: ""; }
.cs-fa-pause:before {
content: ""; }
.cs-fa-stop:before {
content: ""; }
.cs-fa-forward:before {
content: ""; }
.cs-fa-fast-forward:before {
content: ""; }
.cs-fa-step-forward:before {
content: ""; }
.cs-fa-eject:before {
content: ""; }
.cs-fa-chevron-left:before {
content: ""; }
.cs-fa-chevron-right:before {
content: ""; }
.cs-fa-plus-circle:before {
content: ""; }
.cs-fa-minus-circle:before {
content: ""; }
.cs-fa-times-circle:before {
content: ""; }
.cs-fa-check-circle:before {
content: ""; }
.cs-fa-question-circle:before {
content: ""; }
.cs-fa-info-circle:before {
content: ""; }
.cs-fa-crosshairs:before {
content: ""; }
.cs-fa-times-circle-o:before {
content: ""; }
.cs-fa-check-circle-o:before {
content: ""; }
.cs-fa-ban:before {
content: ""; }
.cs-fa-arrow-left:before {
content: ""; }
.cs-fa-arrow-right:before {
content: ""; }
.cs-fa-arrow-up:before {
content: ""; }
.cs-fa-arrow-down:before {
content: ""; }
.cs-fa-mail-forward:before,
.cs-fa-share:before {
content: ""; }
.cs-fa-expand:before {
content: ""; }
.cs-fa-compress:before {
content: ""; }
.cs-fa-plus:before {
content: ""; }
.cs-fa-minus:before {
content: ""; }
.cs-fa-asterisk:before {
content: ""; }
.cs-fa-exclamation-circle:before {
content: ""; }
.cs-fa-gift:before {
content: ""; }
.cs-fa-leaf:before {
content: ""; }
.cs-fa-fire:before {
content: ""; }
.cs-fa-eye:before {
content: ""; }
.cs-fa-eye-slash:before {
content: ""; }
.cs-fa-warning:before,
.cs-fa-exclamation-triangle:before {
content: ""; }
.cs-fa-plane:before {
content: ""; }
.cs-fa-calendar:before {
content: ""; }
.cs-fa-random:before {
content: ""; }
.cs-fa-comment:before {
content: ""; }
.cs-fa-magnet:before {
content: ""; }
.cs-fa-chevron-up:before {
content: ""; }
.cs-fa-chevron-down:before {
content: ""; }
.cs-fa-retweet:before {
content: ""; }
.cs-fa-shopping-cart:before {
content: ""; }
.cs-fa-folder:before {
content: ""; }
.cs-fa-folder-open:before {
content: ""; }
.cs-fa-arrows-v:before {
content: ""; }
.cs-fa-arrows-h:before {
content: ""; }
.cs-fa-bar-chart-o:before,
.cs-fa-bar-chart:before {
content: ""; }
.cs-fa-twitter-square:before {
content: ""; }
.cs-fa-facebook-square:before {
content: ""; }
.cs-fa-camera-retro:before {
content: ""; }
.cs-fa-key:before {
content: ""; }
.cs-fa-gears:before,
.cs-fa-cogs:before {
content: ""; }
.cs-fa-comments:before {
content: ""; }
.cs-fa-thumbs-o-up:before {
content: ""; }
.cs-fa-thumbs-o-down:before {
content: ""; }
.cs-fa-star-half:before {
content: ""; }
.cs-fa-heart-o:before {
content: ""; }
.cs-fa-sign-out:before {
content: ""; }
.cs-fa-linkedin-square:before {
content: ""; }
.cs-fa-thumb-tack:before {
content: ""; }
.cs-fa-external-link:before {
content: ""; }
.cs-fa-sign-in:before {
content: ""; }
.cs-fa-trophy:before {
content: ""; }
.cs-fa-github-square:before {
content: ""; }
.cs-fa-upload:before {
content: ""; }
.cs-fa-lemon-o:before {
content: ""; }
.cs-fa-phone:before {
content: ""; }
.cs-fa-square-o:before {
content: ""; }
.cs-fa-bookmark-o:before {
content: ""; }
.cs-fa-phone-square:before {
content: ""; }
.cs-fa-twitter:before {
content: ""; }
.cs-fa-facebook-f:before,
.cs-fa-facebook:before {
content: ""; }
.cs-fa-github:before {
content: ""; }
.cs-fa-unlock:before {
content: ""; }
.cs-fa-credit-card:before {
content: ""; }
.cs-fa-feed:before,
.cs-fa-rss:before {
content: ""; }
.cs-fa-hdd-o:before {
content: ""; }
.cs-fa-bullhorn:before {
content: ""; }
.cs-fa-bell:before {
content: ""; }
.cs-fa-certificate:before {
content: ""; }
.cs-fa-hand-o-right:before {
content: ""; }
.cs-fa-hand-o-left:before {
content: ""; }
.cs-fa-hand-o-up:before {
content: ""; }
.cs-fa-hand-o-down:before {
content: ""; }
.cs-fa-arrow-circle-left:before {
content: ""; }
.cs-fa-arrow-circle-right:before {
content: ""; }
.cs-fa-arrow-circle-up:before {
content: ""; }
.cs-fa-arrow-circle-down:before {
content: ""; }
.cs-fa-globe:before {
content: ""; }
.cs-fa-wrench:before {
content: ""; }
.cs-fa-tasks:before {
content: ""; }
.cs-fa-filter:before {
content: ""; }
.cs-fa-briefcase:before {
content: ""; }
.cs-fa-arrows-alt:before {
content: ""; }
.cs-fa-group:before,
.cs-fa-users:before {
content: ""; }
.cs-fa-chain:before,
.cs-fa-link:before {
content: ""; }
.cs-fa-cloud:before {
content: ""; }
.cs-fa-flask:before {
content: ""; }
.cs-fa-cut:before,
.cs-fa-scissors:before {
content: ""; }
.cs-fa-copy:before,
.cs-fa-files-o:before {
content: ""; }
.cs-fa-paperclip:before {
content: ""; }
.cs-fa-save:before,
.cs-fa-floppy-o:before {
content: ""; }
.cs-fa-square:before {
content: ""; }
.cs-fa-navicon:before,
.cs-fa-reorder:before,
.cs-fa-bars:before {
content: ""; }
.cs-fa-list-ul:before {
content: ""; }
.cs-fa-list-ol:before {
content: ""; }
.cs-fa-strikethrough:before {
content: ""; }
.cs-fa-underline:before {
content: ""; }
.cs-fa-table:before {
content: ""; }
.cs-fa-magic:before {
content: ""; }
.cs-fa-truck:before {
content: ""; }
.cs-fa-pinterest:before {
content: ""; }
.cs-fa-pinterest-square:before {
content: ""; }
.cs-fa-google-plus-square:before {
content: ""; }
.cs-fa-google-plus:before {
content: ""; }
.cs-fa-money:before {
content: ""; }
.cs-fa-caret-down:before {
content: ""; }
.cs-fa-caret-up:before {
content: ""; }
.cs-fa-caret-left:before {
content: ""; }
.cs-fa-caret-right:before {
content: ""; }
.cs-fa-columns:before {
content: ""; }
.cs-fa-unsorted:before,
.cs-fa-sort:before {
content: ""; }
.cs-fa-sort-down:before,
.cs-fa-sort-desc:before {
content: ""; }
.cs-fa-sort-up:before,
.cs-fa-sort-asc:before {
content: ""; }
.cs-fa-envelope:before {
content: ""; }
.cs-fa-linkedin:before {
content: ""; }
.cs-fa-rotate-left:before,
.cs-fa-undo:before {
content: ""; }
.cs-fa-legal:before,
.cs-fa-gavel:before {
content: ""; }
.cs-fa-dashboard:before,
.cs-fa-tachometer:before {
content: ""; }
.cs-fa-comment-o:before {
content: ""; }
.cs-fa-comments-o:before {
content: ""; }
.cs-fa-flash:before,
.cs-fa-bolt:before {
content: ""; }
.cs-fa-sitemap:before {
content: ""; }
.cs-fa-umbrella:before {
content: ""; }
.cs-fa-paste:before,
.cs-fa-clipboard:before {
content: ""; }
.cs-fa-lightbulb-o:before {
content: ""; }
.cs-fa-exchange:before {
content: ""; }
.cs-fa-cloud-download:before {
content: ""; }
.cs-fa-cloud-upload:before {
content: ""; }
.cs-fa-user-md:before {
content: ""; }
.cs-fa-stethoscope:before {
content: ""; }
.cs-fa-suitcase:before {
content: ""; }
.cs-fa-bell-o:before {
content: ""; }
.cs-fa-coffee:before {
content: ""; }
.cs-fa-cutlery:before {
content: ""; }
.cs-fa-file-text-o:before {
content: ""; }
.cs-fa-building-o:before {
content: ""; }
.cs-fa-hospital-o:before {
content: ""; }
.cs-fa-ambulance:before {
content: ""; }
.cs-fa-medkit:before {
content: ""; }
.cs-fa-fighter-jet:before {
content: ""; }
.cs-fa-beer:before {
content: ""; }
.cs-fa-h-square:before {
content: ""; }
.cs-fa-plus-square:before {
content: ""; }
.cs-fa-angle-double-left:before {
content: ""; }
.cs-fa-angle-double-right:before {
content: ""; }
.cs-fa-angle-double-up:before {
content: ""; }
.cs-fa-angle-double-down:before {
content: ""; }
.cs-fa-angle-left:before {
content: ""; }
.cs-fa-angle-right:before {
content: ""; }
.cs-fa-angle-up:before {
content: ""; }
.cs-fa-angle-down:before {
content: ""; }
.cs-fa-desktop:before {
content: ""; }
.cs-fa-laptop:before {
content: ""; }
.cs-fa-tablet:before {
content: ""; }
.cs-fa-mobile-phone:before,
.cs-fa-mobile:before {
content: ""; }
.cs-fa-circle-o:before {
content: ""; }
.cs-fa-quote-left:before {
content: ""; }
.cs-fa-quote-right:before {
content: ""; }
.cs-fa-spinner:before {
content: ""; }
.cs-fa-circle:before {
content: ""; }
.cs-fa-mail-reply:before,
.cs-fa-reply:before {
content: ""; }
.cs-fa-github-alt:before {
content: ""; }
.cs-fa-folder-o:before {
content: ""; }
.cs-fa-folder-open-o:before {
content: ""; }
.cs-fa-smile-o:before {
content: ""; }
.cs-fa-frown-o:before {
content: ""; }
.cs-fa-meh-o:before {
content: ""; }
.cs-fa-gamepad:before {
content: ""; }
.cs-fa-keyboard-o:before {
content: ""; }
.cs-fa-flag-o:before {
content: ""; }
.cs-fa-flag-checkered:before {
content: ""; }
.cs-fa-terminal:before {
content: ""; }
.cs-fa-code:before {
content: ""; }
.cs-fa-mail-reply-all:before,
.cs-fa-reply-all:before {
content: ""; }
.cs-fa-star-half-empty:before,
.cs-fa-star-half-full:before,
.cs-fa-star-half-o:before {
content: ""; }
.cs-fa-location-arrow:before {
content: ""; }
.cs-fa-crop:before {
content: ""; }
.cs-fa-code-fork:before {
content: ""; }
.cs-fa-unlink:before,
.cs-fa-chain-broken:before {
content: ""; }
.cs-fa-question:before {
content: ""; }
.cs-fa-info:before {
content: ""; }
.cs-fa-exclamation:before {
content: ""; }
.cs-fa-superscript:before {
content: ""; }
.cs-fa-subscript:before {
content: ""; }
.cs-fa-eraser:before {
content: ""; }
.cs-fa-puzzle-piece:before {
content: ""; }
.cs-fa-microphone:before {
content: ""; }
.cs-fa-microphone-slash:before {
content: ""; }
.cs-fa-shield:before {
content: ""; }
.cs-fa-calendar-o:before {
content: ""; }
.cs-fa-fire-extinguisher:before {
content: ""; }
.cs-fa-rocket:before {
content: ""; }
.cs-fa-maxcdn:before {
content: ""; }
.cs-fa-chevron-circle-left:before {
content: ""; }
.cs-fa-chevron-circle-right:before {
content: ""; }
.cs-fa-chevron-circle-up:before {
content: ""; }
.cs-fa-chevron-circle-down:before {
content: ""; }
.cs-fa-html5:before {
content: ""; }
.cs-fa-css3:before {
content: ""; }
.cs-fa-anchor:before {
content: ""; }
.cs-fa-unlock-alt:before {
content: ""; }
.cs-fa-bullseye:before {
content: ""; }
.cs-fa-ellipsis-h:before {
content: ""; }
.cs-fa-ellipsis-v:before {
content: ""; }
.cs-fa-rss-square:before {
content: ""; }
.cs-fa-play-circle:before {
content: ""; }
.cs-fa-ticket:before {
content: ""; }
.cs-fa-minus-square:before {
content: ""; }
.cs-fa-minus-square-o:before {
content: ""; }
.cs-fa-level-up:before {
content: ""; }
.cs-fa-level-down:before {
content: ""; }
.cs-fa-check-square:before {
content: ""; }
.cs-fa-pencil-square:before {
content: ""; }
.cs-fa-external-link-square:before {
content: ""; }
.cs-fa-share-square:before {
content: ""; }
.cs-fa-compass:before {
content: ""; }
.cs-fa-toggle-down:before,
.cs-fa-caret-square-o-down:before {
content: ""; }
.cs-fa-toggle-up:before,
.cs-fa-caret-square-o-up:before {
content: ""; }
.cs-fa-toggle-right:before,
.cs-fa-caret-square-o-right:before {
content: ""; }
.cs-fa-euro:before,
.cs-fa-eur:before {
content: ""; }
.cs-fa-gbp:before {
content: ""; }
.cs-fa-dollar:before,
.cs-fa-usd:before {
content: ""; }
.cs-fa-rupee:before,
.cs-fa-inr:before {
content: ""; }
.cs-fa-cny:before,
.cs-fa-rmb:before,
.cs-fa-yen:before,
.cs-fa-jpy:before {
content: ""; }
.cs-fa-ruble:before,
.cs-fa-rouble:before,
.cs-fa-rub:before {
content: ""; }
.cs-fa-won:before,
.cs-fa-krw:before {
content: ""; }
.cs-fa-bitcoin:before,
.cs-fa-btc:before {
content: ""; }
.cs-fa-file:before {
content: ""; }
.cs-fa-file-text:before {
content: ""; }
.cs-fa-sort-alpha-asc:before {
content: ""; }
.cs-fa-sort-alpha-desc:before {
content: ""; }
.cs-fa-sort-amount-asc:before {
content: ""; }
.cs-fa-sort-amount-desc:before {
content: ""; }
.cs-fa-sort-numeric-asc:before {
content: ""; }
.cs-fa-sort-numeric-desc:before {
content: ""; }
.cs-fa-thumbs-up:before {
content: ""; }
.cs-fa-thumbs-down:before {
content: ""; }
.cs-fa-youtube-square:before {
content: ""; }
.cs-fa-youtube:before {
content: ""; }
.cs-fa-xing:before {
content: ""; }
.cs-fa-xing-square:before {
content: ""; }
.cs-fa-youtube-play:before {
content: ""; }
.cs-fa-dropbox:before {
content: ""; }
.cs-fa-stack-overflow:before {
content: ""; }
.cs-fa-instagram:before {
content: ""; }
.cs-fa-flickr:before {
content: ""; }
.cs-fa-adn:before {
content: ""; }
.cs-fa-bitbucket:before {
content: ""; }
.cs-fa-bitbucket-square:before {
content: ""; }
.cs-fa-tumblr:before {
content: ""; }
.cs-fa-tumblr-square:before {
content: ""; }
.cs-fa-long-arrow-down:before {
content: ""; }
.cs-fa-long-arrow-up:before {
content: ""; }
.cs-fa-long-arrow-left:before {
content: ""; }
.cs-fa-long-arrow-right:before {
content: ""; }
.cs-fa-apple:before {
content: ""; }
.cs-fa-windows:before {
content: ""; }
.cs-fa-android:before {
content: ""; }
.cs-fa-linux:before {
content: ""; }
.cs-fa-dribbble:before {
content: ""; }
.cs-fa-skype:before {
content: ""; }
.cs-fa-foursquare:before {
content: ""; }
.cs-fa-trello:before {
content: ""; }
.cs-fa-female:before {
content: ""; }
.cs-fa-male:before {
content: ""; }
.cs-fa-gittip:before,
.cs-fa-gratipay:before {
content: ""; }
.cs-fa-sun-o:before {
content: ""; }
.cs-fa-moon-o:before {
content: ""; }
.cs-fa-archive:before {
content: ""; }
.cs-fa-bug:before {
content: ""; }
.cs-fa-vk:before {
content: ""; }
.cs-fa-weibo:before {
content: ""; }
.cs-fa-renren:before {
content: ""; }
.cs-fa-pagelines:before {
content: ""; }
.cs-fa-stack-exchange:before {
content: ""; }
.cs-fa-arrow-circle-o-right:before {
content: ""; }
.cs-fa-arrow-circle-o-left:before {
content: ""; }
.cs-fa-toggle-left:before,
.cs-fa-caret-square-o-left:before {
content: ""; }
.cs-fa-dot-circle-o:before {
content: ""; }
.cs-fa-wheelchair:before {
content: ""; }
.cs-fa-vimeo-square:before {
content: ""; }
.cs-fa-turkish-lira:before,
.cs-fa-try:before {
content: ""; }
.cs-fa-plus-square-o:before {
content: ""; }
.cs-fa-space-shuttle:before {
content: ""; }
.cs-fa-slack:before {
content: ""; }
.cs-fa-envelope-square:before {
content: ""; }
.cs-fa-wordpress:before {
content: ""; }
.cs-fa-openid:before {
content: ""; }
.cs-fa-institution:before,
.cs-fa-bank:before,
.cs-fa-university:before {
content: ""; }
.cs-fa-mortar-board:before,
.cs-fa-graduation-cap:before {
content: ""; }
.cs-fa-yahoo:before {
content: ""; }
.cs-fa-google:before {
content: ""; }
.cs-fa-reddit:before {
content: ""; }
.cs-fa-reddit-square:before {
content: ""; }
.cs-fa-stumbleupon-circle:before {
content: ""; }
.cs-fa-stumbleupon:before {
content: ""; }
.cs-fa-delicious:before {
content: ""; }
.cs-fa-digg:before {
content: ""; }
.cs-fa-pied-piper-pp:before {
content: ""; }
.cs-fa-pied-piper-alt:before {
content: ""; }
.cs-fa-drupal:before {
content: ""; }
.cs-fa-joomla:before {
content: ""; }
.cs-fa-language:before {
content: ""; }
.cs-fa-fax:before {
content: ""; }
.cs-fa-building:before {
content: ""; }
.cs-fa-child:before {
content: ""; }
.cs-fa-paw:before {
content: ""; }
.cs-fa-spoon:before {
content: ""; }
.cs-fa-cube:before {
content: ""; }
.cs-fa-cubes:before {
content: ""; }
.cs-fa-behance:before {
content: ""; }
.cs-fa-behance-square:before {
content: ""; }
.cs-fa-steam:before {
content: ""; }
.cs-fa-steam-square:before {
content: ""; }
.cs-fa-recycle:before {
content: ""; }
.cs-fa-automobile:before,
.cs-fa-car:before {
content: ""; }
.cs-fa-cab:before,
.cs-fa-taxi:before {
content: ""; }
.cs-fa-tree:before {
content: ""; }
.cs-fa-spotify:before {
content: ""; }
.cs-fa-deviantart:before {
content: ""; }
.cs-fa-soundcloud:before {
content: ""; }
.cs-fa-database:before {
content: ""; }
.cs-fa-file-pdf-o:before {
content: ""; }
.cs-fa-file-word-o:before {
content: ""; }
.cs-fa-file-excel-o:before {
content: ""; }
.cs-fa-file-powerpoint-o:before {
content: ""; }
.cs-fa-file-photo-o:before,
.cs-fa-file-picture-o:before,
.cs-fa-file-image-o:before {
content: ""; }
.cs-fa-file-zip-o:before,
.cs-fa-file-archive-o:before {
content: ""; }
.cs-fa-file-sound-o:before,
.cs-fa-file-audio-o:before {
content: ""; }
.cs-fa-file-movie-o:before,
.cs-fa-file-video-o:before {
content: ""; }
.cs-fa-file-code-o:before {
content: ""; }
.cs-fa-vine:before {
content: ""; }
.cs-fa-codepen:before {
content: ""; }
.cs-fa-jsfiddle:before {
content: ""; }
.cs-fa-life-bouy:before,
.cs-fa-life-buoy:before,
.cs-fa-life-saver:before,
.cs-fa-support:before,
.cs-fa-life-ring:before {
content: ""; }
.cs-fa-circle-o-notch:before {
content: ""; }
.cs-fa-ra:before,
.cs-fa-resistance:before,
.cs-fa-rebel:before {
content: ""; }
.cs-fa-ge:before,
.cs-fa-empire:before {
content: ""; }
.cs-fa-git-square:before {
content: ""; }
.cs-fa-git:before {
content: ""; }
.cs-fa-y-combinator-square:before,
.cs-fa-yc-square:before,
.cs-fa-hacker-news:before {
content: ""; }
.cs-fa-tencent-weibo:before {
content: ""; }
.cs-fa-qq:before {
content: ""; }
.cs-fa-wechat:before,
.cs-fa-weixin:before {
content: ""; }
.cs-fa-send:before,
.cs-fa-paper-plane:before {
content: ""; }
.cs-fa-send-o:before,
.cs-fa-paper-plane-o:before {
content: ""; }
.cs-fa-history:before {
content: ""; }
.cs-fa-circle-thin:before {
content: ""; }
.cs-fa-header:before {
content: ""; }
.cs-fa-paragraph:before {
content: ""; }
.cs-fa-sliders:before {
content: ""; }
.cs-fa-share-alt:before {
content: ""; }
.cs-fa-share-alt-square:before {
content: ""; }
.cs-fa-bomb:before {
content: ""; }
.cs-fa-soccer-ball-o:before,
.cs-fa-futbol-o:before {
content: ""; }
.cs-fa-tty:before {
content: ""; }
.cs-fa-binoculars:before {
content: ""; }
.cs-fa-plug:before {
content: ""; }
.cs-fa-slideshare:before {
content: ""; }
.cs-fa-twitch:before {
content: ""; }
.cs-fa-yelp:before {
content: ""; }
.cs-fa-newspaper-o:before {
content: ""; }
.cs-fa-wifi:before {
content: ""; }
.cs-fa-calculator:before {
content: ""; }
.cs-fa-paypal:before {
content: ""; }
.cs-fa-google-wallet:before {
content: ""; }
.cs-fa-cc-visa:before {
content: ""; }
.cs-fa-cc-mastercard:before {
content: ""; }
.cs-fa-cc-discover:before {
content: ""; }
.cs-fa-cc-amex:before {
content: ""; }
.cs-fa-cc-paypal:before {
content: ""; }
.cs-fa-cc-stripe:before {
content: ""; }
.cs-fa-bell-slash:before {
content: ""; }
.cs-fa-bell-slash-o:before {
content: ""; }
.cs-fa-trash:before {
content: ""; }
.cs-fa-copyright:before {
content: ""; }
.cs-fa-at:before {
content: ""; }
.cs-fa-eyedropper:before {
content: ""; }
.cs-fa-paint-brush:before {
content: ""; }
.cs-fa-birthday-cake:before {
content: ""; }
.cs-fa-area-chart:before {
content: ""; }
.cs-fa-pie-chart:before {
content: ""; }
.cs-fa-line-chart:before {
content: ""; }
.cs-fa-lastfm:before {
content: ""; }
.cs-fa-lastfm-square:before {
content: ""; }
.cs-fa-toggle-off:before {
content: ""; }
.cs-fa-toggle-on:before {
content: ""; }
.cs-fa-bicycle:before {
content: ""; }
.cs-fa-bus:before {
content: ""; }
.cs-fa-ioxhost:before {
content: ""; }
.cs-fa-angellist:before {
content: ""; }
.cs-fa-cc:before {
content: ""; }
.cs-fa-shekel:before,
.cs-fa-sheqel:before,
.cs-fa-ils:before {
content: ""; }
.cs-fa-meanpath:before {
content: ""; }
.cs-fa-buysellads:before {
content: ""; }
.cs-fa-connectdevelop:before {
content: ""; }
.cs-fa-dashcube:before {
content: ""; }
.cs-fa-forumbee:before {
content: ""; }
.cs-fa-leanpub:before {
content: ""; }
.cs-fa-sellsy:before {
content: ""; }
.cs-fa-shirtsinbulk:before {
content: ""; }
.cs-fa-simplybuilt:before {
content: ""; }
.cs-fa-skyatlas:before {
content: ""; }
.cs-fa-cart-plus:before {
content: ""; }
.cs-fa-cart-arrow-down:before {
content: ""; }
.cs-fa-diamond:before {
content: ""; }
.cs-fa-ship:before {
content: ""; }
.cs-fa-user-secret:before {
content: ""; }
.cs-fa-motorcycle:before {
content: ""; }
.cs-fa-street-view:before {
content: ""; }
.cs-fa-heartbeat:before {
content: ""; }
.cs-fa-venus:before {
content: ""; }
.cs-fa-mars:before {
content: ""; }
.cs-fa-mercury:before {
content: ""; }
.cs-fa-intersex:before,
.cs-fa-transgender:before {
content: ""; }
.cs-fa-transgender-alt:before {
content: ""; }
.cs-fa-venus-double:before {
content: ""; }
.cs-fa-mars-double:before {
content: ""; }
.cs-fa-venus-mars:before {
content: ""; }
.cs-fa-mars-stroke:before {
content: ""; }
.cs-fa-mars-stroke-v:before {
content: ""; }
.cs-fa-mars-stroke-h:before {
content: ""; }
.cs-fa-neuter:before {
content: ""; }
.cs-fa-genderless:before {
content: ""; }
.cs-fa-facebook-official:before {
content: ""; }
.cs-fa-pinterest-p:before {
content: ""; }
.cs-fa-whatsapp:before {
content: ""; }
.cs-fa-server:before {
content: ""; }
.cs-fa-user-plus:before {
content: ""; }
.cs-fa-user-times:before {
content: ""; }
.cs-fa-hotel:before,
.cs-fa-bed:before {
content: ""; }
.cs-fa-viacoin:before {
content: ""; }
.cs-fa-train:before {
content: ""; }
.cs-fa-subway:before {
content: ""; }
.cs-fa-medium:before {
content: ""; }
.cs-fa-yc:before,
.cs-fa-y-combinator:before {
content: ""; }
.cs-fa-optin-monster:before {
content: ""; }
.cs-fa-opencart:before {
content: ""; }
.cs-fa-expeditedssl:before {
content: ""; }
.cs-fa-battery-4:before,
.cs-fa-battery:before,
.cs-fa-battery-full:before {
content: ""; }
.cs-fa-battery-3:before,
.cs-fa-battery-three-quarters:before {
content: ""; }
.cs-fa-battery-2:before,
.cs-fa-battery-half:before {
content: ""; }
.cs-fa-battery-1:before,
.cs-fa-battery-quarter:before {
content: ""; }
.cs-fa-battery-0:before,
.cs-fa-battery-empty:before {
content: ""; }
.cs-fa-mouse-pointer:before {
content: ""; }
.cs-fa-i-cursor:before {
content: ""; }
.cs-fa-object-group:before {
content: ""; }
.cs-fa-object-ungroup:before {
content: ""; }
.cs-fa-sticky-note:before {
content: ""; }
.cs-fa-sticky-note-o:before {
content: ""; }
.cs-fa-cc-jcb:before {
content: ""; }
.cs-fa-cc-diners-club:before {
content: ""; }
.cs-fa-clone:before {
content: ""; }
.cs-fa-balance-scale:before {
content: ""; }
.cs-fa-hourglass-o:before {
content: ""; }
.cs-fa-hourglass-1:before,
.cs-fa-hourglass-start:before {
content: ""; }
.cs-fa-hourglass-2:before,
.cs-fa-hourglass-half:before {
content: ""; }
.cs-fa-hourglass-3:before,
.cs-fa-hourglass-end:before {
content: ""; }
.cs-fa-hourglass:before {
content: ""; }
.cs-fa-hand-grab-o:before,
.cs-fa-hand-rock-o:before {
content: ""; }
.cs-fa-hand-stop-o:before,
.cs-fa-hand-paper-o:before {
content: ""; }
.cs-fa-hand-scissors-o:before {
content: ""; }
.cs-fa-hand-lizard-o:before {
content: ""; }
.cs-fa-hand-spock-o:before {
content: ""; }
.cs-fa-hand-pointer-o:before {
content: ""; }
.cs-fa-hand-peace-o:before {
content: ""; }
.cs-fa-trademark:before {
content: ""; }
.cs-fa-registered:before {
content: ""; }
.cs-fa-creative-commons:before {
content: ""; }
.cs-fa-gg:before {
content: ""; }
.cs-fa-gg-circle:before {
content: ""; }
.cs-fa-tripadvisor:before {
content: ""; }
.cs-fa-odnoklassniki:before {
content: ""; }
.cs-fa-odnoklassniki-square:before {
content: ""; }
.cs-fa-get-pocket:before {
content: ""; }
.cs-fa-wikipedia-w:before {
content: ""; }
.cs-fa-safari:before {
content: ""; }
.cs-fa-chrome:before {
content: ""; }
.cs-fa-firefox:before {
content: ""; }
.cs-fa-opera:before {
content: ""; }
.cs-fa-internet-explorer:before {
content: ""; }
.cs-fa-tv:before,
.cs-fa-television:before {
content: ""; }
.cs-fa-contao:before {
content: ""; }
.cs-fa-500px:before {
content: ""; }
.cs-fa-amazon:before {
content: ""; }
.cs-fa-calendar-plus-o:before {
content: ""; }
.cs-fa-calendar-minus-o:before {
content: ""; }
.cs-fa-calendar-times-o:before {
content: ""; }
.cs-fa-calendar-check-o:before {
content: ""; }
.cs-fa-industry:before {
content: ""; }
.cs-fa-map-pin:before {
content: ""; }
.cs-fa-map-signs:before {
content: ""; }
.cs-fa-map-o:before {
content: ""; }
.cs-fa-map:before {
content: ""; }
.cs-fa-commenting:before {
content: ""; }
.cs-fa-commenting-o:before {
content: ""; }
.cs-fa-houzz:before {
content: ""; }
.cs-fa-vimeo:before {
content: ""; }
.cs-fa-black-tie:before {
content: ""; }
.cs-fa-fonticons:before {
content: ""; }
.cs-fa-reddit-alien:before {
content: ""; }
.cs-fa-edge:before {
content: ""; }
.cs-fa-credit-card-alt:before {
content: ""; }
.cs-fa-codiepie:before {
content: ""; }
.cs-fa-modx:before {
content: ""; }
.cs-fa-fort-awesome:before {
content: ""; }
.cs-fa-usb:before {
content: ""; }
.cs-fa-product-hunt:before {
content: ""; }
.cs-fa-mixcloud:before {
content: ""; }
.cs-fa-scribd:before {
content: ""; }
.cs-fa-pause-circle:before {
content: ""; }
.cs-fa-pause-circle-o:before {
content: ""; }
.cs-fa-stop-circle:before {
content: ""; }
.cs-fa-stop-circle-o:before {
content: ""; }
.cs-fa-shopping-bag:before {
content: ""; }
.cs-fa-shopping-basket:before {
content: ""; }
.cs-fa-hashtag:before {
content: ""; }
.cs-fa-bluetooth:before {
content: ""; }
.cs-fa-bluetooth-b:before {
content: ""; }
.cs-fa-percent:before {
content: ""; }
.cs-fa-gitlab:before {
content: ""; }
.cs-fa-wpbeginner:before {
content: ""; }
.cs-fa-wpforms:before {
content: ""; }
.cs-fa-envira:before {
content: ""; }
.cs-fa-universal-access:before {
content: ""; }
.cs-fa-wheelchair-alt:before {
content: ""; }
.cs-fa-question-circle-o:before {
content: ""; }
.cs-fa-blind:before {
content: ""; }
.cs-fa-audio-description:before {
content: ""; }
.cs-fa-volume-control-phone:before {
content: ""; }
.cs-fa-braille:before {
content: ""; }
.cs-fa-assistive-listening-systems:before {
content: ""; }
.cs-fa-asl-interpreting:before,
.cs-fa-american-sign-language-interpreting:before {
content: ""; }
.cs-fa-deafness:before,
.cs-fa-hard-of-hearing:before,
.cs-fa-deaf:before {
content: ""; }
.cs-fa-glide:before {
content: ""; }
.cs-fa-glide-g:before {
content: ""; }
.cs-fa-signing:before,
.cs-fa-sign-language:before {
content: ""; }
.cs-fa-low-vision:before {
content: ""; }
.cs-fa-viadeo:before {
content: ""; }
.cs-fa-viadeo-square:before {
content: ""; }
.cs-fa-snapchat:before {
content: ""; }
.cs-fa-snapchat-ghost:before {
content: ""; }
.cs-fa-snapchat-square:before {
content: ""; }
.cs-fa-pied-piper:before {
content: ""; }
.cs-fa-first-order:before {
content: ""; }
.cs-fa-yoast:before {
content: ""; }
.cs-fa-themeisle:before {
content: ""; }
.cs-fa-google-plus-circle:before,
.cs-fa-google-plus-official:before {
content: ""; }
.cs-fa-fa:before,
.cs-fa-font-awesome:before {
content: ""; }
.cs-fa-handshake-o:before {
content: ""; }
.cs-fa-envelope-open:before {
content: ""; }
.cs-fa-envelope-open-o:before {
content: ""; }
.cs-fa-linode:before {
content: ""; }
.cs-fa-address-book:before {
content: ""; }
.cs-fa-address-book-o:before {
content: ""; }
.cs-fa-vcard:before,
.cs-fa-address-card:before {
content: ""; }
.cs-fa-vcard-o:before,
.cs-fa-address-card-o:before {
content: ""; }
.cs-fa-user-circle:before {
content: ""; }
.cs-fa-user-circle-o:before {
content: ""; }
.cs-fa-user-o:before {
content: ""; }
.cs-fa-id-badge:before {
content: ""; }
.cs-fa-drivers-license:before,
.cs-fa-id-card:before {
content: ""; }
.cs-fa-drivers-license-o:before,
.cs-fa-id-card-o:before {
content: ""; }
.cs-fa-quora:before {
content: ""; }
.cs-fa-free-code-camp:before {
content: ""; }
.cs-fa-telegram:before {
content: ""; }
.cs-fa-thermometer-4:before,
.cs-fa-thermometer:before,
.cs-fa-thermometer-full:before {
content: ""; }
.cs-fa-thermometer-3:before,
.cs-fa-thermometer-three-quarters:before {
content: ""; }
.cs-fa-thermometer-2:before,
.cs-fa-thermometer-half:before {
content: ""; }
.cs-fa-thermometer-1:before,
.cs-fa-thermometer-quarter:before {
content: ""; }
.cs-fa-thermometer-0:before,
.cs-fa-thermometer-empty:before {
content: ""; }
.cs-fa-shower:before {
content: ""; }
.cs-fa-bathtub:before,
.cs-fa-s15:before,
.cs-fa-bath:before {
content: ""; }
.cs-fa-podcast:before {
content: ""; }
.cs-fa-window-maximize:before {
content: ""; }
.cs-fa-window-minimize:before {
content: ""; }
.cs-fa-window-restore:before {
content: ""; }
.cs-fa-times-rectangle:before,
.cs-fa-window-close:before {
content: ""; }
.cs-fa-times-rectangle-o:before,
.cs-fa-window-close-o:before {
content: ""; }
.cs-fa-bandcamp:before {
content: ""; }
.cs-fa-grav:before {
content: ""; }
.cs-fa-etsy:before {
content: ""; }
.cs-fa-imdb:before {
content: ""; }
.cs-fa-ravelry:before {
content: ""; }
.cs-fa-eercast:before {
content: ""; }
.cs-fa-microchip:before {
content: ""; }
.cs-fa-snowflake-o:before {
content: ""; }
.cs-fa-superpowers:before {
content: ""; }
.cs-fa-wpexplorer:before {
content: ""; }
.cs-fa-meetup:before {
content: ""; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
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; }
#wpadminbar #wp-admin-bar-wp-logo {
padding: 0 3px;
pointer-events: none; }
.screen-reader-text {
overflow: hidden;
position: absolute;
margin: -1px;
border: 0;
padding: 0;
width: 1px;
height: 1px;
word-wrap: normal !important;
clip: rect(0 0 0 0); }
/*# sourceMappingURL=cs.css.map */