@charset "UTF-8";
/* ------------------------------
censhare Web LESS variables
copyright: censhare AG

Table of content
1. Colors
    1.1 Color definitions
        1.1.1 Interface colors
        1.1.2 Brand colors
        1.1.3 Information colors
        1.1.4 Application colors
    1.2 Nonsemantic naming
    1.3 Functional naming
        1.3.1 Page colors
        1.3.2 Side navigation colors
        1.3.3 Top navigation colors
        1.3.4 Dialog colors
        1.3.5 Other functional colors
2. Sizes
3. Fonts
4. Others
    4.1 z-indexes
    4.2 Page content
  ------------------------------- */
/* ------------------------------
1. Colors
  ------------------------------- */
/* ------------------------------
2. Sizes
  ------------------------------- */
/* ------------------------------
3. Fonts
  ------------------------------- */
/* ------------------------------
4. Others
  ------------------------------- */
/* ------ default tabs used in content ------ */
/* ------ 1st level tabs used in dialogs ------ */
/* ------ vertical tabs (used in dialogs) ------ */
/** HEADER CONFIG **/
/** COLORS **/
/* Customizable colors for censhare theme */
/* ------------------------------
censhare Web mixins
copyright: censhare AG

Table of content
1. transform LESS mixins
2. Animation LESS mixins
3. Shadows LESS mixins
4. Columns LESS mixins
5. Flexbox LESS mixins
6. Radius LESS mixins
7. Text/font related LESS mixins
8. Other LESS mixins
9. UI/styles stuff LESS mixins
  ------------------------------- */
/* ------------------------------
1. transform LESS mixins
  ------------------------------- */
/* ------------------------------
2. Animation LESS mixins
  ------------------------------- */
/* ------------------------------
3. Shadows LESS mixins
  ------------------------------- */
/* ------------------------------
4. Columns LESS mixins
  ------------------------------- */
/* ------------------------------
5. Flexbox LESS mixins
  ------------------------------- */
/* ------------------------------
6. Radius LESS mixins
  ------------------------------- */
/* ------------------------------
7. Text/font related LESS mixins
  ------------------------------- */
/* ------------------------------
Other LESS mixins
  ------------------------------- */
/* ------------------------------
UI/styles stuff LESS mixins
  ------------------------------- */
/* --- lines ---- */
/** Will place :before or :after in top of page placements element **/
/* --- border gradient --- */
/* --- absolute element --- */
/* --- box arrows --- */
/** Highlighting of page elements **/
/** Highlighting of placement elements **/
/* apply natural border-box layout model to all elements */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
svg {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: baseline; }

button {
  outline: none;
  /* added because of to big paddings in buttons in FF: reset extra space - from awe  */ }
  button::-moz-focus-inner {
    border: 0;
    padding: 0; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@-webkit-keyframes bounceIn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  1% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  2% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes bounceIn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  1% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  2% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes bounceIn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  1% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  2% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  1% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  2% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes spinning {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-moz-keyframes spinning {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-ms-keyframes spinning {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes spinning {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes collide {
  0%,
  30%,
  100% {
    background: #404448; }
  5% {
    background: #585e63; }
  40% {
    background: #4c5156; } }

@keyframes collide {
  0%,
  30%,
  100% {
    background: #404448; }
  5% {
    background: #585e63; }
  40% {
    background: #4c5156; } }

@keyframes slideUp {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(-100%); } }

@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(0%); } }

@-webkit-keyframes cs-left-nav-hover-effect {
  0% {
    opacity: 1; }
  50% {
    opacity: .1; }
  100% {
    opacity: 1; } }

@-moz-keyframes cs-left-nav-hover-effect {
  0% {
    opacity: 1; }
  50% {
    opacity: .1; }
  100% {
    opacity: 1; } }

@-ms-keyframes cs-left-nav-hover-effect {
  0% {
    opacity: 1; }
  50% {
    opacity: .1; }
  100% {
    opacity: 1; } }

@keyframes cs-left-nav-hover-effect {
  0% {
    opacity: 1; }
  50% {
    opacity: .1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes cs-resize-visiblity-detection {
  from {
    opacity: 0; }
  to {
    opacity: .01; } }

@-moz-keyframes cs-resize-visiblity-detection {
  from {
    opacity: 0; }
  to {
    opacity: .01; } }

@-ms-keyframes cs-resize-visiblity-detection {
  from {
    opacity: 0; }
  to {
    opacity: .01; } }

@keyframes cs-resize-visiblity-detection {
  from {
    opacity: 0; }
  to {
    opacity: .01; } }

@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0.4); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* ------------------------------
censhare Web icon font "cs-icons"
copyright: censhare AG
  ------------------------------- */
@font-face {
  font-family: "cs-icons";
  font-style: normal;
  font-weight: 400;
  src: url("/censhare5/client/styles/fonts/cs-icons.eot?20181127");
  src: url("/censhare5/client/styles/fonts/cs-icons.eot?20181127#iefix") format("embedded-opentype"), url("/censhare5/client/styles/fonts/cs-icons.ttf?20181127") format("truetype"), url("/censhare5/client/styles/fonts/cs-icons.woff?20181127") format("woff"), url("/censhare5/client/styles/fonts/cs-icons.svg?20181127#cs-icons") format("svg"); }

[class^="cs-icon-"],
[class*=" cs-icon-"] {
  font-family: "cs-icons", sans-serif; }

/* ------------------------------
Icon declarations
Add new icons here
------------------------------- */
.cs-icon-export::before {
  content: "\ea03"; }

.cs-icon-import::before {
  content: "\ea06"; }

.cs-icon-translate-add::before {
  content: "\ea02"; }

.cs-icon-replace::before {
  content: "\ea04"; }

.cs-icon-sort-and-group::before {
  content: "\ea05"; }

.cs-icon-view-table::before {
  content: "\e9fd"; }

.cs-icon-explorer::before {
  content: "\ea01"; }

.cs-icon-servicedesk::before {
  content: "\ea00"; }

.cs-icon-add-snippetcollection::before {
  content: "\e9ff"; }

.cs-icon-add-assetviasnippet::before {
  content: "\e9fe"; }

.cs-icon-camera::before {
  content: "\e836"; }

.cs-icon-category::before {
  content: "\e9ec"; }

.cs-icon-open::before {
  content: "\e661"; }

.cs-icon-no-progress::before {
  content: "\e9eb"; }

.cs-icon-in-progress::before {
  content: "\e9ea"; }

.cs-icon-last-created::before {
  content: "\e9e5"; }

.cs-icon-last-edited::before {
  content: "\e9e6"; }

.cs-icon-add-marker::before {
  content: "\e9e4"; }

.cs-icon-text-right-to-left::before {
  content: "\e9e1"; }

.cs-icon-text-left-to-right::before {
  content: "\e9e3"; }

.cs-icon-clock-alt::before {
  content: "\e9df"; }

.cs-icon-usage-rights::before {
  content: "\e9e0"; }

.cs-icon-folder-alt::before {
  content: "\e9db"; }

.cs-icon-preferences::before {
  content: "\e9dc"; }

.cs-icon-more-alt::before {
  content: "\e940"; }

.cs-icon-copy-metadata::before {
  content: "\e9d9"; }

.cs-icon-copy::before {
  content: "\e9da"; }

.cs-icon-tag-alt::before {
  content: "\e9d8"; }

.cs-icon-fullscreen::before {
  content: "\e9d7"; }

.cs-icon-copyright::before {
  content: "\e9d6"; }

.cs-icon-back-alt::before {
  content: "\e9d4"; }

.cs-icon-forward-alt::before {
  content: "\e9d5"; }

.cs-icon-translate::before {
  content: "\e9d2"; }

.cs-icon-fit-complete::before {
  content: "\e9d0"; }

.cs-icon-fit-to-width::before {
  content: "\e9d1"; }

.cs-icon-merge::before {
  content: "\e9ca"; }

.cs-icon-split::before {
  content: "\e9cc"; }

.cs-icon-elements::before {
  content: "\e9c7"; }

.cs-icon-workflow-off::before {
  content: "\e9af"; }

.cs-icon-workflow::before {
  content: "\e9b0"; }

.cs-icon-update-arrow-right::before {
  content: "\e9b5"; }

.cs-icon-update-arrow-down-right::before {
  content: "\e994"; }

.cs-icon-update-arrow-down::before {
  content: "\e996"; }

.cs-icon-update-arrow-up-down-right::before {
  content: "\e997"; }

.cs-icon-update-arrow-up-down::before {
  content: "\e9a0"; }

.cs-icon-update-arrow-up-right::before {
  content: "\e9a1"; }

.cs-icon-update-arrow-up::before {
  content: "\e9aa"; }

.cs-icon-geometry-update::before {
  content: "\e9ab"; }

.cs-icon-multi-edit::before {
  content: "\e993"; }

.cs-icon-menu-hamburger::before {
  content: "\e992"; }

.cs-icon-watched::before {
  content: "\e98c"; }

.cs-icon-remove-watched::before {
  content: "\e98e"; }

.cs-icon-custom-numbering::before {
  content: "\e990"; }

.cs-icon-deletion-locked::before {
  content: "\e983"; }

.cs-icon-remove-favorite::before {
  content: "\e984"; }

.cs-icon-remove-pushpin::before {
  content: "\e985"; }

.cs-icon-grid-on::before {
  content: "\e982"; }

.cs-icon-grid-off::before {
  content: "\e981"; }

.cs-icon-arrow-left::before {
  content: "\e9ac"; }

.cs-icon-arrow-right::before {
  content: "\e97f"; }

.cs-icon-arrow-down::before {
  content: "\e94c"; }

.cs-icon-arrow-up::before {
  content: "\e980"; }

.cs-icon-table-insert-column-right::before {
  content: "\e932"; }

.cs-icon-table-insert-row-above::before {
  content: "\e933"; }

.cs-icon-table-insert-row-below::before {
  content: "\e934"; }

.cs-icon-table-delete-column::before {
  content: "\e972"; }

.cs-icon-table-delete-row::before {
  content: "\e974"; }

.cs-icon-table-insert-column-left::before {
  content: "\e975"; }

.cs-icon-view-detail::before {
  content: "\e930"; }

.cs-icon-dearchive::before {
  content: "\e92f"; }

.cs-icon-circle-plus-thin::before {
  content: "\e971"; }

.cs-icon-create-topic::before {
  content: "\e94d"; }

.cs-icon-drag-columns::before {
  content: "\e95b"; }

.cs-icon-add-layout::before {
  content: "\e952"; }

.cs-icon-append-pages::before {
  content: "\e95a"; }

.cs-icon-movement-locked::before {
  content: "\e95e"; }

.cs-icon-resize-locked::before {
  content: "\e95f"; }

.cs-icon-view-double-page::before {
  content: "\e96a"; }

.cs-icon-view-overview::before {
  content: "\e96c"; }

.cs-icon-action-create-asset::before {
  content: "\e950"; }

.cs-icon-action-global::before {
  content: "\e948"; }

.cs-icon-check-thin::before {
  content: "\e93e"; }

.cs-icon-plus-thin::before {
  content: "\e93f"; }

.cs-icon-minus-thin::before {
  content: "\e946"; }

.cs-icon-product::before {
  content: "\e947"; }

.cs-icon-temperature::before {
  content: "\e93b"; }

.cs-icon-optional-placements::before {
  content: "\e91b"; }

.cs-icon-web-to-print::before {
  content: "\e91a"; }

.cs-icon-add-snippet::before {
  content: "\e918"; }

.cs-icon-warning-alt::before {
  content: "\e917"; }

.cs-icon-drag-handle::before {
  content: "\e919"; }

.cs-icon-dropzone::before {
  content: "\e915"; }

.cs-icon-flag::before {
  content: "\e914"; }

.cs-icon-circle::before {
  content: "\e913"; }

.cs-icon-add-content::before {
  content: "\e912"; }

.cs-icon-adapt-content-to-frame::before {
  content: "\e90e"; }

.cs-icon-fill-frame-proportional::before {
  content: "\e909"; }

.cs-icon-clear-box-content::before {
  content: "\e908"; }

.cs-icon-scs-pagebreak::before {
  content: "\e907"; }

.cs-icon-scs-external-content::before {
  content: "\e905"; }

.cs-icon-scs-external-content-box::before {
  content: "\e902"; }

.cs-icon-unlink::before {
  content: "\e953"; }

.cs-icon-add-box::before {
  content: "\e961"; }

.cs-icon-align::before {
  content: "\e962"; }

.cs-icon-app::before {
  content: "\e964"; }

.cs-icon-article::before {
  content: "\e96f"; }

.cs-icon-aspect-ratio::before {
  content: "\e973"; }

.cs-icon-background-opacity::before {
  content: "\e976"; }

.cs-icon-caption::before {
  content: "\e977"; }

.cs-icon-content::before {
  content: "\e97b"; }

.cs-icon-distance-top::before {
  content: "\e98a"; }

.cs-icon-height::before {
  content: "\e98b"; }

.cs-icon-position-origin::before {
  content: "\e98d"; }

.cs-icon-position::before {
  content: "\e995"; }

.cs-icon-scs-display-image-caption::before {
  content: "\e9a3"; }

.cs-icon-scs-strapline::before {
  content: "\e9a4"; }

.cs-icon-scs-subheadline-1::before {
  content: "\e9a5"; }

.cs-icon-scs-subheadline-2::before {
  content: "\e9ad"; }

.cs-icon-scs-subheadline-3::before {
  content: "\e9ae"; }

.cs-icon-scs-subtitle::before {
  content: "\e9b2"; }

.cs-icon-scs-url-fragment::before {
  content: "\e9b6"; }

.cs-icon-scs-url::before {
  content: "\e9c3"; }

.cs-icon-semantics::before {
  content: "\e9c5"; }

.cs-icon-seo-title::before {
  content: "\e9c9"; }

.cs-icon-table-cell-element::before {
  content: "\e9e8"; }

.cs-icon-table-caption::before {
  content: "\e9e9"; }

.cs-icon-table-col::before {
  content: "\e9ee"; }

.cs-icon-table-colspan::before {
  content: "\e9f1"; }

.cs-icon-table-colspec::before {
  content: "\e9f2"; }

.cs-icon-table-footer-row-count::before {
  content: "\e9f3"; }

.cs-icon-table-header-row-count::before {
  content: "\e9f4"; }

.cs-icon-table-row::before {
  content: "\e9f5"; }

.cs-icon-table-rowspan::before {
  content: "\e9f6"; }

.cs-icon-teaser-text::before {
  content: "\e9f7"; }

.cs-icon-teaser::before {
  content: "\e9f8"; }

.cs-icon-title::before {
  content: "\e9f9"; }

.cs-icon-width::before {
  content: "\e9fa"; }

.cs-icon-x-position::before {
  content: "\e9fb"; }

.cs-icon-y-position::before {
  content: "\e9fc"; }

.cs-icon-content-update::before {
  content: "\e944"; }

.cs-icon-spell-check::before {
  content: "\e943"; }

.cs-icon-social-reply::before {
  content: "\e945"; }

.cs-icon-social-retweet::before {
  content: "\e94b"; }

.cs-icon-social-views::before {
  content: "\e954"; }

.cs-icon-social-comment::before {
  content: "\e922"; }

.cs-icon-social-like::before {
  content: "\e923"; }

.cs-icon-social-dislike::before {
  content: "\e955"; }

.cs-icon-social-share::before {
  content: "\e924"; }

.cs-icon-workspace::before {
  content: "\e911"; }

.cs-icon-asset::before {
  content: "\e802"; }

.cs-icon-multiple-assets::before {
  content: "\e860"; }

.cs-icon-em-space::before {
  content: "\e861"; }

.cs-icon-content-lock::before {
  content: "\e800"; }

.cs-icon-geometry-lock::before {
  content: "\e801"; }

.cs-icon-preview-exit::before {
  content: "\e665"; }

.cs-icon-preview::before {
  content: "\e666"; }

.cs-icon-relation::before {
  content: "\e662"; }

.cs-icon-filetype-pdf::before {
  content: "\e660"; }

.cs-icon-toc::before {
  content: "\e65d"; }

.cs-icon-enumeration::before {
  content: "\e65e"; }

.cs-icon-scs-group::before {
  content: "\e65c"; }

.cs-icon-callout-box::before {
  content: "\e65a"; }

.cs-icon-answer::before {
  content: "\e648"; }

.cs-icon-question::before {
  content: "\e649"; }

.cs-icon-conversation-item::before {
  content: "\e64a"; }

.cs-icon-conversation::before {
  content: "\e64b"; }

.cs-icon-image-reveal-box::before {
  content: "\e64c"; }

.cs-icon-image-reveal::before {
  content: "\e64d"; }

.cs-icon-turntable-box::before {
  content: "\e64e"; }

.cs-icon-turntable::before {
  content: "\e64f"; }

.cs-icon-slideshow-alt-box::before {
  content: "\e650"; }

.cs-icon-slideshow-alt::before {
  content: "\e651"; }

.cs-icon-video-box::before {
  content: "\e652"; }

.cs-icon-video::before {
  content: "\e653"; }

.cs-icon-audio-box::before {
  content: "\e654"; }

.cs-icon-audio::before {
  content: "\e655"; }

.cs-icon-image-box::before {
  content: "\e656"; }

.cs-icon-image::before {
  content: "\e657"; }

.cs-icon-list-item::before {
  content: "\e658"; }

.cs-icon-server-send::before {
  content: "\e643"; }

.cs-icon-jump-to-edit-down::before {
  content: "\e644"; }

.cs-icon-jump-to-edit-up::before {
  content: "\e645"; }

.cs-icon-link-segments::before {
  content: "\e646"; }

.cs-icon-unlink-segments::before {
  content: "\e647"; }

.cs-icon-change-template::before {
  content: "\e642"; }

.cs-icon-archive::before {
  content: "\e63a"; }

.cs-icon-duplicate::before {
  content: "\e63b"; }

.cs-icon-undo::before {
  content: "\e63d"; }

.cs-icon-redo::before {
  content: "\e63e"; }

.cs-icon-visibility-off::before {
  content: "\e63f"; }

.cs-icon-visibility::before {
  content: "\e640"; }

.cs-icon-find-content::before {
  content: "\e641"; }

.cs-icon-find-replace::before {
  content: "\e639"; }

.cs-icon-track-changes::before {
  content: "\e638"; }

.cs-icon-paragraph::before {
  content: "\e659"; }

.cs-icon-paragraph-alt::before {
  content: "\e916"; }

.cs-icon-character::before {
  content: "\e90d"; }

.cs-icon-textmode::before {
  content: "\e864"; }

.cs-icon-sub::before {
  content: "\e636"; }

.cs-icon-sup::before {
  content: "\e637"; }

.cs-icon-bold-italic::before {
  content: "\e635"; }

.cs-icon-edit-page-size::before {
  content: "\e634"; }

.cs-icon-view-relation::before {
  content: "\e631"; }

.cs-icon-view-list::before {
  content: "\e630"; }

.cs-icon-view-gallery::before {
  content: "\e632"; }

.cs-icon-view-column::before {
  content: "\e633"; }

.cs-icon-warning::before {
  content: "\e600"; }

.cs-icon-star::before {
  content: "\e602"; }

.cs-icon-star-empty::before {
  content: "\e603"; }

.cs-icon-infopanel-open::before {
  content: "\e606"; }

.cs-icon-infopanel-closed::before {
  content: "\e607"; }

.cs-icon-navpanel-closed::before {
  content: "\e62c"; }

.cs-icon-navpanel-open::before {
  content: "\e62d"; }

.cs-icon-exif-white-balance::before {
  content: "\e60d"; }

.cs-icon-exif-shutter-speed::before {
  content: "\e60e"; }

.cs-icon-exif-model::before {
  content: "\e60f"; }

.cs-icon-exif-metering-mode::before {
  content: "\e610"; }

.cs-icon-exif-lens::before {
  content: "\e611"; }

.cs-icon-exif-iso::before {
  content: "\e612"; }

.cs-icon-exif-focal-length::before {
  content: "\e613"; }

.cs-icon-exif-flash::before {
  content: "\e614"; }

.cs-icon-exif-exposure-compensation::before {
  content: "\e615"; }

.cs-icon-exif-aperture::before {
  content: "\e616"; }

.cs-icon-edit::before {
  content: "\e617"; }

.cs-icon-comment::before {
  content: "\e618"; }

.cs-icon-checkbox::before {
  content: "\e621"; }

.cs-icon-close::before {
  content: "\e61a"; }

.cs-icon-close-thin::before {
  content: "\e91e"; }

.cs-icon-close-cross::before {
  content: "\e61b"; }

.cs-icon-clock::before {
  content: "\e61c"; }

.cs-icon-calendar::before {
  content: "\e623"; }

.cs-icon-crop::before {
  content: "\e626"; }

.cs-icon-flip-horizontal::before {
  content: "\e627"; }

.cs-icon-flip-vertical::before {
  content: "\e628"; }

.cs-icon-rotate-left::before {
  content: "\e629"; }

.cs-icon-rotate-right::before {
  content: "\e62a"; }

.cs-icon-resize::before {
  content: "\e62b"; }

.cs-icon-chevron-up::before {
  content: "\e61d"; }

.cs-icon-chevron-left::before {
  content: "\e61f"; }

.cs-icon-chevron-right::before {
  content: "\e61e"; }

.cs-icon-chevron-down::before {
  content: "\e620"; }

.cs-icon-back::before {
  content: "\e604"; }

.cs-icon-first::before {
  content: "\e624"; }

.cs-icon-last::before {
  content: "\e625"; }

.cs-icon-forward::before {
  content: "\e62e"; }

.cs-icon-home::before {
  content: "\e8de"; }

.cs-icon-edit2::before {
  content: "\e889"; }

.cs-icon-search::before {
  content: "\e97a"; }

.cs-icon-twitter::before {
  content: "\e81b"; }

.cs-icon-facebook::before {
  content: "\e816"; }

.cs-icon-youtube::before {
  content: "\e815"; }

.cs-icon-rss::before {
  content: "\e942"; }

.cs-icon-radar::before {
  content: "\e95c"; }

.cs-icon-adjust::before {
  content: "\e805"; }

.cs-icon-anchor::before {
  content: "\e80e"; }

.cs-icon-asterisk::before {
  content: "\e80f"; }

.cs-icon-divide::before {
  content: "\e882"; }

.cs-icon-bell::before {
  content: "\e817"; }

.cs-icon-bin::before {
  content: "\e91d"; }

.cs-icon-bin-alt::before {
  content: "\e92e"; }

.cs-icon-binoculars::before {
  content: "\e819"; }

.cs-icon-blacksmith::before {
  content: "\e81e"; }

.cs-icon-book::before {
  content: "\e824"; }

.cs-icon-bookmark::before {
  content: "\e825"; }

.cs-icon-book-open::before {
  content: "\e826"; }

.cs-icon-bring-forward::before {
  content: "\e82b"; }

.cs-icon-bring-to-front::before {
  content: "\e82c"; }

.cs-icon-brush::before {
  content: "\e82d"; }

.cs-icon-bucket::before {
  content: "\e82e"; }

.cs-icon-spray::before {
  content: "\e9a2"; }

.cs-icon-tint::before {
  content: "\e9c4"; }

.cs-icon-eyedropper::before {
  content: "\e895"; }

.cs-icon-bullhorn::before {
  content: "\e831"; }

.cs-icon-bug::before {
  content: "\e82f"; }

.cs-icon-cargo::before {
  content: "\e83b"; }

.cs-icon-stats::before {
  content: "\e9a6"; }

.cs-icon-pie-chart::before {
  content: "\e94a"; }

.cs-icon-charts::before {
  content: "\e845"; }

.cs-icon-unchecked::before {
  content: "\e9cb"; }

.cs-icon-check::before {
  content: "\e847"; }

.cs-icon-circle-arrow-down::before {
  content: "\e84d"; }

.cs-icon-circle-arrow-left::before {
  content: "\e84e"; }

.cs-icon-circle-arrow-right::before {
  content: "\e84f"; }

.cs-icon-circle-arrow-top::before {
  content: "\e850"; }

.cs-icon-circle-info::before {
  content: "\e852"; }

.cs-icon-circle-exclamation-mark::before {
  content: "\e851"; }

.cs-icon-circle-question-mark::before {
  content: "\e856"; }

.cs-icon-circle-plus::before {
  content: "\e855"; }

.cs-icon-circle-minus::before {
  content: "\e853"; }

.cs-icon-circle-remove::before {
  content: "\e857"; }

.cs-icon-circle-ok::before {
  content: "\e854"; }

.cs-icon-ok::before {
  content: "\e936"; }

.cs-icon-ok-2::before {
  content: "\e937"; }

.cs-icon-cleaning::before {
  content: "\e858"; }

.cs-icon-alarm::before {
  content: "\e808"; }

.cs-icon-history::before {
  content: "\e8dd"; }

.cs-icon-cluster::before {
  content: "\e85f"; }

.cs-icon-compressed::before {
  content: "\e867"; }

.cs-icon-construction-cone::before {
  content: "\e868"; }

.cs-icon-crown::before {
  content: "\e86d"; }

.cs-icon-cup::before {
  content: "\e86e"; }

.cs-icon-cutlery::before {
  content: "\e870"; }

.cs-icon-birthday-cake::before {
  content: "\e81a"; }

.cs-icon-disk-open::before {
  content: "\e87d"; }

.cs-icon-disk-save::before {
  content: "\e87f"; }

.cs-icon-left-arrow::before {
  content: "\e900"; }

.cs-icon-up-arrow::before {
  content: "\e9cf"; }

.cs-icon-down-arrow::before {
  content: "\e883"; }

.cs-icon-right-arrow::before {
  content: "\e96d"; }

.cs-icon-download-alt::before {
  content: "\e885"; }

.cs-icon-embed::before {
  content: "\e88d"; }

.cs-icon-embed-close::before {
  content: "\e88e"; }

.cs-icon-erase::before {
  content: "\e891"; }

.cs-icon-coins::before {
  content: "\e93c"; }

.cs-icon-money::before {
  content: "\e928"; }

.cs-icon-expand::before {
  content: "\e894"; }

.cs-icon-collapse::before {
  content: "\e90a"; }

.cs-icon-collapse-top::before {
  content: "\e910"; }

.cs-icon-eye-close::before {
  content: "\e810"; }

.cs-icon-eye-open::before {
  content: "\e814"; }

.cs-icon-file::before {
  content: "\e8a1"; }

.cs-icon-film::before {
  content: "\e8a4"; }

.cs-icon-filter::before {
  content: "\e8a5"; }

.cs-icon-fire::before {
  content: "\e8a6"; }

.cs-icon-floppy-disk::before {
  content: "\e8ac"; }

.cs-icon-folder-closed::before {
  content: "\e8b2"; }

.cs-icon-folder-heart::before {
  content: "\e8b4"; }

.cs-icon-git-branch::before {
  content: "\e8c2"; }

.cs-icon-git-create::before {
  content: "\e8c5"; }

.cs-icon-global::before {
  content: "\e8cc"; }

.cs-icon-globe-af::before {
  content: "\e8cd"; }

.cs-icon-heart::before {
  content: "\e8da"; }

.cs-icon-heart-empty::before {
  content: "\e8db"; }

.cs-icon-inbox::before {
  content: "\e8e7"; }

.cs-icon-keynote::before {
  content: "\e8f9"; }

.cs-icon-keys::before {
  content: "\e8fa"; }

.cs-icon-lab::before {
  content: "\e8fd"; }

.cs-icon-lightbulb::before {
  content: "\e9d3"; }

.cs-icon-link::before {
  content: "\e903"; }

.cs-icon-lock::before {
  content: "\e906"; }

.cs-icon-unlock::before {
  content: "\e9cd"; }

.cs-icon-magic::before {
  content: "\e90c"; }

.cs-icon-envelope::before {
  content: "\e88f"; }

.cs-icon-minus::before {
  content: "\e920"; }

.cs-icon-message-out::before {
  content: "\e91c"; }

.cs-icon-plus::before {
  content: "\e951"; }

.cs-icon-more-items::before {
  content: "\e926"; }

.cs-icon-more-windows::before {
  content: "\e927"; }

.cs-icon-sort::before {
  content: "\e998"; }

.cs-icon-move::before {
  content: "\e929"; }

.cs-icon-new-window::before {
  content: "\e931"; }

.cs-icon-notes::before {
  content: "\e935"; }

.cs-icon-more::before {
  content: "\e925"; }

.cs-icon-option-horizontal::before {
  content: "\e939"; }

.cs-icon-option-vertical::before {
  content: "\e93a"; }

.cs-icon-paperclip::before {
  content: "\e93d"; }

.cs-icon-paste::before {
  content: "\e940"; }

.cs-icon-phone::before {
  content: "\e887"; }

.cs-icon-picture::before {
  content: "\e949"; }

.cs-icon-map::before {
  content: "\e90f"; }

.cs-icon-google-maps::before {
  content: "\e8ce"; }

.cs-icon-pushpin::before {
  content: "\e959"; }

.cs-icon-power::before {
  content: "\e956"; }

.cs-icon-print::before {
  content: "\e957"; }

.cs-icon-tv::before {
  content: "\e9c8"; }

.cs-icon-imac::before {
  content: "\e8e6"; }

.cs-icon-display::before {
  content: "\e881"; }

.cs-icon-macbook::before {
  content: "\e90b"; }

.cs-icon-ipad::before {
  content: "\e8ee"; }

.cs-icon-iphone::before {
  content: "\e8ef"; }

.cs-icon-projector::before {
  content: "\e958"; }

.cs-icon-multiple-displays::before {
  content: "\e92a"; }

.cs-icon-refresh::before {
  content: "\e960"; }

.cs-icon-ban::before {
  content: "\e811"; }

.cs-icon-remove::before {
  content: "\e963"; }

.cs-icon-repeat::before {
  content: "\e965"; }

.cs-icon-resize-full::before {
  content: "\e966"; }

.cs-icon-resize-small::before {
  content: "\e967"; }

.cs-icon-restart::before {
  content: "\e968"; }

.cs-icon-retweet::before {
  content: "\e969"; }

.cs-icon-scissors::before {
  content: "\e978"; }

.cs-icon-screenshot::before {
  content: "\e979"; }

.cs-icon-send::before {
  content: "\e97c"; }

.cs-icon-send-backward::before {
  content: "\e97d"; }

.cs-icon-send-to-back::before {
  content: "\e97e"; }

.cs-icon-shield::before {
  content: "\e989"; }

.cs-icon-show-big-thumbnails::before {
  content: "\e98f"; }

.cs-icon-show-thumbnails::before {
  content: "\e991"; }

.cs-icon-list::before {
  content: "\e904"; }

.cs-icon-sort-by-alphabet::before {
  content: "\e999"; }

.cs-icon-sort-by-alphabet-alt::before {
  content: "\e99a"; }

.cs-icon-sort-by-attributes::before {
  content: "\e99b"; }

.cs-icon-sort-by-attributes-alt::before {
  content: "\e99c"; }

.cs-icon-sort-by-order::before {
  content: "\e99d"; }

.cs-icon-sort-by-order-alt::before {
  content: "\e99e"; }

.cs-icon-sorting::before {
  content: "\e99f"; }

.cs-icon-tag::before {
  content: "\e9b3"; }

.cs-icon-tags::before {
  content: "\e9b4"; }

.cs-icon-header::before {
  content: "\e8d7"; }

.cs-icon-table::before {
  content: "\e9b1"; }

.cs-icon-align-left::before {
  content: "\e80c"; }

.cs-icon-align-center::before {
  content: "\e80b"; }

.cs-icon-align-right::before {
  content: "\e80d"; }

.cs-icon-justify::before {
  content: "\e8f6"; }

.cs-icon-right-indent::before {
  content: "\e96e"; }

.cs-icon-left-indent::before {
  content: "\e901"; }

.cs-icon-font::before {
  content: "\e8ba"; }

.cs-icon-text-background::before {
  content: "\e9b7"; }

.cs-icon-text-bigger::before {
  content: "\e9b8"; }

.cs-icon-text-color::before {
  content: "\e9b9"; }

.cs-icon-text-height::before {
  content: "\e9ba"; }

.cs-icon-bold::before {
  content: "\e822"; }

.cs-icon-italic::before {
  content: "\e8f5"; }

.cs-icon-text-resize::before {
  content: "\e9bb"; }

.cs-icon-text-size::before {
  content: "\e9bc"; }

.cs-icon-text-smaller::before {
  content: "\e9bd"; }

.cs-icon-text-strike::before {
  content: "\e9be"; }

.cs-icon-text-underline::before {
  content: "\e9bf"; }

.cs-icon-text-width::before {
  content: "\e9c0"; }

.cs-icon-thumbs-down::before {
  content: "\e9c1"; }

.cs-icon-thumbs-up::before {
  content: "\e9c2"; }

.cs-icon-transfer::before {
  content: "\e9c6"; }

.cs-icon-unshare::before {
  content: "\e9ce"; }

.cs-icon-share::before {
  content: "\e987"; }

.cs-icon-share-alt::before {
  content: "\e988"; }

.cs-icon-user::before {
  content: "\e91f"; }

.cs-icon-user-alt::before {
  content: "\e921"; }

.cs-icon-old-man::before {
  content: "\e938"; }

.cs-icon-group::before {
  content: "\e8d0"; }

.cs-icon-nameplate::before {
  content: "\e92d"; }

.cs-icon-vector-path-circle::before {
  content: "\e9de"; }

.cs-icon-vector-path-all::before {
  content: "\e9dd"; }

.cs-icon-vector-path-square::before {
  content: "\e9e2"; }

.cs-icon-volume-up::before {
  content: "\e9e7"; }

.cs-icon-mute::before {
  content: "\e92c"; }

.cs-icon-music::before {
  content: "\e92b"; }

.cs-icon-random::before {
  content: "\e95d"; }

.cs-icon-stop::before {
  content: "\e9a9"; }

.cs-icon-play::before {
  content: "\e94e"; }

.cs-icon-pause::before {
  content: "\e941"; }

.cs-icon-step-backward::before {
  content: "\e9a7"; }

.cs-icon-step-forward::before {
  content: "\e9a8"; }

.cs-icon-fast-backward::before {
  content: "\e89c"; }

.cs-icon-fast-forward::before {
  content: "\e89e"; }

.cs-icon-play-rewind::before {
  content: "\e96b"; }

.cs-icon-play-forward::before {
  content: "\e8bb"; }

.cs-icon-play-button::before {
  content: "\e94f"; }

.cs-icon-zoom-in::before {
  content: "\e9ef"; }

.cs-icon-zoom-out::before {
  content: "\e9f0"; }

.cs-icon-cogwheels::before {
  content: "\e863"; }

.cs-icon-cogwheel::before {
  content: "\e862"; }

.cs-icon-settings::before {
  content: "\e986"; }

.cs-icon-wrench::before {
  content: "\e9ed"; }

.cs-icon-dashboard::before {
  content: "\e871"; }

.cs-icon-adjust-alt::before {
  content: "\e806"; }

.cs-icon {
  color: inherit;
  display: inline-block;
  font-size: 0.71428571em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: inherit;
  speak: none;
  text-transform: none;
  user-select: text;
  vertical-align: baseline; }
  .cs-icon::before {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline; }
  .cs-icon.cs-valign-top {
    vertical-align: top; }

.cs-button .cs-icon,
.cs-button-cta .cs-icon,
.cs-button-cta-02 .cs-icon,
.cs-button-alt .cs-icon,
.csControl__menu > li.button-appearance .cs-icon,
.csControl__menu > li.cta-appearance .cs-icon {
  font-size: 1.6rem;
  height: 2.8rem;
  line-height: 2.8rem;
  vertical-align: top; }
  .cs-button .cs-icon::before,
  .cs-button-cta .cs-icon::before,
  .cs-button-cta-02 .cs-icon::before,
  .cs-button-alt .cs-icon::before,
  .csControl__menu > li.button-appearance .cs-icon::before,
  .csControl__menu > li.cta-appearance .cs-icon::before {
    vertical-align: top; }

.cs-button.cs-is-small .cs-icon,
.btn-group.cs-is-small .cs-button .cs-icon,
.cs-button-cta.cs-is-small .cs-icon,
.btn-group.cs-is-small
.cs-button-cta .cs-icon,
.cs-button-cta-02.cs-is-small .cs-icon,
.btn-group.cs-is-small
.cs-button-cta-02 .cs-icon,
.cs-button-alt.cs-is-small .cs-icon,
.btn-group.cs-is-small
.cs-button-alt .cs-icon,
.csControl__menu > li.button-appearance.cs-is-small .cs-icon,
.btn-group.cs-is-small
.csControl__menu > li.button-appearance .cs-icon,
.csControl__menu > li.cta-appearance.cs-is-small .cs-icon,
.btn-group.cs-is-small
.csControl__menu > li.cta-appearance .cs-icon {
  font-size: 1.38rem;
  height: 2.2rem;
  line-height: 2.2rem; }

#censhareApp .cs-icon.cs-iconsize-50,
#censhareApp .cs-is-small .cs-icon.cs-iconsize-50 {
  font-size: 0.57142857em; }

#censhareApp .cs-icon.cs-iconsize-100,
#censhareApp .cs-is-small .cs-icon.cs-iconsize-100 {
  font-size: 0.71428571em; }

#censhareApp .cs-icon.cs-iconsize-150,
#censhareApp .cs-is-small .cs-icon.cs-iconsize-150 {
  font-size: 1em; }

#censhareApp .cs-icon.cs-iconsize-200,
#censhareApp .cs-is-small .cs-icon.cs-iconsize-200 {
  font-size: 1.14285714em; }

#censhareApp .cs-icon.cs-iconsize-400,
#censhareApp .cs-is-small .cs-icon.cs-iconsize-400 {
  font-size: 1.42857143em; }

#censhareApp .cs-icon.cs-iconsize-800,
#censhareApp .cs-is-small .cs-icon.cs-iconsize-800 {
  font-size: 1.71428571em; }

#censhareApp .cs-icon.cs-iconsize-1600,
#censhareApp .cs-is-small .cs-icon.cs-iconsize-1600 {
  font-size: 2.28571429em; }

#censhareApp .cs-icon.cs-relative-iconsize-50,
#censhareApp .cs-is-small .cs-icon.cs-relative-iconsize-50 {
  font-size: 0.8rem; }

#censhareApp .cs-icon.cs-relative-iconsize-100,
#censhareApp .cs-is-small .cs-icon.cs-relative-iconsize-100 {
  font-size: 1rem; }

#censhareApp .cs-icon.cs-relative-iconsize-150,
#censhareApp .cs-is-small .cs-icon.cs-relative-iconsize-150 {
  font-size: 1.4rem; }

#censhareApp .cs-icon.cs-relative-iconsize-200,
#censhareApp .cs-is-small .cs-icon.cs-relative-iconsize-200 {
  font-size: 1.6rem; }

#censhareApp .cs-icon.cs-relative-iconsize-400,
#censhareApp .cs-is-small .cs-icon.cs-relative-iconsize-400 {
  font-size: 2rem; }

#censhareApp .cs-icon.cs-relative-iconsize-800,
#censhareApp .cs-is-small .cs-icon.cs-relative-iconsize-800 {
  font-size: 2.4rem; }

#censhareApp .cs-icon.cs-relative-iconsize-1600,
#censhareApp .cs-is-small .cs-icon.cs-relative-iconsize-1600 {
  font-size: 3.2rem; }

/* ------------------------------
censhare Web fonts
copyright: censhare AG
  ------------------------------- */
/* ------------------------------
Font faces
  ------------------------------- */
/* --------------------
Source Sans Pro
  -------------------- */
/* Source Sans Pro Light */
@font-face {
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: 300;
  src: url("/censhare5/client/styles/fonts/SourceSansPro-Light.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceSansPro-Light.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceSansPro-Light.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceSansPro-Light.svg") format("svg"); }

/* Source Sans Pro Light - Italic */
@font-face {
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: 300;
  src: url("/censhare5/client/styles/fonts/SourceSansPro-LightIt.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceSansPro-LightIt.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceSansPro-LightIt.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceSansPro-LightIt.svg") format("svg"); }

/* Source Sans Pro Regular */
@font-face {
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: 400;
  src: url("/censhare5/client/styles/fonts/SourceSansPro-Regular.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceSansPro-Regular.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceSansPro-Regular.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceSansPro-Regular.svg") format("svg"); }

/* Source Sans Pro Regular - Italic */
@font-face {
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: 400;
  src: url("/censhare5/client/styles/fonts/SourceSansPro-It.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceSansPro-It.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceSansPro-It.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceSansPro-It.svg") format("svg"); }

/* Source Sans Pro Semibold */
@font-face {
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: 600;
  src: url("/censhare5/client/styles/fonts/SourceSansPro-Semibold.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceSansPro-Semibold.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceSansPro-Semibold.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceSansPro-Semibold.svg") format("svg"); }

/* Source Sans Pro Semibold - Italic */
@font-face {
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: 600;
  src: url("/censhare5/client/styles/fonts/SourceSansPro-SemiboldIt.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceSansPro-SemiboldIt.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceSansPro-SemiboldIt.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceSansPro-SemiboldIt.svg") format("svg"); }

/* Source Sans Pro Bold */
@font-face {
  font-family: "SourceSansPro";
  font-style: normal;
  font-weight: 700;
  src: url("/censhare5/client/styles/fonts/SourceSansPro-Bold.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceSansPro-Bold.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceSansPro-Bold.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceSansPro-Bold.svg") format("svg"); }

/* Source Sans Pro Bold - Italic */
@font-face {
  font-family: "SourceSansPro";
  font-style: italic;
  font-weight: 700;
  src: url("/censhare5/client/styles/fonts/SourceSansPro-BoldIt.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceSansPro-BoldIt.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceSansPro-BoldIt.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceSansPro-BoldIt.svg") format("svg"); }

/* --------------------
Source Code Pro
-------------------- */
/* Source Code Pro Light */
@font-face {
  font-family: "SourceCodePro";
  font-style: normal;
  font-weight: 300;
  src: url("/censhare5/client/styles/fonts/SourceCodePro-Light.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceCodePro-Light.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceCodePro-Light.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceCodePro-Light.svg") format("svg"); }

/* Source Code Pro Regular */
@font-face {
  font-family: "SourceCodePro";
  font-style: normal;
  font-weight: 400;
  src: url("/censhare5/client/styles/fonts/SourceCodePro-Regular.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceCodePro-Regular.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceCodePro-Regular.otf.woff") format("opentype"); }

/* Source Code Pro Semibold */
@font-face {
  font-family: "SourceCodePro";
  font-style: normal;
  font-weight: 600;
  src: url("/censhare5/client/styles/fonts/SourceCodePro-Semibold.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceCodePro-Semibold.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceCodePro-Semibold.otf.woff") format("opentype"), url("/censhare5/client/styles/fonts/SourceCodePro-Semibold.svg") format("svg"); }

/* Source Code Pro Bold */
@font-face {
  font-family: "SourceCodePro";
  font-style: normal;
  font-weight: 700;
  src: url("/censhare5/client/styles/fonts/SourceCodePro-Bold.eot");
  src: local("☺"), url("/censhare5/client/styles/fonts/SourceCodePro-Bold.ttf.woff") format("woff"), url("/censhare5/client/styles/fonts/SourceCodePro-Bold.otf.woff") format("opentype"); }

/* ------------------------------
Typography
------------------------------- */
body {
  color: #1c1c1c;
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2; }

h1,
h2,
h3,
h4,
h5,
h6,
.cs-like-h1,
.cs-like-h2,
.cs-like-h3,
.cs-like-h4,
.cs-like-h5,
.cs-like-h6 {
  color: #404448;
  display: block;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  min-height: 1.2em;
  overflow: hidden;
  padding: 0 0 .5em;
  text-overflow: ellipsis;
  white-space: nowrap; }
  h1.cs-multiple-lines,
  h2.cs-multiple-lines,
  h3.cs-multiple-lines,
  h4.cs-multiple-lines,
  h5.cs-multiple-lines,
  h6.cs-multiple-lines,
  .cs-like-h1.cs-multiple-lines,
  .cs-like-h2.cs-multiple-lines,
  .cs-like-h3.cs-multiple-lines,
  .cs-like-h4.cs-multiple-lines,
  .cs-like-h5.cs-multiple-lines,
  .cs-like-h6.cs-multiple-lines {
    overflow: none;
    text-overflow: no;
    white-space: normal; }

h1,
.cs-like-h1 {
  color: #1c1c1c;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 3.12rem; }

h2,
.cs-like-h2 {
  font-size: 2rem;
  line-height: 2.64rem; }

h3,
.cs-like-h3 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.92rem; }

h4,
.cs-like-h4 {
  color: #404448;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.68rem; }

h5,
.cs-like-h5 {
  font-size: 1.4rem;
  font-weight: 300; }

h6,
.cs-like-h6 {
  color: #404448;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.44rem; }

em {
  font-style: italic; }

strong,
b {
  font-weight: 600; }

u {
  text-decoration: underline; }

sub,
sup {
  font-size: 80%;
  line-height: 0;
  position: relative; }
  sub.required,
  sup.required {
    color: #b4e068;
    padding-left: .1rem; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

mark {
  background-color: #b5dff2; }

small,
.cs-small {
  font-size: 1.2rem;
  font-weight: 400; }

code {
  font-family: "SourceCodePro", "Arial", sans-serif;
  font-size: 1.2rem;
  font-weight: 300; }

pre {
  background: #fff;
  border-left: 0.3rem solid #c7c7c7;
  color: #404448;
  font-family: "SourceCodePro", "Arial", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  margin-bottom: 1rem;
  margin-left: 1rem;
  padding: 1rem;
  white-space: pre-wrap; }

/* ------------------------------
Anchors
------------------------------- */
a {
  color: #69bee6;
  text-decoration: none; }
  a:hover {
    color: #5eabcf;
    cursor: pointer; }
  a.cs-is-subtle {
    color: inherit; }
    a.cs-is-subtle:hover {
      color: inherit;
      text-decoration: underline; }
  a.cs-open-asset-small img {
    margin-right: .7rem;
    max-height: 1.6rem;
    max-width: 1.6rem;
    vertical-align: sub; }

/* ------------------------------
others
  ------------------------------- */
.clearfix::before, .clearfix::after {
  content: " ";
  display: table; }

.clearfix::after {
  clear: both; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

cs-include-dialog {
  display: block; }

/* ------------------------------
lines
------------------------------- */
hr {
  border: none;
  border-bottom: 0.1rem solid #d9d9d9;
  display: block;
  margin: 0.5rem 0 1rem 0; }
  hr.cs-line-01, hr.cs-line-02, hr.cs-line-03, hr.cs-line-04 {
    margin-top: 0; }

.cs-line-01,
.cs-line-02,
.cs-line-03,
.cs-line-04 {
  border: none;
  border-bottom: 0.1rem solid #e6e6e6;
  display: block;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem; }

h6.cs-line-01, h6.cs-line-02, h6.cs-line-03, h6.cs-line-04 {
  margin-bottom: 0.5rem; }

.cs-line-01 {
  padding-bottom: .4rem; }

.cs-line-02 {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224px%22%20height%3D%221px%22%20viewBox%3D%220%200%204%201%22%20enable-background%3D%22new%200%200%204%201%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20opacity%3D%220.2%22%20width%3D%222%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E");
  background-position: left bottom;
  background-repeat: repeat-x;
  border-bottom: none; }

.cs-line-03 {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224px%22%20height%3D%221px%22%20viewBox%3D%220%200%204%201%22%20enable-background%3D%22new%200%200%204%201%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20opacity%3D%220.6%22%20fill%3D%22%23FFFFFF%22%20width%3D%222%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E");
  background-position: left bottom;
  background-repeat: repeat-x;
  border-bottom: none; }

.cs-line-04 {
  border-bottom: 0.1rem solid #d9d9d9;
  padding-bottom: .4rem; }

/*
 *  Contains styling of the main elements of the page: body/wrapper, header, navigation, pinboard and content area.
 *  All inner parts are in the module pages.
 */
html,
body {
  background: #eaeaea;
  height: 100%;
  width: 100%; }

html {
  font-size: 10px; }

body {
  overflow: hidden; }

.cs-view,
.cs-view-controller {
  height: 100%; }

.body_wrapper {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  right: 0;
  top: 0; }
  .body_wrapper[ng-click] {
    cursor: default; }
  .body_wrapper > .body_wrapper-container {
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    height: 100%; }

@keyframes fadeIn {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

/* from csHeaderNav.scss */
.csHeaderNav {
  animation: fadeIn .15s ease-out;
  background-color: #69bee6;
  display: inline-block;
  height: 4.6rem;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 26000; }

/* from csNavBar.scss */
.csNavBar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #404448;
  bottom: 0;
  color: #f2f2f2;
  opacity: 1;
  position: fixed;
  top: 4.6rem;
  transform: translate3d(0, 0, 0);
  transition: transform 150ms ease-in-out, opacity 150ms ease-in-out, width 150ms ease-in-out;
  width: 25rem;
  z-index: 25000; }
  body.cs-nav-toggled .csNavBar {
    width: 5.5rem; }
    body.cs-nav-toggled .csNavBar .csNavBar__title,
    body.cs-nav-toggled .csNavBar .csNavBar__item__indicator,
    body.cs-nav-toggled .csNavBar .csNavBar__label {
      opacity: 0;
      transition: opacity 150ms ease-in-out;
      visibility: hidden; }
    body.cs-nav-toggled .csNavBar:hover,
    body.cs-nav-toggled .csNavBar .csNavBar__sub-list {
      width: 25rem; }
      body.cs-nav-toggled .csNavBar:hover .csNavBar__submenuPopover,
      body.cs-nav-toggled .csNavBar .csNavBar__sub-list .csNavBar__submenuPopover {
        border: 0;
        left: 100%;
        margin-left: 0; }
        body.cs-nav-toggled .csNavBar:hover .csNavBar__submenuPopover.topLeft::before, body.cs-nav-toggled .csNavBar:hover .csNavBar__submenuPopover.bottomLeft::before,
        body.cs-nav-toggled .csNavBar .csNavBar__sub-list .csNavBar__submenuPopover.topLeft::before,
        body.cs-nav-toggled .csNavBar .csNavBar__sub-list .csNavBar__submenuPopover.bottomLeft::before {
          display: none; }
      body.cs-nav-toggled .csNavBar:hover .csNavBar__title,
      body.cs-nav-toggled .csNavBar:hover .csNavBar__item__indicator,
      body.cs-nav-toggled .csNavBar:hover .csNavBar__label,
      body.cs-nav-toggled .csNavBar .csNavBar__sub-list .csNavBar__title,
      body.cs-nav-toggled .csNavBar .csNavBar__sub-list .csNavBar__item__indicator,
      body.cs-nav-toggled .csNavBar .csNavBar__sub-list .csNavBar__label {
        opacity: 1;
        visibility: visible; }
  body.cs-nav-hidden .csNavBar {
    width: 0; }

/* from csMainFrame.scss */
.main {
  margin-left: 25rem;
  overflow: hidden;
  position: relative;
  transition: 150ms ease-in-out, margin 150ms ease-in-out; }
  .main [id="csMain__content-container"] {
    opacity: 1;
    transition: opacity 150ms ease-in-out; }
  body.cs-nav-toggled .main {
    margin-left: 5.5rem; }
  body.cs-nav-hidden .main {
    margin-left: 0; }
  body.cs-nav-smallscreen-toggled .main {
    margin-left: 0; }
    body.cs-nav-smallscreen-toggled .main [id="csMain__content-container"] {
      opacity: .25; }
  body.cs-nav-default.cs-nav-smallscreen .main {
    margin-left: 0; }
    body.cs-nav-default.cs-nav-smallscreen .main [id="csMain__content-container"] {
      opacity: .25; }

/* from csPinboard.scss */
.pinboard_container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 20000; }

.cs-fullscreen-container {
  height: 100%; }

.cs-fullscreen__header .csHeaderNav .csHeaderNav__logo {
  background: transparent;
  padding: 0.8rem 5rem 0.8rem 2rem !important;
  width: 25rem !important; }

.cs-fullscreen__main {
  background: #f2f2f2;
  display: block;
  height: calc(66% - 4.6rem);
  overflow: hidden;
  position: relative; }
  .cs-fullscreen__main .cs-fullscreen__message {
    left: 20%;
    margin-top: -4.2rem;
    min-width: 20rem;
    position: absolute;
    top: 50%;
    width: 40%; }
    .cs-fullscreen__main .cs-fullscreen__message h1 {
      color: #404448;
      font-size: 4.8rem;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-weight: 300;
      line-height: 4.6rem;
      padding-bottom: 2rem; }
    .cs-fullscreen__main .cs-fullscreen__message h2 {
      color: #9c9c9c;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

.cs-fullscreen__footer {
  background: #d9d9d9 no-repeat bottom left url("../img/fullsize-footer-bg.svg");
  background-size: cover;
  display: block;
  height: 34%;
  overflow: hidden;
  position: relative; }
  .cs-fullscreen__footer .cs-logo-container {
    background: transparent no-repeat url("../img/censhare-wortbildmarke-white.svg");
    background-position: bottom right;
    background-size: contain;
    bottom: 4rem;
    height: 4rem;
    position: absolute;
    right: 4rem;
    width: 14rem; }

@media (max-width: 799px) {
  body.cs-nav-smallscreen-default .cs-fullscreen__header .csHeaderNav .csHeaderNav__logo,
  body.cs-nav-smallscreen-toggle .cs-fullscreen__header .csHeaderNav .csHeaderNav__logo {
    display: block; }
  .cs-fullscreen__main .cs-fullscreen__message {
    width: 70%; } }

@media (max-height: 600px) {
  .cs-fullscreen__main {
    height: calc(100% - 4.6rem - 8rem); }
  .cs-fullscreen__footer {
    height: 8rem; }
    .cs-fullscreen__footer .cs-logo-container {
      bottom: 2rem;
      position: absolute;
      right: 2rem; } }

@media (max-height: 400px) {
  .cs-fullscreen__main {
    height: calc(100% - 4.6rem); }
  .cs-fullscreen__footer {
    display: none; } }

.csLayoutWrapper {
  height: inherit; }
  .csLayoutWrapper .csLayoutFullWidthNoColumns {
    height: 100%; }

/* Flexbox layout classes */
.csLayout_absExpand {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.csLayout_relInitial {
  left: 0;
  position: relative;
  top: 0; }

.csLayout_flex_container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex; }

.csLayout_flex_item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.csLayout_flex_static_item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.csLayout_flex_item_full_auto {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.csLayout_flex__horizontal {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.csLayout_flex__vertical {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.csLayout_flex_vbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.csLayout_flex_hbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex; }

.csLayout_flex_wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.csAssetSearchTableRenderer table.article_list {
  margin-top: 20px;
  width: 100%; }
  .csAssetSearchTableRenderer table.article_list thead {
    border-bottom: 0.1rem dotted #d9d9d9; }
    .csAssetSearchTableRenderer table.article_list thead tr {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.2rem;
      font-weight: 600;
      line-height: 1.2em;
      height: 30px; }
      .csAssetSearchTableRenderer table.article_list thead tr th {
        text-align: left;
        vertical-align: middle; }
        .csAssetSearchTableRenderer table.article_list thead tr th:first-child {
          padding-left: 25px; }
  .csAssetSearchTableRenderer table.article_list tbody tr {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2em;
    cursor: pointer;
    height: 30px;
    width: 100%; }
    .csAssetSearchTableRenderer table.article_list tbody tr.even {
      background: #eaebed; }
    .csAssetSearchTableRenderer table.article_list tbody tr.odd {
      background: #f5f5f5; }
    .csAssetSearchTableRenderer table.article_list tbody tr td {
      position: relative;
      vertical-align: middle; }
      .csAssetSearchTableRenderer table.article_list tbody tr td table {
        width: 100%; }
        .csAssetSearchTableRenderer table.article_list tbody tr td table.relatedGroupsTable .relatedItemGroupName {
          padding-left: 3%; }
        .csAssetSearchTableRenderer table.article_list tbody tr td table.relatedGroupsTable .relatedItemsTable td {
          padding: 0; }
        .csAssetSearchTableRenderer table.article_list tbody tr td table.relatedGroupsTable .relatedItemsTable td:first-child {
          padding-left: 3.2%; }
      .csAssetSearchTableRenderer table.article_list tbody tr td span.operations {
        display: none !important;
        position: absolute;
        right: 25px;
        top: 8px; }
        .csAssetSearchTableRenderer table.article_list tbody tr td span.operations ul li {
          float: left;
          margin: 0 0 0 20px;
          padding: 0; }
    .csAssetSearchTableRenderer table.article_list tbody tr.hoverHighlight:hover, .csAssetSearchTableRenderer table.article_list tbody tr.hoverHighlight.selected {
      background: #6abce7 !important;
      color: #fff; }
      .csAssetSearchTableRenderer table.article_list tbody tr.hoverHighlight:hover span.operations, .csAssetSearchTableRenderer table.article_list tbody tr.hoverHighlight.selected span.operations {
        display: block !important; }
        .csAssetSearchTableRenderer table.article_list tbody tr.hoverHighlight:hover span.operations ul, .csAssetSearchTableRenderer table.article_list tbody tr.hoverHighlight.selected span.operations ul {
          background: none; }
          .csAssetSearchTableRenderer table.article_list tbody tr.hoverHighlight:hover span.operations ul li, .csAssetSearchTableRenderer table.article_list tbody tr.hoverHighlight.selected span.operations ul li {
            height: 16px; }
    .csAssetSearchTableRenderer table.article_list tbody tr.no_data {
      text-align: center; }

.csDropzone {
  display: block;
  height: 100%;
  position: relative;
  width: 100%; }
  .csDropzone.cs-has-fixed-height {
    height: 6.5rem; }
  .csDropzone.cs-is-overlay {
    bottom: 0;
    display: none;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 10; }
    .csDropzone.cs-is-overlay.cs-is-visible {
      display: block; }

.cs-is-own-dropzone .csDropzone.cs-is-visible {
  display: none; }

.csDropzone__content {
  -moz-align-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  /* stylelint-disable-line order/properties-alphabetical-order */
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #b5dff2;
  color: #fff;
  cursor: pointer;
  height: 100%;
  line-height: 1.3;
  text-align: center;
  width: 100%; }
  .csDropzone__content:hover {
    background: #69bee6; }
  .csDropzone__content .csDropzone__icon {
    font-size: 3.2rem; }
  .csDropzone__content .csDropzone__text_wrapper {
    text-align: center; }
  .csDropzone__content .csDropzone__title {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap; }
  .csDropzone__content .csDropzone__message {
    display: block;
    font-size: 1.2rem; }
  .cs-has-widget-row-size-1 .csDropzone__content,
  .cs-has-fixed-height .csDropzone__content,
  .cs-is-small .csDropzone__content {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .cs-has-widget-row-size-1 .csDropzone__content .csDropzone__icon,
    .cs-has-fixed-height .csDropzone__content .csDropzone__icon,
    .cs-is-small .csDropzone__content .csDropzone__icon {
      font-size: 2.4rem; }
    .cs-has-widget-row-size-1 .csDropzone__content .csDropzone__text_wrapper,
    .cs-has-fixed-height .csDropzone__content .csDropzone__text_wrapper,
    .cs-is-small .csDropzone__content .csDropzone__text_wrapper {
      padding-left: 0.5rem;
      text-align: left; }
  .declineDrop .csDropzone__content {
    background-color: #ffa3a3;
    color: #fff;
    cursor: no-drop; }
  .acceptDrop .csDropzone__content {
    background-color: #69bee6;
    cursor: default; }
  .cs-is-alt .csDropzone__content {
    background-color: #e6e6e6;
    color: #c7c7c7; }
    .cs-is-alt .csDropzone__content:hover {
      background: #d9d9d9; }
    .declineDrop .cs-is-alt .csDropzone__content {
      background-color: #ffa3a3 !important;
      color: #fff !important;
      cursor: no-drop; }
    .acceptDrop .cs-is-alt .csDropzone__content {
      background-color: #69bee6 !important;
      cursor: default; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.select2-container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0;
  position: relative;
  width: 100%; }
  .select2-container .select-search-wrapper > .select2-choice > .select2-arrow {
    z-index: 10030; }
  .select2-container .select-search-wrapper > .select2-choice {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #444;
    display: block;
    height: 3rem;
    line-height: 2;
    overflow: hidden;
    padding: 0 0 0 1rem;
    position: relative;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%; }
    .select2-container .select-search-wrapper > .select2-choice > .select2-chosen {
      display: block;
      line-height: 2.8rem;
      margin-right: 2.6rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-arrow {
    display: inline-block;
    height: 2.8rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 3rem;
    z-index: 10001; }
    .select2-container .select2-arrow b {
      color: #b2b2b2;
      display: block;
      height: 100%;
      width: 100%;
      z-index: 10001; }
      .select2-container .select2-arrow b:hover {
        color: #9c9c9c;
        cursor: pointer; }
      .select2-container .select2-arrow b::after {
        color: inherit;
        content: "\e94c";
        font-family: "cs-icons", sans-serif;
        font-size: 1.2rem;
        font-style: normal;
        font-weight: 400;
        height: 100%;
        line-height: 3rem;
        padding: 0 .9rem;
        position: absolute;
        right: 0;
        text-decoration: inherit;
        top: 0;
        -webkit-transition: transform .15s ease-in-out;
        -moz-transition: transform .15s ease-in-out;
        transition: transform .15s ease-in-out; }
  .select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa; }
  .select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 4.6rem; }
  .select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block; }
  .select2-container.cs-is-alt .select2-choice {
    background: #f2f2f2; }
  .select2-container.cs-is-small .select2-arrow {
    height: 2.2rem; }
    .select2-container.cs-is-small .select2-arrow b::after {
      line-height: 2.4rem; }
  .select2-container.cs-is-small .select2-choice,
  .select2-container.cs-is-small .select2-search {
    height: 2.4rem;
    line-height: 2.2rem;
    min-height: 2.4rem; }
    .select2-container.cs-is-small .select2-choice .select2-chosen,
    .select2-container.cs-is-small .select2-choice abbr,
    .select2-container.cs-is-small .select2-choice input[type="search"],
    .select2-container.cs-is-small .select2-search .select2-chosen,
    .select2-container.cs-is-small .select2-search abbr,
    .select2-container.cs-is-small .select2-search input[type="search"] {
      height: 2.4rem;
      line-height: 2.2rem;
      min-height: 2.4rem; }
  .select2-container.ib {
    display: inline-block; }

.open.select2-container .select-search-wrapper > .select2-choice {
  border-bottom: 0; }

.cs-prio-low.select2-container .select-search-wrapper > .select2-choice {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#B2E160;}</style><g><path class='st0' d='M4.9,3h2.2v8.1h4V13H4.9V3z'/></g></svg>");
  background-position: .6rem .6rem;
  background-repeat: no-repeat;
  padding-left: 2.8rem; }

.cs-prio-medium.select2-container .select-search-wrapper > .select2-choice {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#FFC35B;}</style><g><path class='st0' d='M3.3,3h2.4l1.7,4.5L8,9.2h0.1l0.6-1.8L10.3,3h2.4v10h-2.1V9.3c0-0.2,0-0.5,0-0.8s0.1-0.6,0.1-0.9c0-0.3,0.1-0.6,0.1-0.9c0-0.3,0.1-0.6,0.1-0.8h-0.1L9.8,8.2l-1.6,3.9H7.5L6,8.2L5.2,5.9H5.2c0,0.2,0.1,0.5,0.1,0.8s0.1,0.6,0.1,0.9s0.1,0.6,0.1,0.9c0,0.3,0,0.6,0,0.8V13h-2V3z'/></g></svg>");
  background-position: .6rem .6rem;
  background-repeat: no-repeat;
  padding-left: 2.8rem; }

.cs-prio-high.select2-container .select-search-wrapper > .select2-choice {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#FF4C4B;}</style><g><path class='st0' d='M4,3h2.3v3.9h3.5V3H12v10H9.7V8.8H6.3V13H4V3z'/></g></svg>");
  background-position: .6rem .6rem;
  background-repeat: no-repeat;
  padding-left: 2.8rem; }

.cs-prio-low.select2-container.cs-is-small .select2-choice,
.cs-prio-low.select2-container.cs-is-small .select2-search,
.cs-prio-medium.select2-container.cs-is-small .select2-choice,
.cs-prio-medium.select2-container.cs-is-small .select2-search,
.cs-prio-high.select2-container.cs-is-small .select2-choice,
.cs-prio-high.select2-container.cs-is-small .select2-search {
  background-position: .4rem;
  padding-left: 2.4rem; }

/* disabled styles */
.select2-container-disabled .select2-choices [ng-click] {
  cursor: default !important; }

.select2-container-disabled .select2-choices .select2-search-field .select2-arrow b:hover {
  cursor: default !important; }

.select2-container-disabled [ng-click] {
  cursor: default !important; }

.select2-container-disabled .select2-arrow b:hover {
  cursor: default !important; }

.select2-container-disabled .select-search-wrapper:hover {
  cursor: default !important; }

.select2-container-disabled .select-search-wrapper .search-container input[type="search"]:hover {
  cursor: default !important; }

.select2-container-disabled .select-search-wrapper > .select2-choice {
  border: 1px solid #e6e6e6 !important; }

.select2-container-disabled .select-search-wrapper > .select2-choice .select2-arrow b::after {
  color: #d9d9d9 !important; }

.select2-container-disabled:hover .select-search-wrapper > .select2-choice {
  border: 1px solid #e6e6e6 !important; }

/* end disabled styles */
.chosen-container .chosen-single > div > b,
.chosen-container .chosen-default > div > b {
  color: #b2b2b2 !important; }
  .chosen-container .chosen-single > div > b::after,
  .chosen-container .chosen-default > div > b::after {
    color: #b2b2b2 !important;
    margin-right: 0 !important; }
    .chosen-container .chosen-single > div > b::after:hover,
    .chosen-container .chosen-default > div > b::after:hover {
      color: #9c9c9c !important; }
  .chosen-container .chosen-single > div > b:hover,
  .chosen-container .chosen-default > div > b:hover {
    color: #9c9c9c !important; }

.ui-select-placeholder {
  display: inline-block;
  position: relative; }

.select2-drop-mask {
  background-color: #fff;
  border: 0;
  height: auto;
  left: 0;
  margin: 0;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: auto;
  z-index: 9998; }

.select2-drop {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 0;
  color: #000;
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 9999; }
  .select2-drop.select2-drop-above {
    border-bottom: 0;
    border-radius: .4rem .4rem 0 0;
    border-top: 1px solid #d9d9d9;
    -webkit-box-shadow: 0 -0.4rem 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -0.4rem 5px rgba(0, 0, 0, 0.15);
    margin-top: 1px; }
  .select2-drop .ui-select-no-choice.ng-hide {
    display: none; }
  .select2-drop .ui-select-no-choice .dropdown-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #9c9c9c;
    font-size: 1.4rem;
    height: 6rem; }

.select2-drop-auto-width {
  border-top: 1px solid #d9d9d9;
  width: auto; }
  .select2-drop-auto-width .select2-search {
    padding-top: .4rem; }

.select2-search {
  display: inline-block;
  margin: 0;
  min-height: 3rem;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10015; }
  .select2-search input[type="search"] {
    background: #f2f2f2;
    border-left: none;
    border-right: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #404448;
    font-size: 1em;
    height: auto;
    max-width: 100%;
    min-height: 3rem;
    outline: 0;
    padding: 0 .5rem 0 2.8rem;
    width: 100%; }
  .select2-search > .select2-search-choice-close {
    color: #b2b2b2;
    height: 2.8rem;
    line-height: 2.8rem;
    position: absolute;
    right: 3rem;
    top: .1rem;
    width: 1rem; }
    .cs-is-small .select2-search > .select2-search-choice-close {
      height: 2.2rem; }
    .select2-search > .select2-search-choice-close:hover {
      color: #9c9c9c; }

.select-search-wrapper {
  height: 3rem;
  width: 100%; }
  .select-search-wrapper:hover {
    cursor: pointer; }
  .select-search-wrapper > .select2-choice > .select2-search-choice-close,
  .select-search-wrapper > .select2-choice > .select2-choice-clean {
    color: #b2b2b2;
    height: 2.8rem;
    line-height: 2.8rem;
    position: absolute;
    right: 3rem;
    top: 0;
    width: 1rem; }
    .cs-is-small .select-search-wrapper > .select2-choice > .select2-search-choice-close, .cs-is-small
    .select-search-wrapper > .select2-choice > .select2-choice-clean {
      height: 2.2rem; }
    .select-search-wrapper > .select2-choice > .select2-search-choice-close:hover,
    .select-search-wrapper > .select2-choice > .select2-choice-clean:hover {
      color: #9c9c9c; }
  .select-search-wrapper > .search-container {
    background-color: transparent;
    left: 0;
    padding-left: 1rem;
    position: absolute;
    top: 0; }
    .select-search-wrapper > .search-container::before {
      content: ""; }
    .select-search-wrapper > .search-container > input[type="search"] {
      background: transparent;
      border: 0;
      padding: 0 4.8rem 0 .1rem; }
      .select-search-wrapper > .search-container > input[type="search"]:hover {
        cursor: pointer; }
      .select-search-wrapper > .search-container > input[type="search"]::placeholder {
        letter-spacing: .19px; }
      .select-search-wrapper > .search-container > input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none; }
      .select-search-wrapper > .search-container > input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none; }
      .select-search-wrapper > .search-container > input[type="search"]::-ms-clear {
        -webkit-appearance: none; }
    .cs-prio-low .select-search-wrapper > .search-container {
      background-position: .6rem .6rem;
      background-repeat: no-repeat;
      padding-left: 2.8rem; }
    .cs-prio-medium .select-search-wrapper > .search-container {
      background-position: .6rem .6rem;
      background-repeat: no-repeat;
      padding-left: 2.8rem; }
    .cs-prio-high .select-search-wrapper > .search-container {
      background-position: .6rem .6rem;
      background-repeat: no-repeat;
      padding-left: 2.8rem; }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: .4rem; }

.select2-search input.select2-active {
  background: #fff; }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  outline: none; }

.select2-container-active .select-search-wrapper:hover {
  cursor: text !important; }

.select2-container-active .select-search-wrapper > .search-container > input[type="search"]:hover {
  cursor: text !important; }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent; }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border-top-color: transparent; }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none; }

.select2-dropdown-open .select2-choice .select2-arrow b::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

/* results */
.select2-results {
  max-height: 20rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1rem 0;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*
    disabled look for disabled choices in the results dropdown
    */ }
  .cs-is-alt .select2-results {
    background-color: #f2f2f2; }
  .select2-results .select2-results li {
    background-image: none;
    color: #9c9c9c;
    display: list-item;
    line-height: 2.8rem;
    list-style: none; }
    .select2-results .select2-results li em {
      background: #feffde;
      font-style: normal; }
  .select2-results .select2-result-with-children > .select2-result-label {
    color: #9c9c9c; }
  .select2-results .select2-result-with-children > .ui-select-choices-group-label {
    color: #1c1c1c;
    font-size: 1.2rem;
    font-weight: 700; }
  .select2-results .select2-result-label {
    color: #9c9c9c;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: 1.6rem;
    min-height: 1rem;
    padding: .5rem 1rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .select2-results .select2-highlighted > .select2-result-label {
    background: #f2f2f2;
    font-size: 1.4rem; }
    .cs-is-alt .select2-results .select2-highlighted > .select2-result-label {
      background-color: #e6e6e6; }
    .select2-results .select2-highlighted > .select2-result-label em {
      background: transparent; }
  .select2-results .select2-no-results,
  .select2-results .select2-searching,
  .select2-results .select2-selection-limit {
    background: #e6e6e6;
    display: list-item; }
  .select2-results .select2-disabled.select2-highlighted {
    background: #e6e6e6;
    color: #777;
    cursor: default;
    display: list-item; }
  .csUiSelect .select2-results .select2-disabled,
  .csUiSelect .select2-results .selected-item {
    color: #69bee6;
    display: list-item; }
    .csUiSelect .select2-results .select2-disabled .select2-result-label,
    .csUiSelect .select2-results .selected-item .select2-result-label {
      color: #69bee6; }
  .select2-results .select2-selected {
    display: none; }
  .select2-results .select2-result-sub {
    margin: 0;
    padding: 0; }
    .select2-results .select2-result-sub .select2-result-sub > li .select2-result-label {
      padding-left: 4rem; }
    .select2-results .select2-result-sub .select2-result-sub .select2-result-sub > li .select2-result-label {
      padding-left: 6rem; }
    .select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub > li .select2-result-label {
      padding-left: 8rem; }
    .select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub > li .select2-result-label {
      padding-left: 10rem; }
    .select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub > li .select2-result-label {
      padding-left: 11rem; }
    .select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub > li .select2-result-label {
      padding-left: 12rem; }

.select2-more-results.select2-active {
  background: #69bee6; }

.select2-more-results {
  background: #e6e6e6;
  display: list-item; }

/* multiselect */
.sg-content-wrapper .select2-container-multi {
  max-width: 30.6rem; }

.select2-container-multi[search-enabled="true"].open .select2-with-searchbox {
  margin-bottom: -3rem; }

.select2-container-multi[search-enabled="true"] .select2-with-searchbox {
  margin-bottom: 3rem; }

.select2-container-multi.open .select2-search-field {
  position: relative; }
  .select2-container-multi.open .select2-search-field .ui-select-search {
    display: inline-block; }

.select2-container-multi .ui-select-search {
  background: none;
  width: 100% !important; }

.select2-container-multi .select2-choices {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  cursor: default !important;
  margin: 0;
  min-height: 3rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%; }
  .select2-container-multi .select2-choices > .select2-chosen {
    display: block;
    line-height: 2.8rem;
    margin-right: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .select2-container-multi .select2-choices .select2-search-choice {
    background-color: #e6e6e6;
    border: none;
    border-radius: 0;
    color: #1c1c1c;
    float: left;
    font-size: 1.2rem;
    font-weight: 400;
    height: 1.8rem;
    line-height: 1.8rem;
    list-style: none;
    margin: .5rem 0 .5rem .5rem;
    padding: 0 2.5rem 0 .5rem;
    position: relative; }
    .select2-container-multi .select2-choices .select2-search-choice.has_different_values {
      color: #9c9c9c; }
  .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close,
  .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    color: inherit;
    opacity: .8; }

.select2-container-multi .ui-select-match {
  position: relative;
  z-index: 2; }
  .select2-container-multi .ui-select-match .select2-choice-clean {
    color: #b2b2b2;
    height: 2.8rem;
    line-height: 2.8rem;
    position: absolute;
    right: 3rem !important;
    top: 0;
    width: 1rem; }
    .select2-container-multi .ui-select-match .select2-choice-clean:hover {
      color: #9c9c9c; }

.select2-container-multi .select2-search-field {
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%; }
  .select2-container-multi .select2-search-field input {
    border: 0;
    height: 3rem;
    margin: 0;
    outline: 0;
    padding: 0 4rem 0 1rem; }
    .select2-container-multi .select2-search-field input:hover {
      cursor: pointer; }
    .select2-container-multi .select2-search-field input::-webkit-search-cancel-button {
      -webkit-appearance: none;
      position: relative; }
    .select2-container-multi .select2-search-field input::-ms-clear {
      -webkit-appearance: none;
      position: relative; }
  .select2-container-multi .select2-search-field input.select2-active {
    background: #fff; }
  .select2-container-multi .select2-search-field > .select2-search-choice-close {
    bottom: 0;
    color: #b2b2b2;
    height: 3rem;
    line-height: 2.8rem;
    position: absolute;
    right: 2.8rem !important;
    width: 1rem; }
    .select2-container-multi .select2-search-field > .select2-search-choice-close:hover {
      color: #9c9c9c; }

.select2-container-multi.select2-container-active .select2-search-field input:hover {
  cursor: text; }

.select2-container-multi.select2-container-active .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi.select2-container-active .select2-choices .select2-search-choice-focus {
  background: #c7c7c7; }

.select2-container-multi.select2-container-active .select2-arrow b:hover {
  cursor: pointer; }

.select2-container-multi.select2-container-active .select2-arrow b::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.cs-is-small.select2-container-multi[search-enabled="true"].open .select2-with-searchbox {
  margin-bottom: -2.4rem; }

.cs-is-small.select2-container-multi[search-enabled="true"] .select2-with-searchbox {
  margin-bottom: 2.4rem; }

.cs-is-small.select2-container-multi .select2-choices {
  min-height: 2.4rem; }

.cs-is-small.select2-container-multi .select2-choices > .select2-chosen {
  line-height: 2.2rem; }

.cs-prio-low.cs-is-small.select2-container-multi .select2-choices,
.cs-prio-medium.cs-is-small.select2-container-multi .select2-choices,
.cs-prio-high.cs-is-small.select2-container-multi .select2-choices {
  background-position: .4rem;
  padding-left: 2.4rem; }

.cs-is-alt.select2-container-multi .select2-choices {
  background-color: #f2f2f2; }

.cs-prio-low.select2-container-multi .select2-choices {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#B2E160;}</style><g><path class='st0' d='M4.9,3h2.2v8.1h4V13H4.9V3z'/></g></svg>");
  background-position: .6rem .6rem;
  background-repeat: no-repeat; }

.cs-prio-medium.select2-container-multi .select2-choices {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#FFC35B;}</style><g><path class='st0' d='M3.3,3h2.4l1.7,4.5L8,9.2h0.1l0.6-1.8L10.3,3h2.4v10h-2.1V9.3c0-0.2,0-0.5,0-0.8s0.1-0.6,0.1-0.9c0-0.3,0.1-0.6,0.1-0.9c0-0.3,0.1-0.6,0.1-0.8h-0.1L9.8,8.2l-1.6,3.9H7.5L6,8.2L5.2,5.9H5.2c0,0.2,0.1,0.5,0.1,0.8s0.1,0.6,0.1,0.9s0.1,0.6,0.1,0.9c0,0.3,0,0.6,0,0.8V13h-2V3z'/></g></svg>");
  background-position: .6rem .6rem;
  background-repeat: no-repeat; }

.cs-prio-high.select2-container-multi .select2-choices {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#FF4C4B;}</style><g><path class='st0' d='M4,3h2.3v3.9h3.5V3H12v10H9.7V8.8H6.3V13H4V3z'/></g></svg>");
  background-position: .6rem .6rem;
  background-repeat: no-repeat; }

.cs-is-small.select2-container-multi .select2-choices .select2-search-choice {
  margin: .3rem 0 .3rem .5rem; }

.cs-is-alt.select2-container-multi .select2-choices .select2-search-choice {
  background-color: #d9d9d9; }

.cs-is-small.cs-prio-low.select2-container-multi .ui-select-match,
.cs-is-small.cs-prio-medium.select2-container-multi .ui-select-match,
.cs-is-small.cs-prio-high.select2-container-multi .ui-select-match {
  padding-left: 2.4rem; }

.cs-prio-low.select2-container-multi .ui-select-match,
.cs-prio-medium.select2-container-multi .ui-select-match,
.cs-prio-high.select2-container-multi .ui-select-match {
  padding-left: 2.8rem; }

.cs-is-small.select2-container-multi .ui-select-match .select2-choice-clean {
  height: 2.2rem;
  line-height: 2.2rem; }

.cs-prio-low.cs-is-small.select2-container-multi .select2-search-field,
.cs-prio-medium.cs-is-small.select2-container-multi .select2-search-field,
.cs-prio-high.cs-is-small.select2-container-multi .select2-search-field {
  padding-left: 2.4rem; }

.cs-prio-low.select2-container-multi .select2-search-field,
.cs-prio-medium.select2-container-multi .select2-search-field,
.cs-prio-high.select2-container-multi .select2-search-field {
  padding-left: 2.8rem; }

.cs-is-small.select2-container-multi .select2-search-field input {
  height: 2.4rem; }

.cs-is-small.select2-container-multi .select2-search-field > .select2-search-choice-close {
  height: 2.2rem;
  line-height: 2.2rem; }

/* disabled styles */
.select2-container-disabled:hover .select2-choices {
  border: 1px solid #e6e6e6 !important; }

.select2-container-disabled .select2-choices {
  border: 1px solid #e6e6e6 !important; }
  .select2-container-disabled .select2-choices .select2-search-field .select2-arrow b::after {
    color: #d9d9d9; }

.select2-container-disabled .select2-choices .select2-search-field .select2-arrow b:hover {
  cursor: default !important; }

.select2-container-disabled [ng-click] {
  cursor: default !important; }

.select2-container-disabled input[type="search"]:hover {
  cursor: default !important; }

/* End disabled styles */
.select2-locked {
  padding-right: .5rem !important; }

.select2-default {
  color: #9c9c9c !important;
  font-weight: 300;
  line-height: 2.8rem; }

.search-container::before {
  color: #b2b2b2;
  content: "\e97a";
  display: block;
  font-family: "cs-icons", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  left: 1.4rem;
  line-height: 2.8rem;
  position: absolute; }

.select2-search-choice-close,
.select2-choice-clean {
  color: #1c1c1c; }
  .select2-search-choice-close::after,
  .select2-choice-clean::after {
    content: "\e61a";
    display: block;
    font-family: "cs-icons", sans-serif;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    position: absolute; }
  .select2-search-choice-close.ui-select-match-close,
  .select2-choice-clean.ui-select-match-close {
    background: none !important;
    height: 1.8rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.2rem; }
    .select2-search-choice-close.ui-select-match-close::after,
    .select2-choice-clean.ui-select-match-close::after {
      color: #1c1c1c;
      left: auto;
      right: .4rem;
      top: 0; }

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen,
.select2-offscreen:focus {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  left: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 1px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  height: 100px;
  left: -10000px;
  overflow: scroll;
  position: absolute;
  top: -10000px;
  width: 100px; }

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.5 - 2016-10-24T23:13:59.551Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: 700; }

.ui-select-offscreen {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  left: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  width: 1px !important; }

.ui-select-choices-row {
  font-weight: 300; }
  .ui-select-choices-row:hover {
    background-color: #f2f2f2; }
    .ui-select-choices-row:hover.select2-disabled,
    .ui-select-choices-row:hover .selected-item {
      background: none; }
    .cs-is-alt .ui-select-choices-row:hover {
      background-color: #e6e6e6; }

/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #d44950; }

.select2-result-single {
  padding-left: 0; }

.select2-locked > .select2-search-choice-close,
.select2-locked > .select2-choice-clean {
  display: none; }

.select-locked > .ui-select-match-close {
  display: none; }

.select2-container.open {
  /* The z-index Select2 applies to the select2-drop */
  z-index: 999999; }

.select2-container.open .ui-select-dropdown .bottomGroup {
  padding: 1rem;
  width: 100%; }
  .select2-container.open .ui-select-dropdown .bottomGroup button {
    margin-right: .5rem; }
    .select2-container.open .ui-select-dropdown .bottomGroup button:last-child {
      margin-right: 0; }

.select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-top,
.select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-bottom {
  height: 1px;
  padding: 0 1rem;
  position: absolute;
  width: 100%; }
  .select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-top .ui-select-dropdown-separator-content,
  .select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-bottom .ui-select-dropdown-separator-content {
    background: #f2f2f2; }

.select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-top {
  top: 0; }
  .select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-top .ui-select-dropdown-separator-content {
    height: 1px; }

.select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-bottom {
  bottom: 0; }
  .select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-bottom .ui-select-dropdown-separator-content {
    height: 0; }

.select2-container.open:hover .ui-select-dropdown {
  border-color: #f2f2f2 #c7c7c7 #c7c7c7; }

.select2-container.open:hover .select2-choice,
.select2-container.open:hover .select2-choices {
  border-color: #c7c7c7 #c7c7c7 #f2f2f2; }

.select2-container.open.direction-up .ui-select-dropdown {
  border-bottom: none;
  border-top: 1px solid #d9d9d9; }
  .select2-container.open.direction-up .ui-select-dropdown .ui-select-dropdown-separator-top .ui-select-dropdown-separator-content {
    height: 0; }
  .select2-container.open.direction-up .ui-select-dropdown .ui-select-dropdown-separator-bottom .ui-select-dropdown-separator-content {
    height: 1px; }

.select2-container.open.direction-up .select2-choice,
.select2-container.open.direction-up .select2-choices {
  border-bottom-color: #d9d9d9;
  border-top-color: #f2f2f2; }

.select2-container.open.direction-up:hover .ui-select-dropdown {
  border-top-color: #c7c7c7; }

.select2-container.open.direction-up:hover .select2-choice,
.select2-container.open.direction-up:hover .select2-choices {
  border-bottom-color: #c7c7c7; }

.cs-is-alt.select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-top .ui-select-dropdown-separator-content,
.cs-is-alt.select2-container.open .ui-select-dropdown .ui-select-dropdown-separator-bottom .ui-select-dropdown-separator-content {
  background: #e6e6e6; }

.select2-container.open.ng-invalid-required .ui-select-dropdown,
.select2-container.open.ng-invalid-ui-select-required .ui-select-dropdown {
  border-color: #f2f2f2 #ffaf31 #ffaf31; }

.select2-container.open.ng-invalid-required .select2-choice,
.select2-container.open.ng-invalid-required .select2-choices,
.select2-container.open.ng-invalid-ui-select-required .select2-choice,
.select2-container.open.ng-invalid-ui-select-required .select2-choices {
  border-color: #ffaf31 #ffaf31 #f2f2f2; }

.select2-container.open.ng-invalid-required.direction-up .ui-select-dropdown,
.select2-container.open.ng-invalid-ui-select-required.direction-up .ui-select-dropdown {
  border-bottom-color: #f2f2f2;
  border-top-color: #ffaf31; }

.select2-container.open.ng-invalid-required.direction-up .select2-choice,
.select2-container.open.ng-invalid-required.direction-up .select2-choices,
.select2-container.open.ng-invalid-ui-select-required.direction-up .select2-choice,
.select2-container.open.ng-invalid-ui-select-required.direction-up .select2-choices {
  border-bottom-color: #ffaf31;
  border-top-color: #f2f2f2; }

.select2-container.open.ng-invalid-required.direction-up:hover .ui-select-dropdown,
.select2-container.open.ng-invalid-ui-select-required.direction-up:hover .ui-select-dropdown {
  border-top-color: #ffaf31; }

.select2-container.open.ng-invalid-required.direction-up:hover .select2-choice,
.select2-container.open.ng-invalid-required.direction-up:hover .select2-choices,
.select2-container.open.ng-invalid-ui-select-required.direction-up:hover .select2-choice,
.select2-container.open.ng-invalid-ui-select-required.direction-up:hover .select2-choices {
  border-bottom-color: #ffaf31; }

.select2-container:hover .select-search-wrapper > .select2-choice {
  border-color: #c7c7c7; }

.ng-invalid-ui-select-required.select2-container:hover .select-search-wrapper > .select2-choice {
  border-color: #ffaf31; }

.select2-container:hover > .select2-choices {
  border-color: #c7c7c7; }

.ng-invalid-ui-select-required.select2-container:hover > .select2-choices {
  border-color: #ffaf31; }

.ui-select-container.ng-empty.ng-invalid-required.ng-empty.ng-invalid-required .select2-choice,
.ui-select-container.ng-empty.ng-invalid-required .select2-choice,
.ui-select-container.ng-invalid-ui-select-required.ng-empty.ng-invalid-required .select2-choice,
.ui-select-container.ng-invalid-ui-select-required .select2-choice {
  border-color: #ffaf31; }

/* Handle up direction Select2 */
.ui-select-container.select2.direction-up .ui-select-dropdown {
  margin-top: .1rem; }

.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
  margin-top: -.4rem; }

.ui-select-container.select2 .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container.select2 .ui-select-dropdown .ui-select-search-hidden input {
  border: 0;
  height: 0;
  margin: 0;
  min-height: 0;
  opacity: 0;
  padding: 0;
  position: relative; }

/* Spinner */
.ui-select-refreshing {
  display: inline-block;
  font-family: "Glyphicons Halflings", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: .8rem 2.7rem;
  position: absolute;
  right: 0;
  top: 1px; }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear; }

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s; }

.ui-select-match__placeholder {
  color: #c7c7c7; }

.select2-container.has-multiple-values .ui-select-match {
  color: #b2b2b2;
  font-style: italic;
  font-weight: 100; }

.select2-container.has-multiple-values .ui-select-search::placeholder {
  font-style: italic; }

.select2-container .multiple-values-choice {
  font-style: italic; }

[cs-include-file] {
  display: block;
  width: inherit; }

[ng-click] {
  cursor: pointer; }

csw-files {
  overflow: hidden; }
  csw-files .in_widget_padding {
    padding: 15px 20px; }
  csw-files .filetype {
    height: 24px;
    padding-left: 26px;
    position: relative; }
  csw-files .media_items {
    margin-top: 10px; }
    csw-files .media_items article span.filetypes::before {
      top: -8px; }

csw-image {
  overflow: hidden;
  text-align: center; }
  csw-image .fileInput {
    height: 0;
    visibility: hidden;
    width: 0; }
  csw-image .dropzone {
    border: dashed; }
  csw-image img {
    height: 100%;
    max-width: 100%; }
  csw-image .in_widget_padding {
    height: 100%; }
    csw-image .in_widget_padding span {
      bottom: 130px;
      position: relative; }
    csw-image .in_widget_padding.dropzone {
      height: 98%; }

cs-metadata-row .cs-dash-inside-pair {
  font-style: normal;
  font-weight: 400;
  margin-left: 1rem;
  margin-right: 1rem; }

/* ------------------------------
csDialog
  ------------------------------- */
/* ------------------------------
Mixins for use in dialogs
  ------------------------------- */
/* ------------------------------
Dialog itself: positioning, size
  ------------------------------- */
cs-modal-window-new {
  display: block; }

.csDialog__new_modal {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  bottom: 0;
  cursor: default;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 40000; }
  .csDialog__new_modal .csDialog {
    cursor: default;
    height: 85%;
    overflow: hidden;
    width: 90%; }
    .csDialog__new_modal .csDialog .csDialog__new_modal_inner {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%;
      margin: auto;
      max-height: 100rem;
      max-width: 110rem;
      min-height: 22rem;
      min-width: 30rem;
      width: 100%; }
    .csDialog__new_modal .csDialog .csDialog__head {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0; }
    .csDialog__new_modal .csDialog .csDialog__content {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      height: 0; }
    .csDialog__new_modal .csDialog .csDialog__footer {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
    .csDialog__new_modal .csDialog .csDialog__footer-content {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-right: 2rem; }
    .csDialog__new_modal .csDialog .csDialog__footer-cta .csActionGroup {
      display: inline-block; }
      .csDialog__new_modal .csDialog .csDialog__footer-cta .csActionGroup.hasGroupAsSibling {
        border-right: #d9d9d9 0.1rem solid;
        margin-right: .5rem;
        padding-right: .5rem; }
  .csDialog__new_modal .censhareScroll__content {
    padding: 2rem; }

.csFileDownloadSelect__wrapper .censhareScroll__content {
  padding: 0 1.5rem 1.5rem; }

.csDialog__modal > .csDialog {
  height: 85%;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-height: 100rem;
  max-width: 110rem;
  min-height: 22rem;
  min-width: 30rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  width: 90%;
  z-index: 40000; }
  .csDialog__modal > .csDialog .csDialog__content-inner {
    -webkit-flex: 1 0;
    -moz-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    padding: 2rem; }

.csDialog .csDialog__head {
  background: #69bee6;
  color: #fff;
  height: 4.6rem;
  overflow: hidden;
  padding: 0.8rem 2rem 0.8rem 2rem;
  position: relative; }
  .csDialog .csDialog__head h2 {
    color: inherit;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    margin-right: 3rem;
    padding: 0; }
  .csDialog .csDialog__head .csDialog__close {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: 1.6rem;
    height: 3rem;
    left: auto;
    line-height: 3rem;
    padding: 0;
    position: absolute;
    right: 1.3rem;
    text-align: center;
    top: 0.8rem;
    width: 3rem; }
    .csDialog .csDialog__head .csDialog__close::before {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: inherit;
      content: "\e91e";
      display: inline-block;
      font-family: "cs-icons", sans-serif;
      font-size: inherit;
      line-height: inherit;
      vertical-align: baseline; }
    .csDialog .csDialog__head .csDialog__close:focus, .csDialog .csDialog__head .csDialog__close:active {
      outline: 0; }

.csDialog .csDialog__content {
  background: #f2f2f2;
  height: calc(100% - 9.2rem);
  position: relative; }
  .csDialog .csDialog__content .csDialog__content-inner {
    height: 100%;
    overflow: hidden; }
    .csDialog .csDialog__content .csDialog__content-inner .csDialogTab__content {
      height: calc(100% - 4.6rem); }
  .csDialog .csDialog__content .form-item {
    float: left;
    margin: 0 2rem 2rem 0; }
  .csDialog .csDialog__content .form-row {
    clear: both; }
  .csDialog .csDialog__content h3 {
    font-weight: 400; }
  .csDialog .csDialog__content div.col_icon {
    -webkit-flex: 0 0 6.5rem;
    -moz-flex: 0 0 6.5rem;
    -ms-flex: 0 0 6.5rem;
    flex: 0 0 6.5rem; }
    .csDialog .csDialog__content div.col_icon .dialog-content-icon {
      color: #b2b2b2;
      display: block;
      font-size: 4.8rem;
      height: 6rem;
      margin-top: -.5rem;
      position: static;
      width: 6.5rem; }
  .csDialog .csDialog__content div.col_content {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .csDialog .csDialog__content div.col_content h3 {
      font-weight: 400; }

.csDialog .csDialog__action,
.csDialog .csDialog__footer {
  background: #ebebeb;
  border-top: 0.1rem solid #d9d9d9;
  overflow: hidden;
  padding: 0.8rem 2rem;
  position: relative;
  width: 100%;
  z-index: 40001;
  min-height: 4.6rem; }
  .csDialog .csDialog__action .csActionButton,
  .csDialog .csDialog__footer .csActionButton {
    margin-right: 1rem; }
    .csDialog .csDialog__action .csActionButton:last-child,
    .csDialog .csDialog__footer .csActionButton:last-child {
      margin-right: 0; }

.csDialog .csDialog__actions {
  float: right;
  overflow: hidden; }
  .csDialog .csDialog__actions > .csMenuRepeat__item {
    display: inline-block;
    margin: 0 0 0 1rem; }

.csDialog.cs-has-no-header .csDialog__content {
  height: calc(100% - 4.6rem); }

.csDialog.cs-has-no-header > .csDialog__head {
  display: none; }

.csDialog.cs-has-no-footer .csDialog__content {
  height: calc(100% - 4.6rem); }

.csDialog.cs-has-no-footer > .csDialog__action {
  display: none; }

.csDialog.cs-has-no-header.cs-has-no-footer .csDialog__content {
  height: 100%; }

.csDialog .csDialog-content-padding-top {
  padding-top: 1rem; }

.csDialog__footerLayout,
.csFooterSkin__actions__basic_layout {
  padding: 0.8rem 2rem;
  position: relative;
  width: 100%;
  z-index: 40001; }

.csFooterSkin__actions__basic_theme {
  background: #ebebeb;
  border-top: 0.1rem solid #d9d9d9;
  overflow: hidden; }

/* ------------------------------
1. dark background behind csDialog window
  ------------------------------- */
.csDialog__modal > .csDefaultPages,
.csDialog__modal > .csSearchPage,
.csDialog__modal ~ .pinboard_container,
.csDialog__modal .main,
.csDialog__modal .csNavBar,
.csDialog__modal .csHeaderNav {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.csDialog__modal::after {
  background: rgba(20, 20, 20, 0.5);
  content: "";
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  visibility: visible !important;
  width: 100%;
  z-index: 39900; }

.csDialog.csErrorDialog {
  min-height: 27rem;
  width: 42%; }
  .csDialog.csErrorDialog .csDialog__head {
    background: #ff4e4f; }
  .csDialog.csErrorDialog .csDialog__content h3 {
    font-weight: 400; }
  .csDialog.csErrorDialog .cs-button-cta,
  .csDialog.csErrorDialog .csControl__menu > li.cta-appearance {
    background: #ff4e4f;
    border-color: #ff4e4f; }
    .csDialog.csErrorDialog .cs-button-cta:hover,
    .csDialog.csErrorDialog .csControl__menu > li.cta-appearance:hover {
      background: #ff4e4f; }

.csDialog.csWarningDialog {
  min-height: 27rem;
  width: 42%; }
  .csDialog.csWarningDialog .csDialog__head {
    background: #ffaf31; }
  .csDialog.csWarningDialog .csDialog__content h3 {
    font-weight: 400; }
  .csDialog.csWarningDialog .cs-button-cta,
  .csDialog.csWarningDialog .csControl__menu > li.cta-appearance {
    background: #ffaf31;
    border-color: #ffaf31; }

.csDialog .csCostsDialog .csMultivalueRepeat .csMultivalueRepeat__cell {
  width: 50%; }

.csDialog .csCostsDialog .csMultivalueRepeat .csMultivalueRepeat__cell-button {
  display: inline-block;
  float: none;
  margin-left: 1rem;
  vertical-align: top; }

.csDialog .csCostsDialog .cs-input,
.csDialog .csCostsDialog .cs-password {
  padding: .7rem .8rem .6rem 1.5rem; }

.csDialog .csCostsDialog .csMultivalueRepeat__label {
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2em;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224px%22%20height%3D%221px%22%20viewBox%3D%220%200%204%201%22%20enable-background%3D%22new%200%200%204%201%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20opacity%3D%220.2%22%20width%3D%222%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E");
  background-position: left bottom;
  background-repeat: repeat-x;
  color: #777;
  padding: .3rem 0; }
  .csDialog .csCostsDialog .csMultivalueRepeat__label .cs-label {
    font: inherit; }

*[draggable="true"] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: move; }

*:-khtml-drag {
  background-color: rgba(238, 238, 238, 0.5); }

.drg {
  background: #800080 !important;
  display: none; }

.ui-draggable-dragging {
  cursor: grabbing !important;
  list-style: none;
  opacity: .9;
  width: 100%;
  z-index: 100; }
  .ui-draggable-dragging.small {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2em;
    color: #fff !important;
    margin: 0 0 10px;
    min-height: 20px !important;
    padding: 0;
    padding-left: 10px;
    padding-top: 10px; }

.dnd-move {
  font-size: 16px !important;
  opacity: .75; }
  .dnd-move .csNavBar__item-controls {
    display: none !important; }

tr.ui-draggable-dragging {
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2em;
  cursor: pointer;
  height: 30px;
  min-height: 30px;
  width: 100%; }
  tr.ui-draggable-dragging td {
    display: block;
    float: left;
    margin-top: 10px;
    min-height: 30px; }
  tr.ui-draggable-dragging.even {
    background: #eaebed; }
  tr.ui-draggable-dragging.odd {
    background: #f5f5f5; }
  tr.ui-draggable-dragging:hover, tr.ui-draggable-dragging.selected {
    background: #6abce7 !important;
    color: #fff; }
    tr.ui-draggable-dragging:hover span.operations, tr.ui-draggable-dragging.selected span.operations {
      display: block !important; }
  tr.ui-draggable-dragging td {
    position: relative;
    vertical-align: middle; }
    tr.ui-draggable-dragging td span.operations {
      display: none !important;
      position: absolute;
      right: 25px;
      top: 8px; }
      tr.ui-draggable-dragging td span.operations ul li {
        display: inline-block;
        margin-left: 12px; }

.csDndHelper {
  cursor: grabbing;
  position: relative;
  width: 40px;
  z-index: 100000000; }
  .csDndHelper .badge {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 8px;
    background: #ffa3a3;
    color: #f2f2f2;
    font-family: "SourceSansPro", sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: 20px;
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    top: 0; }

.hide-text {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 "a", sans-serif;
  text-shadow: none; }

.input-block-level {
  display: block;
  min-height: 3rem;
  width: 100%; }

@-ms-viewport {
  width: device-width; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.visible-phone {
  display: none !important; }

.visible-tablet {
  display: none !important; }

.hidden-desktop {
  display: none !important; }

.visible-desktop {
  display: inherit !important; }

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-tablet {
    display: inherit !important; }
  .hidden-tablet {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important; }
  .visible-desktop {
    display: none !important; }
  .visible-phone {
    display: inherit !important; }
  .hidden-phone {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: inherit !important; }
  .hidden-print {
    display: none !important; } }

.gridster {
  position: relative; }

.gridster .gs-w {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: box-shadow, transform, left, top, width, height;
  -moz-transition-property: box-shadow, transform, left, top, width, height;
  transition-property: box-shadow, transform, left, top, width, height;
  position: absolute;
  z-index: 2; }

.gridster .preview-holder {
  background-color: #e6e6e6;
  opacity: 1;
  position: absolute;
  z-index: 1; }

.gridster .player-revert {
  z-index: 10 !important; }

.gridster .dragging,
.gridster .resizing {
  z-index: 10 !important; }

.gridster .resizing {
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  transition-property: transform; }

.gridster .dragging {
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  transition-property: transform;
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg); }

.gs-resize-handle {
  position: absolute;
  z-index: 1; }

.gs-resize-handle-both {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=");
  background-position: top left;
  background-repeat: no-repeat;
  bottom: -8px;
  cursor: se-resize;
  height: 20px;
  right: -8px;
  width: 20px;
  z-index: 20; }

.gs-resize-handle-x {
  bottom: 13px;
  cursor: e-resize;
  right: -5px;
  top: 0;
  width: 10px; }

.gs-resize-handle-y {
  bottom: -5px;
  cursor: s-resize;
  height: 10px;
  left: 0;
  right: 13px; }

.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
  opacity: 1; }

.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
  opacity: 0; }

.gs-resize-disabled .gs-resize-handle {
  display: none !important; }

[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
  display: none !important; }

/* Uncomment this if you set helper : "clone" in draggable options */
/*
.gridster .player {
  opacity: 0;
}
*/
.chosen-container.on-page {
  display: none;
  pointer-events: none;
  position: fixed; }
  .chosen-container.on-page .chosen-drop {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: none;
    background: none;
    border: none;
    box-shadow: none;
    display: block;
    height: 100%;
    position: relative;
    top: 0; }
  .chosen-container.on-page .chosen-search {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    background: #fff;
    border: .1rem solid #dadada;
    border-bottom: none;
    pointer-events: all; }
  .chosen-container.on-page .chosen-results {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #fff;
    border: .1rem solid #dadada;
    border-top: none;
    max-height: none;
    pointer-events: all; }
  .chosen-container.on-page .chosen-drop::before,
  .chosen-container.on-page .chosen-drop::after {
    z-index: 1010; }
  .chosen-container.on-page.chosen-invert .chosen-drop::before,
  .chosen-container.on-page.chosen-invert .chosen-drop::after {
    bottom: -1.2rem;
    transform: rotate(180deg); }
  .chosen-container.on-page.chosen-with-drop {
    display: block;
    z-index: 50000; }
    .chosen-container.on-page.chosen-with-drop .chosen-drop {
      display: block;
      height: 100%;
      top: 0; }
  .chosen-container.on-page.chosen-container-single .chosen-results, .chosen-container.on-page.chosen-container-single-nosearch .chosen-results {
    max-height: calc(100% - 34px); }
  .chosen-container.on-page.chosen-container-multi .chosen-results {
    max-height: 100%; }
  .chosen-container.on-page.is-left .chosen-drop::before,
  .chosen-container.on-page.is-left .chosen-drop::after {
    left: 5%; }

/* ------------------------------
censhare Web Lists
copyright: censhare AG
  ------------------------------- */
ol {
  counter-reset: li-counter;
  list-style-type: none; }
  ol > li {
    padding: 0 0 1rem 1.8rem;
    position: relative; }
    ol > li::before {
      content: counter(li-counter) ".";
      counter-increment: li-counter;
      left: 0;
      position: absolute; }

/* nested lists */
li > ul,
li > ol {
  padding-top: 0.5rem; }

/* cs-list-01: default disc list */
ul.cs-list-01,
.cs-list-01 > ul {
  list-style-type: disc;
  margin-left: 2rem; }
  ul.cs-list-01 > li,
  .cs-list-01 > ul > li {
    padding-bottom: 1rem; }

/* cs-list-02/03/04: icon lists */
ul.cs-list-02,
.cs-list-02 > ul,
ul.cs-list-03,
.cs-list-03 > ul,
ul.cs-list-04,
.cs-list-04 > ul {
  list-style-type: none;
  margin: 0; }
  ul.cs-list-02 > li,
  .cs-list-02 > ul > li,
  ul.cs-list-03 > li,
  .cs-list-03 > ul > li,
  ul.cs-list-04 > li,
  .cs-list-04 > ul > li {
    padding: 0 0 1rem 1.3em;
    position: relative; }
    ul.cs-list-02 > li::before,
    .cs-list-02 > ul > li::before,
    ul.cs-list-03 > li::before,
    .cs-list-03 > ul > li::before,
    ul.cs-list-04 > li::before,
    .cs-list-04 > ul > li::before {
      color: inherit;
      display: block;
      font-family: "cs-icons", sans-serif;
      font-size: .786em;
      left: 0;
      line-height: inherit;
      position: absolute;
      top: .2rem;
      vertical-align: baseline; }

/* cs-list-02 */
ul.cs-list-02 > li::before,
.cs-list-02 > ul > li::before {
  content: "\e61e"; }

/* cs-list-03 */
ul.cs-list-03 > li::before,
.cs-list-03 > ul > li::before {
  content: "\e621"; }

/* cs-list-04 */
ul.cs-list-04 > li::before,
.cs-list-04 > ul > li::before {
  content: "\e61a"; }

/* cs-list-05 */
dl.cs-list-05,
.cs-list-05 > dl {
  counter-reset: li-counter;
  list-style-type: none; }
  dl.cs-list-05 dt,
  .cs-list-05 > dl dt {
    font-weight: 600;
    padding-bottom: 1rem; }
  dl.cs-list-05 dd,
  .cs-list-05 > dl dd {
    padding: 0 0 1rem 1.8rem; }

/* global table styling */
table,
.cs-table-01,
.cs-table-02,
.cs-table-03 {
  font-family: "SourceSansPro", "Arial", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%; }
  table thead,
  table .cs-table-head,
  .cs-table-01 thead,
  .cs-table-01 .cs-table-head,
  .cs-table-02 thead,
  .cs-table-02 .cs-table-head,
  .cs-table-03 thead,
  .cs-table-03 .cs-table-head {
    background-color: #d9d9d9;
    position: relative;
    white-space: nowrap;
    z-index: 5; }
    table thead tr + tr,
    table .cs-table-head tr + tr,
    .cs-table-01 thead tr + tr,
    .cs-table-01 .cs-table-head tr + tr,
    .cs-table-02 thead tr + tr,
    .cs-table-02 .cs-table-head tr + tr,
    .cs-table-03 thead tr + tr,
    .cs-table-03 .cs-table-head tr + tr {
      border-top: 0.1rem solid #fff;
      color: #777; }
  table tfoot tr,
  table .cs-table-foot tr,
  .cs-table-01 tfoot tr,
  .cs-table-01 .cs-table-foot tr,
  .cs-table-02 tfoot tr,
  .cs-table-02 .cs-table-foot tr,
  .cs-table-03 tfoot tr,
  .cs-table-03 .cs-table-foot tr {
    background-color: #d9d9d9; }
  table tfoot td,
  table .cs-table-foot td,
  .cs-table-01 tfoot td,
  .cs-table-01 .cs-table-foot td,
  .cs-table-02 tfoot td,
  .cs-table-02 .cs-table-foot td,
  .cs-table-03 tfoot td,
  .cs-table-03 .cs-table-foot td {
    color: #777;
    height: 2.4rem;
    line-height: 2.4rem; }
  table tbody,
  table .cs-table-body,
  .cs-table-01 tbody,
  .cs-table-01 .cs-table-body,
  .cs-table-02 tbody,
  .cs-table-02 .cs-table-body,
  .cs-table-03 tbody,
  .cs-table-03 .cs-table-body {
    line-height: 2rem;
    text-align: left; }
    table tbody tr:hover,
    table .cs-table-body tr:hover,
    .cs-table-01 tbody tr:hover,
    .cs-table-01 .cs-table-body tr:hover,
    .cs-table-02 tbody tr:hover,
    .cs-table-02 .cs-table-body tr:hover,
    .cs-table-03 tbody tr:hover,
    .cs-table-03 .cs-table-body tr:hover {
      background-color: #f2f2f2; }
  table td,
  table th,
  table .cs-table-th,
  .cs-table-01 td,
  .cs-table-01 th,
  .cs-table-01 .cs-table-th,
  .cs-table-02 td,
  .cs-table-02 th,
  .cs-table-02 .cs-table-th,
  .cs-table-03 td,
  .cs-table-03 th,
  .cs-table-03 .cs-table-th {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 0 1rem;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: auto; }
  table td,
  .cs-table-01 td,
  .cs-table-02 td,
  .cs-table-03 td {
    height: 3.4rem; }
  table.cs-is-full-width td:first-child,
  table.cs-is-full-width th:first-child,
  table.cs-is-full-width .cs-table-th:first-child,
  .cs-table-01.cs-is-full-width td:first-child,
  .cs-table-01.cs-is-full-width th:first-child,
  .cs-table-01.cs-is-full-width .cs-table-th:first-child,
  .cs-table-02.cs-is-full-width td:first-child,
  .cs-table-02.cs-is-full-width th:first-child,
  .cs-table-02.cs-is-full-width .cs-table-th:first-child,
  .cs-table-03.cs-is-full-width td:first-child,
  .cs-table-03.cs-is-full-width th:first-child,
  .cs-table-03.cs-is-full-width .cs-table-th:first-child {
    padding-left: 1.5rem; }
  table.cs-is-full-width td:last-child,
  table.cs-is-full-width th:last-child,
  table.cs-is-full-width .cs-table-th:last-child,
  .cs-table-01.cs-is-full-width td:last-child,
  .cs-table-01.cs-is-full-width th:last-child,
  .cs-table-01.cs-is-full-width .cs-table-th:last-child,
  .cs-table-02.cs-is-full-width td:last-child,
  .cs-table-02.cs-is-full-width th:last-child,
  .cs-table-02.cs-is-full-width .cs-table-th:last-child,
  .cs-table-03.cs-is-full-width td:last-child,
  .cs-table-03.cs-is-full-width th:last-child,
  .cs-table-03.cs-is-full-width .cs-table-th:last-child {
    padding-right: 1.5rem; }
  table.cs-has-footer tbody tr:last-child,
  .cs-table-01.cs-has-footer tbody tr:last-child,
  .cs-table-02.cs-has-footer tbody tr:last-child,
  .cs-table-03.cs-has-footer tbody tr:last-child {
    border-bottom: none; }
  table.cs-has-footer tfoot tr,
  table.cs-has-footer .cs-table-foot tr,
  .cs-table-01.cs-has-footer tfoot tr,
  .cs-table-01.cs-has-footer .cs-table-foot tr,
  .cs-table-02.cs-has-footer tfoot tr,
  .cs-table-02.cs-has-footer .cs-table-foot tr,
  .cs-table-03.cs-has-footer tfoot tr,
  .cs-table-03.cs-has-footer .cs-table-foot tr {
    background-color: #d9d9d9; }
  table.cs-has-footer tfoot td,
  table.cs-has-footer .cs-table-foot td,
  .cs-table-01.cs-has-footer tfoot td,
  .cs-table-01.cs-has-footer .cs-table-foot td,
  .cs-table-02.cs-has-footer tfoot td,
  .cs-table-02.cs-has-footer .cs-table-foot td,
  .cs-table-03.cs-has-footer tfoot td,
  .cs-table-03.cs-has-footer .cs-table-foot td {
    color: #777;
    height: 2.4rem;
    line-height: 2.4rem; }

.cs-is-full-width .cs-lvl-02 td:first-child,
.cs-lvl-02 td:first-child {
  padding-left: 3rem; }

.cs-is-full-width .cs-lvl-03 td:first-child,
.cs-lvl-03 td:first-child {
  padding-left: 4.5rem; }

.cs-is-full-width .cs-lvl-04 td:first-child,
.cs-lvl-04 td:first-child {
  padding-left: 6rem; }

.cs-is-full-width .cs-lvl-05 td:first-child,
.cs-lvl-05 td:first-child {
  padding-left: 7.5rem; }

.cs-is-full-width .cs-lvl-06 td:first-child,
.cs-lvl-06 td:first-child {
  padding-left: 9rem; }

.cs-is-full-width .cs-lvl-07 td:first-child,
.cs-lvl-07 td:first-child {
  padding-left: 10.5rem; }

.cs-is-full-width .cs-lvl-08 td:first-child,
.cs-lvl-08 td:first-child {
  padding-left: 12rem; }

/* overwrite for disabling custom background styling */
[class^="cs-table-"] ul.csAssetListItem:hover,
[class^="cs-table-"] ul.csAssetListItem.csHover,
[class^="cs-table-"] ul.csAssetListItem.visible,
[class^="cs-table-"] ul.csAssetListItem.csSelected,
[class*=" cs-table-"] ul.csAssetListItem:hover,
[class*=" cs-table-"] ul.csAssetListItem.csHover,
[class*=" cs-table-"] ul.csAssetListItem.visible,
[class*=" cs-table-"] ul.csAssetListItem.csSelected {
  background-color: transparent; }

/* cs-table-01: standard table with zebra optic */
.cs-table-01 {
  color: #1c1c1c; }
  .cs-table-01 thead,
  .cs-table-01 .cs-table-head {
    background-color: #d9d9d9;
    position: relative;
    white-space: nowrap;
    z-index: 5; }
    .cs-table-01 thead th,
    .cs-table-01 .cs-table-head th {
      border-right: 0.1rem solid #fff;
      border-top: 0;
      height: 2.4rem;
      line-height: 2.4rem;
      pointer-events: all;
      text-align: left;
      user-select: none;
      vertical-align: top; }
      .cs-table-01 thead th:hover,
      .cs-table-01 .cs-table-head th:hover {
        background-color: #c7c7c7; }
  .cs-table-01 tbody,
  .cs-table-01 .cs-table-body {
    cursor: pointer;
    position: relative;
    user-select: none; }
    .cs-table-01 tbody tr:first-child,
    .cs-table-01 tbody .cs-table-tr:first-child,
    .cs-table-01 .cs-table-body tr:first-child,
    .cs-table-01 .cs-table-body .cs-table-tr:first-child {
      border-width: 0; }
    .cs-table-01 tbody tr:nth-child(even),
    .cs-table-01 tbody .cs-table-tr:nth-child(even),
    .cs-table-01 .cs-table-body tr:nth-child(even),
    .cs-table-01 .cs-table-body .cs-table-tr:nth-child(even) {
      background-color: #fff; }
    .cs-table-01 tbody tr:nth-child(odd),
    .cs-table-01 tbody .cs-table-tr:nth-child(odd),
    .cs-table-01 .cs-table-body tr:nth-child(odd),
    .cs-table-01 .cs-table-body .cs-table-tr:nth-child(odd) {
      background-color: #f2f2f2; }
    .cs-table-01 tbody tr:last-child,
    .cs-table-01 tbody .cs-table-tr:last-child,
    .cs-table-01 .cs-table-body tr:last-child,
    .cs-table-01 .cs-table-body .cs-table-tr:last-child {
      border-bottom: 0.1rem solid #e6e6e6; }
    .cs-table-01 tbody tr:hover,
    .cs-table-01 tbody .cs-table-tr:hover,
    .cs-table-01 .cs-table-body tr:hover,
    .cs-table-01 .cs-table-body .cs-table-tr:hover {
      background-color: #e6e6e6;
      border-color: #d9d9d9; }
      .cs-table-01 tbody tr:hover + tr:not(.cs-is-selected),
      .cs-table-01 tbody .cs-table-tr:hover + tr:not(.cs-is-selected),
      .cs-table-01 .cs-table-body tr:hover + tr:not(.cs-is-selected),
      .cs-table-01 .cs-table-body .cs-table-tr:hover + tr:not(.cs-is-selected) {
        border-top-color: #d9d9d9; }
      .cs-table-01 tbody tr:hover .cs-progress-00 .cs-progressbar-styling,
      .cs-table-01 tbody tr:hover .cs-progress-01 .cs-progressbar-styling,
      .cs-table-01 tbody tr:hover .cs-progress-02 .cs-progressbar-styling,
      .cs-table-01 tbody .cs-table-tr:hover .cs-progress-00 .cs-progressbar-styling,
      .cs-table-01 tbody .cs-table-tr:hover .cs-progress-01 .cs-progressbar-styling,
      .cs-table-01 tbody .cs-table-tr:hover .cs-progress-02 .cs-progressbar-styling,
      .cs-table-01 .cs-table-body tr:hover .cs-progress-00 .cs-progressbar-styling,
      .cs-table-01 .cs-table-body tr:hover .cs-progress-01 .cs-progressbar-styling,
      .cs-table-01 .cs-table-body tr:hover .cs-progress-02 .cs-progressbar-styling,
      .cs-table-01 .cs-table-body .cs-table-tr:hover .cs-progress-00 .cs-progressbar-styling,
      .cs-table-01 .cs-table-body .cs-table-tr:hover .cs-progress-01 .cs-progressbar-styling,
      .cs-table-01 .cs-table-body .cs-table-tr:hover .cs-progress-02 .cs-progressbar-styling {
        background: #fff; }
    .cs-table-01 tbody tr.cs-is-selected,
    .cs-table-01 tbody .cs-table-tr.cs-is-selected,
    .cs-table-01 .cs-table-body tr.cs-is-selected,
    .cs-table-01 .cs-table-body .cs-table-tr.cs-is-selected {
      background-clip: padding-box;
      background-color: #d2ecf8;
      border-bottom: none;
      border-top: 0.1rem solid #b4dff3; }
    .cs-table-01 tbody tr.cs-is-selected:hover,
    .cs-table-01 tbody .cs-table-tr.cs-is-selected:hover,
    .cs-table-01 .cs-table-body tr.cs-is-selected:hover,
    .cs-table-01 .cs-table-body .cs-table-tr.cs-is-selected:hover {
      background-color: #bce2f4;
      border-top: 0.1rem solid #69bee6; }
      .cs-table-01 tbody tr.cs-is-selected:hover + tr,
      .cs-table-01 tbody .cs-table-tr.cs-is-selected:hover + tr,
      .cs-table-01 .cs-table-body tr.cs-is-selected:hover + tr,
      .cs-table-01 .cs-table-body .cs-table-tr.cs-is-selected:hover + tr {
        border-top: 0.1rem solid #69bee6; }
      .cs-table-01 tbody tr.cs-is-selected:hover .cs-progress-00 .cs-progressbar-styling-bar,
      .cs-table-01 tbody .cs-table-tr.cs-is-selected:hover .cs-progress-00 .cs-progressbar-styling-bar,
      .cs-table-01 .cs-table-body tr.cs-is-selected:hover .cs-progress-00 .cs-progressbar-styling-bar,
      .cs-table-01 .cs-table-body .cs-table-tr.cs-is-selected:hover .cs-progress-00 .cs-progressbar-styling-bar {
        background: #5eabcf; }

/* cs-table-02: standard table without zebra optics */
.cs-table-02 {
  color: #1c1c1c; }
  .cs-table-02 thead,
  .cs-table-02 .cs-table-head {
    background-color: #d9d9d9;
    position: relative;
    white-space: nowrap;
    z-index: 5; }
    .cs-table-02 thead th,
    .cs-table-02 .cs-table-head th {
      border-right: 0.1rem solid #fff;
      border-top: 0;
      height: 2.4rem;
      line-height: 2.4rem;
      pointer-events: all;
      text-align: left;
      user-select: none;
      vertical-align: top; }
      .cs-table-02 thead th:hover,
      .cs-table-02 .cs-table-head th:hover {
        background-color: #c7c7c7; }
    .cs-table-02 thead th::after,
    .cs-table-02 .cs-table-head th::after {
      height: 100%; }
  .cs-table-02 tfoot tr,
  .cs-table-02 .cs-table-foot tr {
    background-color: #d9d9d9; }
  .cs-table-02 tfoot td,
  .cs-table-02 .cs-table-foot td {
    color: #777;
    height: 2.4rem;
    line-height: 2.4rem; }
  .cs-table-02 tbody,
  .cs-table-02 .cs-table-body {
    color: #1c1c1c;
    line-height: 2.4rem; }
    .cs-table-02 tbody tr,
    .cs-table-02 tbody .cs-table-tr,
    .cs-table-02 .cs-table-body tr,
    .cs-table-02 .cs-table-body .cs-table-tr {
      border-top: 0.1rem solid #f2f2f2; }
      .cs-table-02 tbody tr:first-child,
      .cs-table-02 tbody .cs-table-tr:first-child,
      .cs-table-02 .cs-table-body tr:first-child,
      .cs-table-02 .cs-table-body .cs-table-tr:first-child {
        border-width: 0; }
      .cs-table-02 tbody tr:hover,
      .cs-table-02 tbody .cs-table-tr:hover,
      .cs-table-02 .cs-table-body tr:hover,
      .cs-table-02 .cs-table-body .cs-table-tr:hover {
        background-color: #f2f2f2;
        border-color: #e6e6e6; }
        .cs-table-02 tbody tr:hover + tr:not(.cs-is-selected),
        .cs-table-02 tbody .cs-table-tr:hover + tr:not(.cs-is-selected),
        .cs-table-02 .cs-table-body tr:hover + tr:not(.cs-is-selected),
        .cs-table-02 .cs-table-body .cs-table-tr:hover + tr:not(.cs-is-selected) {
          border-top-color: #e6e6e6; }
      .cs-table-02 tbody tr.cs-is-selected,
      .cs-table-02 tbody .cs-table-tr.cs-is-selected,
      .cs-table-02 .cs-table-body tr.cs-is-selected,
      .cs-table-02 .cs-table-body .cs-table-tr.cs-is-selected {
        background-clip: padding-box;
        background-color: #d2ecf8;
        border-bottom: none;
        border-top: 0.1rem solid #b4dff3; }
      .cs-table-02 tbody tr.cs-is-selected:hover,
      .cs-table-02 tbody .cs-table-tr.cs-is-selected:hover,
      .cs-table-02 .cs-table-body tr.cs-is-selected:hover,
      .cs-table-02 .cs-table-body .cs-table-tr.cs-is-selected:hover {
        background-color: #bce2f4;
        border-top: 0.1rem solid #69bee6; }
        .cs-table-02 tbody tr.cs-is-selected:hover + tr,
        .cs-table-02 tbody .cs-table-tr.cs-is-selected:hover + tr,
        .cs-table-02 .cs-table-body tr.cs-is-selected:hover + tr,
        .cs-table-02 .cs-table-body .cs-table-tr.cs-is-selected:hover + tr {
          border-top: 0.1rem solid #69bee6; }

/* cs-table-03: standard table with horizontal cell borders and without zebra optics */
.cs-table-03 {
  color: #1c1c1c; }
  .cs-table-03 thead {
    background-color: #d9d9d9;
    position: relative;
    white-space: nowrap;
    z-index: 5; }
    .cs-table-03 thead th {
      border-right: 0.1rem solid #fff;
      border-top: 0;
      height: 2.4rem;
      line-height: 2.4rem;
      pointer-events: all;
      text-align: left;
      user-select: none;
      vertical-align: top; }
      .cs-table-03 thead th:hover {
        background-color: #c7c7c7; }
    .cs-table-03 thead th::after {
      height: 100%; }
  .cs-table-03 tfoot tr,
  .cs-table-03 .cs-table-foot tr {
    background-color: #d9d9d9; }
  .cs-table-03 tfoot td,
  .cs-table-03 .cs-table-foot td {
    color: #777;
    height: 2.4rem;
    line-height: 2.4rem; }
  .cs-table-03 tbody {
    color: #1c1c1c;
    line-height: 2.4rem; }
    .cs-table-03 tbody tr {
      border-bottom: 0.1rem solid #e6e6e6;
      border-top: 0.1rem solid #e6e6e6; }
      .cs-table-03 tbody tr:first-child {
        border-width: 0; }
      .cs-table-03 tbody tr:last-child {
        border-right: none; }
      .cs-table-03 tbody tr:hover {
        background-color: #e6e6e6;
        border-color: #e6e6e6; }
        .cs-table-03 tbody tr:hover + tr:not(.cs-is-selected) {
          border-top-color: #e6e6e6; }
      .cs-table-03 tbody tr.cs-is-selected {
        background-clip: padding-box;
        background-color: #d2ecf8;
        border-bottom: none;
        border-top: 0.1rem solid #b4dff3; }
      .cs-table-03 tbody tr.cs-is-selected:hover {
        background-color: #bce2f4;
        border-top: 0.1rem solid #69bee6; }
        .cs-table-03 tbody tr.cs-is-selected:hover + tr {
          border-top: 0.1rem solid #69bee6; }
      .cs-table-03 tbody tr td {
        border-right: 0.1rem solid #e6e6e6;
        border-top: inherit; }
        .cs-table-03 tbody tr td:last-child {
          border-bottom: none;
          border-right: none; }

/* ------------------------------
censhare Web Colors
copyright: censhare AG
  ------------------------------- */
#censhareApp .cs-color-00 {
  color: #000; }

#censhareApp .cs-color-01 {
  color: #1c1c1c; }

#censhareApp .cs-color-02 {
  color: #404448; }

#censhareApp .cs-color-03 {
  color: #777; }

#censhareApp .cs-color-04 {
  color: #9c9c9c; }

#censhareApp .cs-color-05 {
  color: #b2b2b2; }

#censhareApp .cs-color-06 {
  color: #c7c7c7; }

#censhareApp .cs-color-07 {
  color: #d9d9d9; }

#censhareApp .cs-color-08 {
  color: #e6e6e6; }

#censhareApp .cs-color-09 {
  color: #f2f2f2; }

#censhareApp .cs-color-10 {
  color: #fff; }

#censhareApp .cs-color-20 {
  color: #5eabcf; }

#censhareApp .cs-color-21 {
  color: #66b6dc; }

#censhareApp .cs-color-22 {
  color: #69bee6; }

#censhareApp .cs-color-23 {
  color: #b5dff2; }

#censhareApp .cs-color-30 {
  color: #b4e068; }

#censhareApp .cs-color-31 {
  color: #d1ff8f; }

#censhareApp .cs-color-33 {
  color: #ffef5c; }

#censhareApp .cs-color-34 {
  color: #fff6a0; }

#censhareApp .cs-color-36 {
  color: #ffaf31; }

#censhareApp .cs-color-37 {
  color: #ffdda8; }

#censhareApp .cs-color-38 {
  color: #ff4e4f; }

#censhareApp .cs-color-39 {
  color: #ffa3a3; }

#censhareApp .cs-color-40 {
  color: #f90084; }

#censhareApp .cs-color-41 {
  color: #51ddf4; }

#censhareApp .cs-bg-color-00 {
  background-color: #000; }

#censhareApp .cs-bg-color-01 {
  background-color: #1c1c1c; }

#censhareApp .cs-bg-color-02 {
  background-color: #404448; }

#censhareApp .cs-bg-color-03 {
  background-color: #777; }

#censhareApp .cs-bg-color-04 {
  background-color: #9c9c9c; }

#censhareApp .cs-bg-color-05 {
  background-color: #b2b2b2; }

#censhareApp .cs-bg-color-06 {
  background-color: #c7c7c7; }

#censhareApp .cs-bg-color-07 {
  background-color: #d9d9d9; }

#censhareApp .cs-bg-color-08 {
  background-color: #e6e6e6; }

#censhareApp .cs-bg-color-09 {
  background-color: #f2f2f2; }

#censhareApp .cs-bg-color-10 {
  background-color: #fff; }

#censhareApp .cs-bg-color-20 {
  background-color: #5eabcf; }

#censhareApp .cs-bg-color-21 {
  background-color: #66b6dc; }

#censhareApp .cs-bg-color-22 {
  background-color: #69bee6; }

#censhareApp .cs-bg-color-23 {
  background-color: #b5dff2; }

#censhareApp .cs-bg-color-30 {
  background-color: #b4e068; }

#censhareApp .cs-bg-color-31 {
  background-color: #d1ff8f; }

#censhareApp .cs-bg-color-33 {
  background-color: #ffef5c; }

#censhareApp .cs-bg-color-34 {
  background-color: #fff6a0; }

#censhareApp .cs-bg-color-36 {
  background-color: #ffaf31; }

#censhareApp .cs-bg-color-37 {
  background-color: #ffdda8; }

#censhareApp .cs-bg-color-38 {
  background-color: #ff4e4f; }

#censhareApp .cs-bg-color-39 {
  background-color: #ffa3a3; }

#censhareApp .cs-bg-color-40 {
  background-color: #f90084; }

#censhareApp .cs-bg-color-41 {
  background-color: #51ddf4; }

#censhareApp .cs-i-color-00::before,
#censhareApp .cs-i-color-00 > li::before {
  color: #000; }

#censhareApp .cs-i-color-01::before,
#censhareApp .cs-i-color-01 > li::before {
  color: #1c1c1c; }

#censhareApp .cs-i-color-02::before,
#censhareApp .cs-i-color-02 > li::before {
  color: #404448; }

#censhareApp .cs-i-color-03::before,
#censhareApp .cs-i-color-03 > li::before {
  color: #777; }

#censhareApp .cs-i-color-04::before,
#censhareApp .cs-i-color-04 > li::before {
  color: #9c9c9c; }

#censhareApp .cs-i-color-05::before,
#censhareApp .cs-i-color-05 > li::before {
  color: #b2b2b2; }

#censhareApp .cs-i-color-06::before,
#censhareApp .cs-i-color-06 > li::before {
  color: #c7c7c7; }

#censhareApp .cs-i-color-07::before,
#censhareApp .cs-i-color-07 > li::before {
  color: #d9d9d9; }

#censhareApp .cs-i-color-08::before,
#censhareApp .cs-i-color-08 > li::before {
  color: #e6e6e6; }

#censhareApp .cs-i-color-09::before,
#censhareApp .cs-i-color-09 > li::before {
  color: #f2f2f2; }

#censhareApp .cs-i-color-10::before,
#censhareApp .cs-i-color-10 > li::before {
  color: #fff; }

#censhareApp .cs-i-color-20::before,
#censhareApp .cs-i-color-20 > li::before {
  color: #5eabcf; }

#censhareApp .cs-i-color-21::before,
#censhareApp .cs-i-color-21 > li::before {
  color: #66b6dc; }

#censhareApp .cs-i-color-22::before,
#censhareApp .cs-i-color-22 > li::before {
  color: #69bee6; }

#censhareApp .cs-i-color-23::before,
#censhareApp .cs-i-color-23 > li::before {
  color: #b5dff2; }

#censhareApp .cs-i-color-30::before,
#censhareApp .cs-i-color-30 > li::before {
  color: #b4e068; }

#censhareApp .cs-i-color-31::before,
#censhareApp .cs-i-color-31 > li::before {
  color: #d1ff8f; }

#censhareApp .cs-i-color-33::before,
#censhareApp .cs-i-color-33 > li::before {
  color: #ffef5c; }

#censhareApp .cs-i-color-34::before,
#censhareApp .cs-i-color-34 > li::before {
  color: #fff6a0; }

#censhareApp .cs-i-color-36::before,
#censhareApp .cs-i-color-36 > li::before {
  color: #ffaf31; }

#censhareApp .cs-i-color-37::before,
#censhareApp .cs-i-color-37 > li::before {
  color: #ffdda8; }

#censhareApp .cs-i-color-38::before,
#censhareApp .cs-i-color-38 > li::before {
  color: #ff4e4f; }

#censhareApp .cs-i-color-39::before,
#censhareApp .cs-i-color-39 > li::before {
  color: #ffa3a3; }

#censhareApp .cs-i-color-40::before,
#censhareApp .cs-i-color-40 > li::before {
  color: #f90084; }

#censhareApp .cs-i-color-41::before,
#censhareApp .cs-i-color-41 > li::before {
  color: #51ddf4; }

/* ------------------------------
censhare Web form elements
copyright: censhare AG

Table of content
2. General form rules
3. Forms Logic
  3A. cs-form-01
  3B. cs-form-02
4. Inputs
  4A. normal inputs
  4B. cs-checkboxes
  4C. cs-radios
  4D. toggles
5. Selects
  5A. Selects
  5B. Multiselects
6. Other styling
7. Form overwrites
  7A. Form validation
Deprecated styling
   ------------------------------- */
/* ------------------------------
2. General form rules
  ------------------------------- */
fieldset legend {
  display: none; }

.cs-form-row {
  display: block;
  padding-bottom: 1rem; }

/* ------------------------------
3. Form logic
  ------------------------------- */
/*
 * ---
 * 3A) cs-form-01 (>censhare 5.4)
 * ---
 */
.cs-form-01 dl,
dl.cs-form-01 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -moz-align-content: flex-start;
  -ms-align-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  /* stylelint-disable-line order/properties-alphabetical-order */
  -ms-flex-align: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0 -1rem 0 0; }
  .cs-form-01 dl dt,
  dl.cs-form-01 dt {
    -webkit-flex: 20 0 0;
    -moz-flex: 20 0 0;
    -ms-flex: 20 0 0;
    flex: 20 0 0;
    display: block;
    -ms-flex: 20 0;
    line-height: 1.7rem;
    margin: 0 0 1rem 0;
    max-height: 4.25rem;
    max-width: 45rem;
    min-width: 15rem;
    overflow: hidden;
    padding: 0.65rem 1rem 0 0;
    word-break: break-word; }
    .cs-form-01 dl dt.cs-is-small,
    dl.cs-form-01 dt.cs-is-small {
      max-height: 3.95rem;
      padding-top: 0.35rem; }
    .cs-form-01 dl dt label,
    dl.cs-form-01 dt label {
      color: #777;
      display: block;
      font-size: 1.2rem;
      font-weight: 300;
      line-height: inherit;
      word-break: break-word; }
  .cs-form-01 dl dd,
  dl.cs-form-01 dd {
    -webkit-flex: 80 0 0;
    -moz-flex: 80 0 0;
    -ms-flex: 80 0 0;
    flex: 80 0 0;
    -ms-flex: 80 0;
    min-width: 30rem;
    padding: 0 1rem 0 0;
    position: relative; }

/*
 * ---
 * 3B) cs-form-02 (>censhare 5.4)
 * ---
 */
.cs-form-02 dl,
dl.cs-form-02 {
  display: block; }
  .cs-form-02 dl dt,
  dl.cs-form-02 dt {
    display: block;
    line-height: 1.6rem;
    padding: 0 0 0.5rem 0;
    word-break: break-word; }
    .cs-form-02 dl dt label,
    dl.cs-form-02 dt label {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.2rem;
      font-weight: 400;
      line-height: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #9c9c9c;
      padding-right: 0.5rem;
      word-break: break-word; }
  .cs-form-02 dl dd,
  dl.cs-form-02 dd {
    display: block;
    padding: 0 0 0.5rem 0;
    position: relative; }
  .cs-form-02 dl.cs-has-multiline-input dt,
  dl.cs-form-02.cs-has-multiline-input dt {
    align-self: flex-start;
    padding-top: .9rem; }
  .cs-form-02 dl.cs-has-multiline-input-small dt,
  dl.cs-form-02.cs-has-multiline-input-small dt {
    align-self: flex-start;
    padding-top: .4rem; }

/* ------------------------------
4. Inputs and textareas forms
  ------------------------------- */
/*
 * ---
 * 4A) normal Inputs
 * ---
 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="file"],
input[type=""],
.cs-input,
.cs-password,
.cs-select,
.chosen-container.cs-select,
textarea,
.cs-textarea {
  -webkit-transition: border-width 150ms ease-in-out;
  -moz-transition: border-width 150ms ease-in-out;
  transition: border-width 150ms ease-in-out;
  -webkit-appearance: none;
  background: #fff;
  border: 0.1rem solid #d9d9d9;
  box-shadow: none;
  color: #404448;
  display: inline-block;
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  height: 3rem;
  line-height: 2.8rem;
  margin: 0;
  padding: 0 1rem;
  position: relative;
  vertical-align: top;
  width: 100%; }
  input[type="text"].cs-is-alt,
  .cs-is-alt input[type="text"],
  input[type="password"].cs-is-alt,
  .cs-is-alt
  input[type="password"],
  input[type="email"].cs-is-alt,
  .cs-is-alt
  input[type="email"],
  input[type="number"].cs-is-alt,
  .cs-is-alt
  input[type="number"],
  input[type="url"].cs-is-alt,
  .cs-is-alt
  input[type="url"],
  input[type="search"].cs-is-alt,
  .cs-is-alt
  input[type="search"],
  input[type="tel"].cs-is-alt,
  .cs-is-alt
  input[type="tel"],
  input[type="file"].cs-is-alt,
  .cs-is-alt
  input[type="file"],
  input[type=""].cs-is-alt,
  .cs-is-alt
  input[type=""],
  .cs-input.cs-is-alt,
  .cs-is-alt
  .cs-input,
  .cs-password.cs-is-alt,
  .cs-is-alt
  .cs-password,
  .cs-select.cs-is-alt,
  .cs-is-alt
  .cs-select,
  .chosen-container.cs-select.cs-is-alt,
  .cs-is-alt
  .chosen-container.cs-select,
  textarea.cs-is-alt,
  .cs-is-alt
  textarea,
  .cs-textarea.cs-is-alt,
  .cs-is-alt
  .cs-textarea {
    background-color: #f2f2f2; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="file"]::-webkit-input-placeholder,
  input[type=""]::-webkit-input-placeholder,
  .cs-input::-webkit-input-placeholder,
  .cs-password::-webkit-input-placeholder,
  .cs-select::-webkit-input-placeholder,
  .chosen-container.cs-select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  .cs-textarea::-webkit-input-placeholder {
    color: #b2b2b2;
    font-weight: 300; }
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="file"]:-ms-input-placeholder,
  input[type=""]:-ms-input-placeholder,
  .cs-input:-ms-input-placeholder,
  .cs-password:-ms-input-placeholder,
  .cs-select:-ms-input-placeholder,
  .chosen-container.cs-select:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  .cs-textarea:-ms-input-placeholder {
    color: #b2b2b2;
    font-weight: 300; }
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="file"]::-moz-placeholder,
  input[type=""]::-moz-placeholder,
  .cs-input::-moz-placeholder,
  .cs-password::-moz-placeholder,
  .cs-select::-moz-placeholder,
  .chosen-container.cs-select::-moz-placeholder,
  textarea::-moz-placeholder,
  .cs-textarea::-moz-placeholder {
    color: #b2b2b2;
    font-weight: 300; }
  input[type="text"]::-ms-clear,
  input[type="password"]::-ms-clear,
  input[type="email"]::-ms-clear,
  input[type="number"]::-ms-clear,
  input[type="url"]::-ms-clear,
  input[type="search"]::-ms-clear,
  input[type="tel"]::-ms-clear,
  input[type="file"]::-ms-clear,
  input[type=""]::-ms-clear,
  .cs-input::-ms-clear,
  .cs-password::-ms-clear,
  .cs-select::-ms-clear,
  .chosen-container.cs-select::-ms-clear,
  textarea::-ms-clear,
  .cs-textarea::-ms-clear {
    display: none; }
  input[type="text"]:-webkit-autofill,
  input[type="password"]:-webkit-autofill,
  input[type="email"]:-webkit-autofill,
  input[type="number"]:-webkit-autofill,
  input[type="url"]:-webkit-autofill,
  input[type="search"]:-webkit-autofill,
  input[type="tel"]:-webkit-autofill,
  input[type="file"]:-webkit-autofill,
  input[type=""]:-webkit-autofill,
  .cs-input:-webkit-autofill,
  .cs-password:-webkit-autofill,
  .cs-select:-webkit-autofill,
  .chosen-container.cs-select:-webkit-autofill,
  textarea:-webkit-autofill,
  .cs-textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100rem #fff inset !important; }
  input[type="text"]:hover,
  input[type="password"]:hover,
  input[type="email"]:hover,
  input[type="number"]:hover,
  input[type="url"]:hover,
  input[type="search"]:hover,
  input[type="tel"]:hover,
  input[type="file"]:hover,
  input[type=""]:hover,
  .cs-input:hover,
  .cs-password:hover,
  .cs-select:hover,
  .chosen-container.cs-select:hover,
  textarea:hover,
  .cs-textarea:hover {
    border-color: #c7c7c7; }
  input[type="text"]:focus, input[type="text"].cs-is-focused,
  input[type="password"]:focus,
  input[type="password"].cs-is-focused,
  input[type="email"]:focus,
  input[type="email"].cs-is-focused,
  input[type="number"]:focus,
  input[type="number"].cs-is-focused,
  input[type="url"]:focus,
  input[type="url"].cs-is-focused,
  input[type="search"]:focus,
  input[type="search"].cs-is-focused,
  input[type="tel"]:focus,
  input[type="tel"].cs-is-focused,
  input[type="file"]:focus,
  input[type="file"].cs-is-focused,
  input[type=""]:focus,
  input[type=""].cs-is-focused,
  .cs-input:focus,
  .cs-input.cs-is-focused,
  .cs-password:focus,
  .cs-password.cs-is-focused,
  .cs-select:focus,
  .cs-select.cs-is-focused,
  .chosen-container.cs-select:focus,
  .chosen-container.cs-select.cs-is-focused,
  textarea:focus,
  textarea.cs-is-focused,
  .cs-textarea:focus,
  .cs-textarea.cs-is-focused {
    border-color: #44a4de;
    outline: none; }
  input[type="text"]:disabled,
  input[type="password"]:disabled,
  input[type="email"]:disabled,
  input[type="number"]:disabled,
  input[type="url"]:disabled,
  input[type="search"]:disabled,
  input[type="tel"]:disabled,
  input[type="file"]:disabled,
  input[type=""]:disabled,
  .cs-input:disabled,
  .cs-password:disabled,
  .cs-select:disabled,
  .chosen-container.cs-select:disabled,
  textarea:disabled,
  .cs-textarea:disabled {
    color: #777;
    opacity: .75; }
  input[type="text"].ng-empty:required, input[type="text"].cs-is-required.ng-empty,
  .cs-is-required input[type="text"].ng-empty,
  input[type="password"].ng-empty:required,
  input[type="password"].cs-is-required.ng-empty,
  .cs-is-required
  input[type="password"].ng-empty,
  input[type="email"].ng-empty:required,
  input[type="email"].cs-is-required.ng-empty,
  .cs-is-required
  input[type="email"].ng-empty,
  input[type="number"].ng-empty:required,
  input[type="number"].cs-is-required.ng-empty,
  .cs-is-required
  input[type="number"].ng-empty,
  input[type="url"].ng-empty:required,
  input[type="url"].cs-is-required.ng-empty,
  .cs-is-required
  input[type="url"].ng-empty,
  input[type="search"].ng-empty:required,
  input[type="search"].cs-is-required.ng-empty,
  .cs-is-required
  input[type="search"].ng-empty,
  input[type="tel"].ng-empty:required,
  input[type="tel"].cs-is-required.ng-empty,
  .cs-is-required
  input[type="tel"].ng-empty,
  input[type="file"].ng-empty:required,
  input[type="file"].cs-is-required.ng-empty,
  .cs-is-required
  input[type="file"].ng-empty,
  input[type=""].ng-empty:required,
  input[type=""].cs-is-required.ng-empty,
  .cs-is-required
  input[type=""].ng-empty,
  .cs-input.ng-empty:required,
  .cs-input.cs-is-required.ng-empty,
  .cs-is-required
  .cs-input.ng-empty,
  .cs-password.ng-empty:required,
  .cs-password.cs-is-required.ng-empty,
  .cs-is-required
  .cs-password.ng-empty,
  .cs-select.ng-empty:required,
  .cs-select.cs-is-required.ng-empty,
  .cs-is-required
  .cs-select.ng-empty,
  .chosen-container.cs-select.ng-empty:required,
  .chosen-container.cs-select.cs-is-required.ng-empty,
  .cs-is-required
  .chosen-container.cs-select.ng-empty,
  textarea.ng-empty:required,
  textarea.cs-is-required.ng-empty,
  .cs-is-required
  textarea.ng-empty,
  .cs-textarea.ng-empty:required,
  .cs-textarea.cs-is-required.ng-empty,
  .cs-is-required
  .cs-textarea.ng-empty {
    border-color: #ffaf31; }
    input[type="text"].ng-empty:required:hover, input[type="text"].cs-is-required.ng-empty:hover,
    .cs-is-required input[type="text"].ng-empty:hover,
    input[type="password"].ng-empty:required:hover,
    input[type="password"].cs-is-required.ng-empty:hover,
    .cs-is-required
    input[type="password"].ng-empty:hover,
    input[type="email"].ng-empty:required:hover,
    input[type="email"].cs-is-required.ng-empty:hover,
    .cs-is-required
    input[type="email"].ng-empty:hover,
    input[type="number"].ng-empty:required:hover,
    input[type="number"].cs-is-required.ng-empty:hover,
    .cs-is-required
    input[type="number"].ng-empty:hover,
    input[type="url"].ng-empty:required:hover,
    input[type="url"].cs-is-required.ng-empty:hover,
    .cs-is-required
    input[type="url"].ng-empty:hover,
    input[type="search"].ng-empty:required:hover,
    input[type="search"].cs-is-required.ng-empty:hover,
    .cs-is-required
    input[type="search"].ng-empty:hover,
    input[type="tel"].ng-empty:required:hover,
    input[type="tel"].cs-is-required.ng-empty:hover,
    .cs-is-required
    input[type="tel"].ng-empty:hover,
    input[type="file"].ng-empty:required:hover,
    input[type="file"].cs-is-required.ng-empty:hover,
    .cs-is-required
    input[type="file"].ng-empty:hover,
    input[type=""].ng-empty:required:hover,
    input[type=""].cs-is-required.ng-empty:hover,
    .cs-is-required
    input[type=""].ng-empty:hover,
    .cs-input.ng-empty:required:hover,
    .cs-input.cs-is-required.ng-empty:hover,
    .cs-is-required
    .cs-input.ng-empty:hover,
    .cs-password.ng-empty:required:hover,
    .cs-password.cs-is-required.ng-empty:hover,
    .cs-is-required
    .cs-password.ng-empty:hover,
    .cs-select.ng-empty:required:hover,
    .cs-select.cs-is-required.ng-empty:hover,
    .cs-is-required
    .cs-select.ng-empty:hover,
    .chosen-container.cs-select.ng-empty:required:hover,
    .chosen-container.cs-select.cs-is-required.ng-empty:hover,
    .cs-is-required
    .chosen-container.cs-select.ng-empty:hover,
    textarea.ng-empty:required:hover,
    textarea.cs-is-required.ng-empty:hover,
    .cs-is-required
    textarea.ng-empty:hover,
    .cs-textarea.ng-empty:required:hover,
    .cs-textarea.cs-is-required.ng-empty:hover,
    .cs-is-required
    .cs-textarea.ng-empty:hover {
      border-color: #fd9b00; }
    input[type="text"].ng-empty:required:focus, input[type="text"].cs-is-required.ng-empty:focus,
    .cs-is-required input[type="text"].ng-empty:focus,
    input[type="password"].ng-empty:required:focus,
    input[type="password"].cs-is-required.ng-empty:focus,
    .cs-is-required
    input[type="password"].ng-empty:focus,
    input[type="email"].ng-empty:required:focus,
    input[type="email"].cs-is-required.ng-empty:focus,
    .cs-is-required
    input[type="email"].ng-empty:focus,
    input[type="number"].ng-empty:required:focus,
    input[type="number"].cs-is-required.ng-empty:focus,
    .cs-is-required
    input[type="number"].ng-empty:focus,
    input[type="url"].ng-empty:required:focus,
    input[type="url"].cs-is-required.ng-empty:focus,
    .cs-is-required
    input[type="url"].ng-empty:focus,
    input[type="search"].ng-empty:required:focus,
    input[type="search"].cs-is-required.ng-empty:focus,
    .cs-is-required
    input[type="search"].ng-empty:focus,
    input[type="tel"].ng-empty:required:focus,
    input[type="tel"].cs-is-required.ng-empty:focus,
    .cs-is-required
    input[type="tel"].ng-empty:focus,
    input[type="file"].ng-empty:required:focus,
    input[type="file"].cs-is-required.ng-empty:focus,
    .cs-is-required
    input[type="file"].ng-empty:focus,
    input[type=""].ng-empty:required:focus,
    input[type=""].cs-is-required.ng-empty:focus,
    .cs-is-required
    input[type=""].ng-empty:focus,
    .cs-input.ng-empty:required:focus,
    .cs-input.cs-is-required.ng-empty:focus,
    .cs-is-required
    .cs-input.ng-empty:focus,
    .cs-password.ng-empty:required:focus,
    .cs-password.cs-is-required.ng-empty:focus,
    .cs-is-required
    .cs-password.ng-empty:focus,
    .cs-select.ng-empty:required:focus,
    .cs-select.cs-is-required.ng-empty:focus,
    .cs-is-required
    .cs-select.ng-empty:focus,
    .chosen-container.cs-select.ng-empty:required:focus,
    .chosen-container.cs-select.cs-is-required.ng-empty:focus,
    .cs-is-required
    .chosen-container.cs-select.ng-empty:focus,
    textarea.ng-empty:required:focus,
    textarea.cs-is-required.ng-empty:focus,
    .cs-is-required
    textarea.ng-empty:focus,
    .cs-textarea.ng-empty:required:focus,
    .cs-textarea.cs-is-required.ng-empty:focus,
    .cs-is-required
    .cs-textarea.ng-empty:focus {
      border-color: #44a4de; }
  input[type="text"]:required:invalid,
  input[type="password"]:required:invalid,
  input[type="email"]:required:invalid,
  input[type="number"]:required:invalid,
  input[type="url"]:required:invalid,
  input[type="search"]:required:invalid,
  input[type="tel"]:required:invalid,
  input[type="file"]:required:invalid,
  input[type=""]:required:invalid,
  .cs-input:required:invalid,
  .cs-password:required:invalid,
  .cs-select:required:invalid,
  .chosen-container.cs-select:required:invalid,
  textarea:required:invalid,
  .cs-textarea:required:invalid {
    outline: none; }
  input[type="text"].cs-prio-low,
  input[type="password"].cs-prio-low,
  input[type="email"].cs-prio-low,
  input[type="number"].cs-prio-low,
  input[type="url"].cs-prio-low,
  input[type="search"].cs-prio-low,
  input[type="tel"].cs-prio-low,
  input[type="file"].cs-prio-low,
  input[type=""].cs-prio-low,
  .cs-input.cs-prio-low,
  .cs-password.cs-prio-low,
  .cs-select.cs-prio-low,
  .chosen-container.cs-select.cs-prio-low,
  textarea.cs-prio-low,
  .cs-textarea.cs-prio-low {
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#B2E160;}</style><g><path class='st0' d='M4.9,3h2.2v8.1h4V13H4.9V3z'/></g></svg>");
    background-position: .6rem .6rem;
    background-repeat: no-repeat;
    padding-left: 2.8rem; }
  input[type="text"].cs-prio-medium,
  input[type="password"].cs-prio-medium,
  input[type="email"].cs-prio-medium,
  input[type="number"].cs-prio-medium,
  input[type="url"].cs-prio-medium,
  input[type="search"].cs-prio-medium,
  input[type="tel"].cs-prio-medium,
  input[type="file"].cs-prio-medium,
  input[type=""].cs-prio-medium,
  .cs-input.cs-prio-medium,
  .cs-password.cs-prio-medium,
  .cs-select.cs-prio-medium,
  .chosen-container.cs-select.cs-prio-medium,
  textarea.cs-prio-medium,
  .cs-textarea.cs-prio-medium {
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#FFC35B;}</style><g><path class='st0' d='M3.3,3h2.4l1.7,4.5L8,9.2h0.1l0.6-1.8L10.3,3h2.4v10h-2.1V9.3c0-0.2,0-0.5,0-0.8s0.1-0.6,0.1-0.9c0-0.3,0.1-0.6,0.1-0.9c0-0.3,0.1-0.6,0.1-0.8h-0.1L9.8,8.2l-1.6,3.9H7.5L6,8.2L5.2,5.9H5.2c0,0.2,0.1,0.5,0.1,0.8s0.1,0.6,0.1,0.9s0.1,0.6,0.1,0.9c0,0.3,0,0.6,0,0.8V13h-2V3z'/></g></svg>");
    background-position: .6rem .6rem;
    background-repeat: no-repeat;
    padding-left: 2.8rem; }
  input[type="text"].cs-prio-high,
  input[type="password"].cs-prio-high,
  input[type="email"].cs-prio-high,
  input[type="number"].cs-prio-high,
  input[type="url"].cs-prio-high,
  input[type="search"].cs-prio-high,
  input[type="tel"].cs-prio-high,
  input[type="file"].cs-prio-high,
  input[type=""].cs-prio-high,
  .cs-input.cs-prio-high,
  .cs-password.cs-prio-high,
  .cs-select.cs-prio-high,
  .chosen-container.cs-select.cs-prio-high,
  textarea.cs-prio-high,
  .cs-textarea.cs-prio-high {
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#FF4C4B;}</style><g><path class='st0' d='M4,3h2.3v3.9h3.5V3H12v10H9.7V8.8H6.3V13H4V3z'/></g></svg>");
    background-position: .6rem .6rem;
    background-repeat: no-repeat;
    padding-left: 2.8rem; }
  input[type="text"].cs-is-small,
  input[type="password"].cs-is-small,
  input[type="email"].cs-is-small,
  input[type="number"].cs-is-small,
  input[type="url"].cs-is-small,
  input[type="search"].cs-is-small,
  input[type="tel"].cs-is-small,
  input[type="file"].cs-is-small,
  input[type=""].cs-is-small,
  .cs-input.cs-is-small,
  .cs-password.cs-is-small,
  .cs-select.cs-is-small,
  .chosen-container.cs-select.cs-is-small,
  textarea.cs-is-small,
  .cs-textarea.cs-is-small {
    height: 2.4rem;
    line-height: 2.2rem; }
  .cs-is-small input[type="text"], .cs-is-small
  input[type="password"], .cs-is-small
  input[type="email"], .cs-is-small
  input[type="number"], .cs-is-small
  input[type="url"], .cs-is-small
  input[type="search"], .cs-is-small
  input[type="tel"], .cs-is-small
  input[type="file"], .cs-is-small
  input[type=""], .cs-is-small
  .cs-input, .cs-is-small
  .cs-password, .cs-is-small
  .cs-select, .cs-is-small
  .chosen-container.cs-select, .cs-is-small
  textarea, .cs-is-small
  .cs-textarea {
    height: 2.4rem;
    line-height: 2.2rem; }
  input[type="text"].cs-text-center,
  input[type="password"].cs-text-center,
  input[type="email"].cs-text-center,
  input[type="number"].cs-text-center,
  input[type="url"].cs-text-center,
  input[type="search"].cs-text-center,
  input[type="tel"].cs-text-center,
  input[type="file"].cs-text-center,
  input[type=""].cs-text-center,
  .cs-input.cs-text-center,
  .cs-password.cs-text-center,
  .cs-select.cs-text-center,
  .chosen-container.cs-select.cs-text-center,
  textarea.cs-text-center,
  .cs-textarea.cs-text-center {
    text-align: center; }
  input[type="text"].cs-different-values,
  input[type="password"].cs-different-values,
  input[type="email"].cs-different-values,
  input[type="number"].cs-different-values,
  input[type="url"].cs-different-values,
  input[type="search"].cs-different-values,
  input[type="tel"].cs-different-values,
  input[type="file"].cs-different-values,
  input[type=""].cs-different-values,
  .cs-input.cs-different-values,
  .cs-password.cs-different-values,
  .cs-select.cs-different-values,
  .chosen-container.cs-select.cs-different-values,
  textarea.cs-different-values,
  .cs-textarea.cs-different-values {
    color: #c7c7c7;
    font-style: italic;
    padding-right: 4rem; }

.cs-input.cs-has-fixed-width {
  display: inline-block;
  max-width: 20rem;
  width: 100%; }

/* To hide the up and down buttons on number inputs in FF (moz), Chrome&Safari (webkit) and the cross in IE */
/* Also hide the custom "x" button in a search input */
input[type="number"],
input[type="search"] {
  -moz-appearance: textfield; }
  input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button,
  input[type="search"]::-webkit-outer-spin-button,
  input[type="search"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  input[type="number"]::-ms-clear,
  input[type="search"]::-ms-clear {
    display: none; }

textarea,
.cs-textarea {
  line-height: 1.8rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }
  textarea[rows],
  .cs-textarea[rows] {
    height: auto; }
  textarea.cs-is-small,
  .cs-textarea.cs-is-small {
    line-height: 1.2rem; }

/*
 * ---
 * 4B) Checkboxes
 * ---
 */
.cs-check-group {
  padding-top: 0.5rem; }

.cs-checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 3rem;
  min-height: 3rem;
  padding-right: 2rem;
  vertical-align: top;
  z-index: 4; }
  .cs-checkbox .cs-checkbox-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    height: .1rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: .1rem; }
  .cs-checkbox .cs-checkbox-label {
    color: #404448;
    display: inline-block;
    font-weight: 400;
    line-height: 1.6rem;
    vertical-align: text-bottom; }
  .cs-checkbox.part-of-check-list {
    line-height: 2rem;
    min-height: 2rem; }
    .cs-checkbox.part-of-check-list .cs-checkbox-label {
      color: #777;
      font-weight: 300; }
  .cs-checkbox .cs-checkbox-style {
    background: #fff;
    border: 0.1rem solid #c7c7c7;
    display: inline-block;
    height: 1.6rem;
    margin: 0 0.3rem 0 0;
    position: relative;
    vertical-align: text-bottom;
    width: 1.6rem; }
    .cs-checkbox .cs-checkbox-style::after {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.08s ease-in-out;
      -moz-transition: all 0.08s ease-in-out;
      transition: all 0.08s ease-in-out;
      color: #69bee6;
      content: "\e621";
      display: inline-block;
      font-family: "cs-icons", sans-serif;
      font-size: 1rem;
      height: 1.4rem;
      left: 0;
      line-height: 1.4;
      opacity: .1;
      position: absolute;
      text-align: center;
      top: 0;
      width: 1.4rem; }
  .cs-checkbox .cs-checkbox-input:checked ~ .cs-checkbox-style {
    border-color: #69bee6; }
    .cs-checkbox .cs-checkbox-input:checked ~ .cs-checkbox-style::after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1; }
  .cs-checkbox:hover:not(.cs-is-disabled) .cs-checkbox-input:checked ~ .cs-checkbox-style,
  .cs-checkbox:not(.cs-is-disabled) .cs-checkbox-input:focus:checked ~ .cs-checkbox-style {
    border-color: #5eabcf;
    outline: 1px solid #44a4de; }
  .cs-checkbox:hover:not(.cs-is-disabled) .cs-checkbox-input ~ .cs-checkbox-style {
    border-color: #b2b2b2; }
  .cs-checkbox:not(.cs-is-disabled) .cs-checkbox-input:focus ~ .cs-checkbox-style {
    border-color: #44a4de; }
  .cs-checkbox.cs-is-required .cs-checkbox-input:not(:checked) ~ .cs-checkbox-style {
    border-color: #ffaf31; }
  .cs-checkbox.cs-is-required .cs-checkbox-input:not(:checked):hover ~ .cs-checkbox-style {
    border-color: #fd9b00; }
  .cs-checkbox.cs-is-required .cs-checkbox-input:not(:checked):focus ~ .cs-checkbox-style {
    border-color: #44a4de; }
  .cs-checkbox.cs-prio-low .cs-checkbox-input:not(:checked) ~ .cs-checkbox-style {
    border-color: #b4e068; }
  .cs-checkbox.cs-prio-low .cs-checkbox-input:not(:checked):hover ~ .cs-checkbox-style {
    border-color: #94d12b; }
  .cs-checkbox.cs-prio-low .cs-checkbox-input:not(:checked):focus ~ .cs-checkbox-style {
    border-color: #44a4de; }
  .cs-checkbox.cs-is-info .cs-checkbox-input:not(:checked) ~ .cs-checkbox-style, .cs-checkbox.cs-prio-medium .cs-checkbox-input:not(:checked) ~ .cs-checkbox-style {
    border-color: #ffef5c; }
  .cs-checkbox.cs-is-info .cs-checkbox-input:not(:checked):hover ~ .cs-checkbox-style, .cs-checkbox.cs-prio-medium .cs-checkbox-input:not(:checked):hover ~ .cs-checkbox-style {
    border-color: #ffe710; }
  .cs-checkbox.cs-is-info .cs-checkbox-input:not(:checked):focus ~ .cs-checkbox-style, .cs-checkbox.cs-prio-medium .cs-checkbox-input:not(:checked):focus ~ .cs-checkbox-style {
    border-color: #44a4de; }
  .cs-checkbox.cs-prio-high .cs-checkbox-input:not(:checked) ~ .cs-checkbox-style {
    border-color: #ffaf31; }
  .cs-checkbox.cs-prio-high .cs-checkbox-input:not(:checked):hover ~ .cs-checkbox-style {
    border-color: #e48b00; }
  .cs-checkbox.cs-prio-high .cs-checkbox-input:not(:checked):focus ~ .cs-checkbox-style {
    border-color: #44a4de; }
  .cs-checkbox.cs-is-undefined .cs-checkbox-style::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    color: #d9d9d9;
    content: "━";
    font: "SourceSansPro", "Arial", sans-serif;
    opacity: 1; }
  .cs-checkbox.cs-is-small {
    line-height: 2.4rem;
    min-height: 2.4rem; }
  .cs-checkbox.cs-is-alt .cs-checkbox-style,
  .cs-is-alt .cs-checkbox .cs-checkbox-style {
    background: #f2f2f2; }
  .cs-checkbox.cs-is-disabled {
    cursor: default; }
    .cs-checkbox.cs-is-disabled .cs-checkbox-input ~ .cs-checkbox-style {
      opacity: .4; }
      .cs-checkbox.cs-is-disabled .cs-checkbox-input ~ .cs-checkbox-style::after {
        color: #404448; }
    .cs-checkbox.cs-is-disabled .cs-checkbox-input:checked ~ .cs-checkbox-style {
      border-color: #c7c7c7; }
      .cs-checkbox.cs-is-disabled .cs-checkbox-input:checked ~ .cs-checkbox-style::after {
        content: "\e621"; }

.cs-checkbox + span .cs-asset-relation-count {
  margin-left: -2.3rem; }

.cs-has-different-values.cs-checkbox .cs-checkbox-style::after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: #404448;
  content: "";
  height: .2rem;
  left: 0.2rem;
  opacity: 1;
  top: 0.6rem;
  width: 1rem; }

/*
 * ---
 * 4C) Radios
 * ---
 */
.cs-radio {
  cursor: pointer;
  display: inline-block;
  line-height: 3rem;
  min-height: 3rem;
  padding-right: 2rem;
  vertical-align: top;
  z-index: 4; }
  .cs-radio .cs-radio-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    height: .1rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: .1rem; }
  .cs-radio .cs-radio-label {
    color: #777;
    display: inline-block;
    font-weight: 300;
    line-height: 1.6rem;
    vertical-align: text-bottom; }
  .cs-radio .cs-radio-style {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 100%;
    background: #fff;
    border: 0.1rem solid #c7c7c7;
    display: inline-block;
    height: 1.6rem;
    margin: 0 0.5rem 0 0;
    position: relative;
    vertical-align: text-bottom;
    width: 1.6rem; }
    .cs-radio .cs-radio-style::after {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 100%;
      -webkit-transition: all 0.08s ease-in-out;
      -moz-transition: all 0.08s ease-in-out;
      transition: all 0.08s ease-in-out;
      background: #69bee6;
      content: " ";
      display: inline-block;
      height: 0;
      left: 0.7rem;
      position: absolute;
      top: 0.7rem;
      width: 0; }
  .cs-radio .cs-radio-icon {
    color: #c7c7c7; }
    .cs-radio .cs-radio-icon::before {
      font-size: 1.7rem;
      line-height: 1rem;
      vertical-align: middle; }
  .cs-radio .cs-radio-input:checked ~ .cs-radio-style {
    border-color: #69bee6; }
    .cs-radio .cs-radio-input:checked ~ .cs-radio-style::after {
      height: 0.8rem;
      left: .3rem;
      top: .3rem;
      width: 0.8rem; }
  .cs-radio .cs-radio-input:checked ~ .cs-radio-icon {
    color: #69bee6; }
  .cs-radio .cs-radio-input:checked:hover ~ .cs-radio-style {
    border-color: #2192c8; }
  .cs-radio .cs-radio-input:checked:focus ~ .cs-radio-style {
    outline: 1px solid #44a4de; }
  .cs-radio .cs-radio-input:checked:hover ~ .cs-radio-icon {
    color: #2192c8; }
  .cs-radio .cs-radio-input:checked:focus ~ .cs-radio-icon {
    outline: 1px solid #44a4de; }
  .cs-radio .cs-radio-input:focus ~ .cs-radio-style {
    outline: 1px solid #44a4de; }
  .cs-radio .cs-radio-input:focus ~ .cs-radio-icon {
    color: #c7c7c7; }
  .cs-radio:hover:not(.cs-is-disabled) .cs-radio-style {
    border-color: #b2b2b2; }
  .cs-radio:hover:not(.cs-is-disabled) .cs-radio-input:checked ~ .cs-radio-style {
    border-color: #5eabcf; }
    .cs-radio:hover:not(.cs-is-disabled) .cs-radio-input:checked ~ .cs-radio-style::after {
      background: #5eabcf; }
  .cs-radio.cs-is-small,
  .cs-is-small .cs-radio {
    line-height: 2.4rem;
    min-height: 2.4rem; }
  .cs-radio.cs-is-alt .cs-radio-style,
  .cs-is-alt .cs-radio .cs-radio-style {
    background: #f2f2f2; }
  .cs-radio.cs-is-disabled {
    cursor: default; }
    .cs-radio.cs-is-disabled .cs-radio-style {
      opacity: .4; }
  .cs-radio.cs-is-required .cs-radio-input:not(:checked) ~ .cs-radio-style {
    border-color: #ffaf31; }
  .cs-radio.cs-is-required .cs-radio-input:not(:checked):hover ~ .cs-radio-style {
    border-color: #fd9b00; }
  .cs-radio.cs-is-required .cs-radio-input:not(:checked):focus ~ .cs-radio-style {
    outline: 1px solid #44a4de; }
  .cs-radio.cs-is-info .cs-radio-input:not(:checked) ~ .cs-radio-style {
    border-color: #ffef5c; }
  .cs-radio.cs-is-info .cs-radio-input:not(:checked):hover ~ .cs-radio-style {
    border-color: #94d12b; }
  .cs-radio.cs-is-info .cs-radio-input:not(:checked):focus ~ .cs-radio-style {
    outline: 1px solid #44a4de; }
  .cs-radio.cs-prio-low .cs-radio-input:not(:checked) ~ .cs-radio-style {
    border-color: #b4e068; }
  .cs-radio.cs-prio-low .cs-radio-input:not(:checked):hover ~ .cs-radio-style {
    border-color: #94d12b; }
  .cs-radio.cs-prio-low .cs-radio-input:not(:checked):focus ~ .cs-radio-style {
    outline: 1px solid #44a4de; }
  .cs-radio.cs-is-info .cs-radio-input:not(:checked) ~ .cs-radio-style, .cs-radio.cs-prio-medium .cs-radio-input:not(:checked) ~ .cs-radio-style {
    border-color: #ffef5c; }
  .cs-radio.cs-is-info .cs-radio-input:not(:checked):hover ~ .cs-radio-style, .cs-radio.cs-prio-medium .cs-radio-input:not(:checked):hover ~ .cs-radio-style {
    border-color: #ffe710; }
  .cs-radio.cs-is-info .cs-radio-input:not(:checked):focus ~ .cs-radio-style, .cs-radio.cs-prio-medium .cs-radio-input:not(:checked):focus ~ .cs-radio-style {
    outline: 1px solid #44a4de; }
  .cs-radio.cs-prio-high .cs-radio-input:not(:checked) ~ .cs-radio-style {
    border-color: #ffaf31; }
  .cs-radio.cs-prio-high .cs-radio-input:not(:checked):hover ~ .cs-radio-style {
    border-color: #e48b00; }
  .cs-radio.cs-prio-high .cs-radio-input:not(:checked):focus ~ .cs-radio-style {
    outline: 1px solid #44a4de; }

/*
 * ---
 * 4D) Toggles
 * ---
 */
/* ------------------------------
5. Selects
  ------------------------------- */
/*
 * ---
 * 5A) Single selects
 * ---
 */
/*
 * ---
 * 5B) Multi selects
 * ---
 */
/* ------------------------------
6. Others
  ------------------------------- */
label.cs-next-to-form, label.cs-next-to-form-small,
span.cs-next-to-form,
span.cs-next-to-form-small {
  display: inline-block; }

.cs-next-to-form {
  line-height: 1.6rem;
  padding-top: .7rem; }

.cs-next-to-form-small {
  line-height: 2.2rem;
  padding-top: .1rem; }

/* ------------------------------
7. Form overwrites
  ------------------------------- */
/*
 * ---
 * 7A) Form validation (>censhare 5.4)
 * ---
 */
input,
.cs-input,
.cs-password,
.cs-select,
.chosen-container.cs-select,
.cs-multiselect,
textarea,
.cs-textarea {
  /**
     * Different states:
     *   - custom validation (not used at the moment)
     *   - angular validation on element blur
     *   - angular validation after element interaction
     */
  /**
     * Different states:
     *   - custom validation (not used at the moment)
     *   - angular validation on element blur
     *   - angular validation after element interaction
     */ }
  .cs-is-invalid input, .cs-is-invalid
  .cs-input, .cs-is-invalid
  .cs-password, .cs-is-invalid
  .cs-select, .cs-is-invalid
  .chosen-container.cs-select, .cs-is-invalid
  .cs-multiselect, .cs-is-invalid
  textarea, .cs-is-invalid
  .cs-textarea {
    border-color: #ff4e4f; }
    .cs-is-invalid input:focus, .cs-is-invalid
    .cs-input:focus, .cs-is-invalid
    .cs-password:focus, .cs-is-invalid
    .cs-select:focus, .cs-is-invalid
    .chosen-container.cs-select:focus, .cs-is-invalid
    .cs-multiselect:focus, .cs-is-invalid
    textarea:focus, .cs-is-invalid
    .cs-textarea:focus {
      border-color: #44a4de; }
  .cs-is-info input, .cs-is-info
  .cs-input, .cs-is-info
  .cs-password, .cs-is-info
  .cs-select, .cs-is-info
  .chosen-container.cs-select, .cs-is-info
  .cs-multiselect, .cs-is-info
  textarea, .cs-is-info
  .cs-textarea {
    border-color: #b4e068; }
    .cs-is-info input:focus, .cs-is-info
    .cs-input:focus, .cs-is-info
    .cs-password:focus, .cs-is-info
    .cs-select:focus, .cs-is-info
    .chosen-container.cs-select:focus, .cs-is-info
    .cs-multiselect:focus, .cs-is-info
    textarea:focus, .cs-is-info
    .cs-textarea:focus {
      border-color: #44a4de; }
  input.cs-is-invalid, input.ng-invalid.ng-touched, input.ng-invalid.ng-dirty,
  .cs-input.cs-is-invalid,
  .cs-input.ng-invalid.ng-touched,
  .cs-input.ng-invalid.ng-dirty,
  .cs-password.cs-is-invalid,
  .cs-password.ng-invalid.ng-touched,
  .cs-password.ng-invalid.ng-dirty,
  .cs-select.cs-is-invalid,
  .cs-select.ng-invalid.ng-touched,
  .cs-select.ng-invalid.ng-dirty,
  .chosen-container.cs-select.cs-is-invalid,
  .chosen-container.cs-select.ng-invalid.ng-touched,
  .chosen-container.cs-select.ng-invalid.ng-dirty,
  .cs-multiselect.cs-is-invalid,
  .cs-multiselect.ng-invalid.ng-touched,
  .cs-multiselect.ng-invalid.ng-dirty,
  textarea.cs-is-invalid,
  textarea.ng-invalid.ng-touched,
  textarea.ng-invalid.ng-dirty,
  .cs-textarea.cs-is-invalid,
  .cs-textarea.ng-invalid.ng-touched,
  .cs-textarea.ng-invalid.ng-dirty {
    border-color: #ff4e4f; }
    input.cs-is-invalid:focus, input.ng-invalid.ng-touched:focus, input.ng-invalid.ng-dirty:focus,
    .cs-input.cs-is-invalid:focus,
    .cs-input.ng-invalid.ng-touched:focus,
    .cs-input.ng-invalid.ng-dirty:focus,
    .cs-password.cs-is-invalid:focus,
    .cs-password.ng-invalid.ng-touched:focus,
    .cs-password.ng-invalid.ng-dirty:focus,
    .cs-select.cs-is-invalid:focus,
    .cs-select.ng-invalid.ng-touched:focus,
    .cs-select.ng-invalid.ng-dirty:focus,
    .chosen-container.cs-select.cs-is-invalid:focus,
    .chosen-container.cs-select.ng-invalid.ng-touched:focus,
    .chosen-container.cs-select.ng-invalid.ng-dirty:focus,
    .cs-multiselect.cs-is-invalid:focus,
    .cs-multiselect.ng-invalid.ng-touched:focus,
    .cs-multiselect.ng-invalid.ng-dirty:focus,
    textarea.cs-is-invalid:focus,
    textarea.ng-invalid.ng-touched:focus,
    textarea.ng-invalid.ng-dirty:focus,
    .cs-textarea.cs-is-invalid:focus,
    .cs-textarea.ng-invalid.ng-touched:focus,
    .cs-textarea.ng-invalid.ng-dirty:focus {
      border-color: #44a4de; }
  .cs-is-valid input, .cs-is-valid
  .cs-input, .cs-is-valid
  .cs-password, .cs-is-valid
  .cs-select, .cs-is-valid
  .chosen-container.cs-select, .cs-is-valid
  .cs-multiselect, .cs-is-valid
  textarea, .cs-is-valid
  .cs-textarea {
    border-color: #d9d9d9; }
    .cs-is-valid input:focus, .cs-is-valid
    .cs-input:focus, .cs-is-valid
    .cs-password:focus, .cs-is-valid
    .cs-select:focus, .cs-is-valid
    .chosen-container.cs-select:focus, .cs-is-valid
    .cs-multiselect:focus, .cs-is-valid
    textarea:focus, .cs-is-valid
    .cs-textarea:focus {
      border-color: #44a4de; }
  input.cs-is-valid, input.ng-valid.ng-touched, input.ng-valid.ng-dirty,
  .cs-input.cs-is-valid,
  .cs-input.ng-valid.ng-touched,
  .cs-input.ng-valid.ng-dirty,
  .cs-password.cs-is-valid,
  .cs-password.ng-valid.ng-touched,
  .cs-password.ng-valid.ng-dirty,
  .cs-select.cs-is-valid,
  .cs-select.ng-valid.ng-touched,
  .cs-select.ng-valid.ng-dirty,
  .chosen-container.cs-select.cs-is-valid,
  .chosen-container.cs-select.ng-valid.ng-touched,
  .chosen-container.cs-select.ng-valid.ng-dirty,
  .cs-multiselect.cs-is-valid,
  .cs-multiselect.ng-valid.ng-touched,
  .cs-multiselect.ng-valid.ng-dirty,
  textarea.cs-is-valid,
  textarea.ng-valid.ng-touched,
  textarea.ng-valid.ng-dirty,
  .cs-textarea.cs-is-valid,
  .cs-textarea.ng-valid.ng-touched,
  .cs-textarea.ng-valid.ng-dirty {
    border-color: #d9d9d9; }
    input.cs-is-valid:focus, input.ng-valid.ng-touched:focus, input.ng-valid.ng-dirty:focus,
    .cs-input.cs-is-valid:focus,
    .cs-input.ng-valid.ng-touched:focus,
    .cs-input.ng-valid.ng-dirty:focus,
    .cs-password.cs-is-valid:focus,
    .cs-password.ng-valid.ng-touched:focus,
    .cs-password.ng-valid.ng-dirty:focus,
    .cs-select.cs-is-valid:focus,
    .cs-select.ng-valid.ng-touched:focus,
    .cs-select.ng-valid.ng-dirty:focus,
    .chosen-container.cs-select.cs-is-valid:focus,
    .chosen-container.cs-select.ng-valid.ng-touched:focus,
    .chosen-container.cs-select.ng-valid.ng-dirty:focus,
    .cs-multiselect.cs-is-valid:focus,
    .cs-multiselect.ng-valid.ng-touched:focus,
    .cs-multiselect.ng-valid.ng-dirty:focus,
    textarea.cs-is-valid:focus,
    textarea.ng-valid.ng-touched:focus,
    textarea.ng-valid.ng-dirty:focus,
    .cs-textarea.cs-is-valid:focus,
    .cs-textarea.ng-valid.ng-touched:focus,
    .cs-textarea.ng-valid.ng-dirty:focus {
      border-color: #44a4de; }

.cs-form-validation-msg {
  color: #ff4e4f;
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
  margin-top: 0.5rem;
  overflow: hidden; }

/*
 *  ----------------------------------------------------------------------
 * Older and deprecated censhare 5.0 form definitions
 * Do not use these definitions anymore!
 *  ----------------------------------------------------------------------
 */
/**  INPUT censhare 5.0 (deprecated) **/
.cs-input + span,
.cs-password + span,
.cs-textarea + span {
  display: none; }

.cs-input.cs-clearable:not([disabled]),
.cs-password.cs-clearable:not([disabled]),
.cs-textarea.cs-clearable:not([disabled]) {
  padding-right: 3rem; }
  .cs-input.cs-clearable:not([disabled]) + .cs-clearable-wrapper,
  .cs-password.cs-clearable:not([disabled]) + .cs-clearable-wrapper,
  .cs-textarea.cs-clearable:not([disabled]) + .cs-clearable-wrapper {
    display: inline-block;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: top;
    width: 0; }
    .cs-input.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon,
    .cs-password.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon,
    .cs-textarea.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon {
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      transition-property: opacity;
      background: none;
      border: 0;
      color: #777;
      cursor: pointer;
      display: inline-block;
      font-size: 1rem;
      line-height: 3rem;
      opacity: .3;
      padding: 0 1rem;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      width: 3rem; }
      .cs-input.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon:hover, .cs-input.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon:focus,
      .cs-password.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon:hover,
      .cs-password.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon:focus,
      .cs-textarea.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon:hover,
      .cs-textarea.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon:focus {
        opacity: 1; }
  .cs-input.cs-clearable:not([disabled]).cs-is-small,
  .cs-password.cs-clearable:not([disabled]).cs-is-small,
  .cs-textarea.cs-clearable:not([disabled]).cs-is-small {
    padding-right: 2rem; }
    .cs-input.cs-clearable:not([disabled]).cs-is-small + .cs-clearable-wrapper .cs-icon,
    .cs-password.cs-clearable:not([disabled]).cs-is-small + .cs-clearable-wrapper .cs-icon,
    .cs-textarea.cs-clearable:not([disabled]).cs-is-small + .cs-clearable-wrapper .cs-icon {
      line-height: 2.4rem;
      padding: 0 0.5rem;
      width: 2rem; }

#censhareApp .cs-input.cs-clearable:not([disabled]) {
  padding-right: 3rem; }

cs-repeat[property="asset.traits.display.localizedName"] .cs-input.cs-clearable:not([disabled]) + .cs-clearable-wrapper {
  position: absolute;
  right: 2rem; }

/**  TEXTAREA censhare 5.0 (deprecated) **/
.cs-textarea {
  font-size: 1em;
  font-weight: 400;
  max-width: 100%;
  min-height: 4rem;
  min-width: 12rem; }
  .cs-textarea:focus {
    box-shadow: none; }

/**  CHECKBOX censhare 5.0 (deprecated) **/
input.cs-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 16px;
  margin: 0 -16px 0 0;
  opacity: 0;
  position: relative;
  width: 16px;
  z-index: 4; }
  input.cs-checkbox + span {
    background: #fff;
    border: 0.1rem solid #d9d9d9;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0 8px 0 0;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 14px;
    z-index: 3; }
  input.cs-checkbox[disabled="disabled"] + span, input.cs-checkbox[disabled="disabled"]:checked + span {
    border-color: #d9d9d9; }
    input.cs-checkbox[disabled="disabled"] + span::after, input.cs-checkbox[disabled="disabled"]:checked + span::after {
      color: #9c9c9c; }
    input.cs-checkbox[disabled="disabled"] + span + label, input.cs-checkbox[disabled="disabled"]:checked + span + label {
      color: #9c9c9c; }
  input.cs-checkbox:checked + span {
    border-color: #e6e6e6; }
    input.cs-checkbox:checked + span::after {
      color: #5eabcf;
      content: "\e621";
      font-family: "cs-icons", sans-serif;
      font-size: 10px;
      height: 10px;
      left: 1px;
      line-height: 10px;
      position: absolute;
      top: 1px; }

/**  LABEL censhare 5.0 **/
.cs-label {
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #9c9c9c;
  line-height: 1.6rem;
  padding-right: 0.5rem; }
  .cs-label.invalid {
    color: #ff4e4f; }
  .cs-label.after {
    display: inline;
    margin: 0 2rem 0 0;
    position: relative;
    z-index: 4; }
  .cs-label.before {
    display: block;
    margin-bottom: 0.5rem; }

/**  SELECT censhare 5.0 **/
.cs-select {
  width: 100%; }
  .cs-select.chosen-container {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2em;
    background: #fff;
    border: 0.1rem solid #d9d9d9;
    color: #404448;
    height: 3rem;
    padding: 0 0 0 1rem;
    width: 100%; }
    .cs-select.chosen-container .chosen-single {
      background: none;
      border: none;
      box-shadow: none;
      height: 2.8rem;
      padding-left: 0; }
      .cs-select.chosen-container .chosen-single.chosen-default {
        color: #9c9c9c;
        font-weight: 300; }
      .cs-select.chosen-container .chosen-single.cs-value-disabled {
        color: #d9d9d9; }
      .cs-select.chosen-container .chosen-single > span {
        line-height: 2.8rem;
        margin-right: 3rem; }
      .cs-select.chosen-container .chosen-single div {
        height: 2.8rem;
        top: 0;
        width: 3rem; }
        .cs-select.chosen-container .chosen-single div b {
          background: none !important;
          color: #d9d9d9;
          width: 100%; }
          .cs-select.chosen-container .chosen-single div b::after {
            -webkit-transition: transform 150ms ease-in-out;
            -moz-transition: transform 150ms ease-in-out;
            transition: transform 150ms ease-in-out;
            color: inherit;
            content: "\e94c";
            font-family: "cs-icons", sans-serif;
            font-size: 1.2rem;
            font-style: normal;
            font-weight: 400;
            height: 100%;
            line-height: 2.33333333em;
            margin-right: .3em;
            padding: 0 .9rem;
            position: absolute;
            right: 0;
            text-decoration: inherit;
            top: 0; }
          .cs-select.chosen-container .chosen-single div b:hover {
            color: #c7c7c7; }
      .cs-select.chosen-container .chosen-single .search-choice-close,
      .cs-select.chosen-container .chosen-single abbr {
        background: transparent;
        background-image: none !important;
        border: 0;
        color: #d9d9d9;
        cursor: pointer;
        display: block;
        font-size: 1rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 2.8rem;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 2.2rem;
        top: 0;
        width: 2.8rem; }
        .cs-select.chosen-container .chosen-single .search-choice-close::before,
        .cs-select.chosen-container .chosen-single abbr::before {
          color: inherit;
          content: "\e61a";
          display: block;
          font-family: "cs-icons", sans-serif;
          font-size: inherit;
          height: 2.8rem;
          line-height: 3;
          text-align: center;
          width: 3rem; }
        .cs-select.chosen-container .chosen-single .search-choice-close:hover, .cs-select.chosen-container .chosen-single .search-choice-close:focus,
        .cs-select.chosen-container .chosen-single abbr:hover,
        .cs-select.chosen-container .chosen-single abbr:focus {
          color: #c7c7c7; }
    .cs-select.chosen-container.cs-is-focused div b {
      border-color: #c7c7c7;
      color: #c7c7c7; }
    .cs-select.chosen-container.chosen-with-drop div b::after {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .cs-select.chosen-container.chosen-with-drop .chosen-drop {
      left: 50%; }
    .cs-select.chosen-container.ng-invalid {
      border-color: #ff4e4f; }
      .cs-select.chosen-container.ng-invalid::after {
        border-color: #ff4e4f;
        color: #ff4e4f; }
    .cs-select.chosen-container.loading .chosen-results {
      min-height: 60px;
      position: relative; }
      .cs-select.chosen-container.loading .chosen-results::after {
        content: "…";
        display: inline-block;
        height: 30px;
        left: 50%;
        margin: -15px 0 0 -5px;
        position: absolute;
        top: 50%;
        width: 30px;
        z-index: 9999; }
    .cs-select.chosen-container.loading .chosen-drop {
      background: #fff; }
    .cs-select.chosen-container .chosen-drop {
      max-width: 250%;
      min-width: 100%;
      width: auto; }
  .cs-select.cs-is-small.chosen-container {
    height: 2.4rem; }
    .cs-select.cs-is-small.chosen-container .chosen-single {
      height: 2.2rem; }
      .cs-select.cs-is-small.chosen-container .chosen-single > span {
        line-height: 2.2rem; }
      .cs-select.cs-is-small.chosen-container .chosen-single div {
        height: 2.2rem;
        width: 2.4rem; }
        .cs-select.cs-is-small.chosen-container .chosen-single div b::after {
          line-height: 1.83333333em;
          padding: 0 0.5rem; }
      .cs-select.cs-is-small.chosen-container .chosen-single .search-choice-close {
        font-size: 1rem;
        height: 2.2rem;
        right: 1.6rem;
        width: 2.4rem; }
        .cs-select.cs-is-small.chosen-container .chosen-single .search-choice-close::before {
          height: 2.2rem;
          line-height: 2.4;
          width: 2.4rem; }
  .cs-select.cs-is-alt.chosen-container,
  .cs-is-alt .cs-select.chosen-container {
    background: #f2f2f2; }
    .cs-select.cs-is-alt.chosen-container .chosen-single div b,
    .cs-is-alt .cs-select.chosen-container .chosen-single div b {
      color: #d9d9d9; }
      .cs-select.cs-is-alt.chosen-container .chosen-single div b:hover,
      .cs-is-alt .cs-select.chosen-container .chosen-single div b:hover {
        color: #b2b2b2; }

.cs-multiselect {
  width: 100%; }
  .cs-multiselect.chosen-container {
    display: block;
    font-size: inherit;
    line-height: 1.6rem;
    margin: 0;
    min-width: 100%; }
    .cs-multiselect.chosen-container > ul {
      background: #fff;
      border: 0.1rem solid #d9d9d9;
      box-shadow: none;
      color: #404448;
      cursor: pointer;
      font-size: 1em;
      height: auto;
      min-height: 3rem !important;
      padding: 0.5rem 1rem 0 0.5rem; }
      .cs-multiselect.chosen-container > ul li.search-field input[type="text"] {
        font-family: "SourceSansPro", "Arial", sans-serif;
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 1.2em;
        height: auto;
        line-height: 1rem;
        margin: 0;
        padding: 0; }
      .cs-multiselect.chosen-container > ul li.search-choice {
        background: #e6e6e6;
        border: none;
        border-radius: 0;
        box-shadow: none;
        color: #1c1c1c;
        font-size: 1.2rem;
        font-weight: 400;
        height: 2rem;
        line-height: 2rem;
        margin: 0 0.5rem 0.5rem 0;
        padding: 0 2rem 0 0.5rem; }
        .cs-multiselect.chosen-container > ul li.search-choice a.search-choice-close {
          background: none !important;
          font-size: 1.2rem;
          height: 2rem;
          line-height: 2rem;
          right: 0;
          top: 0;
          width: 2rem; }
          .cs-multiselect.chosen-container > ul li.search-choice a.search-choice-close:hover, .cs-multiselect.chosen-container > ul li.search-choice a.search-choice-close:focus {
            background: none;
            opacity: .8;
            text-decoration: none; }
        .cs-multiselect.chosen-container > ul li.search-choice.search-choice-disabled {
          background: #c7c7c7;
          padding-right: 0.5rem; }
    .cs-multiselect.chosen-container.ng-invalid > ul {
      border-color: #ff4e4f; }
    .cs-multiselect.chosen-container:hover > ul, .cs-multiselect.chosen-container.chosen-container-active > ul {
      border-color: #c7c7c7; }
    .cs-multiselect.chosen-container .chosen-drop-button {
      height: 2.8rem;
      position: absolute;
      right: 0;
      top: 0;
      width: 3rem; }
      .cs-multiselect.chosen-container .chosen-drop-button b {
        background: none !important;
        color: #d9d9d9;
        width: 100%; }
        .cs-multiselect.chosen-container .chosen-drop-button b::after {
          -webkit-transition: transform 150ms ease-in-out;
          -moz-transition: transform 150ms ease-in-out;
          transition: transform 150ms ease-in-out;
          color: inherit;
          content: "\e94c";
          font-family: "cs-icons", sans-serif;
          font-size: 1.2rem;
          font-style: normal;
          font-weight: 400;
          height: 100%;
          line-height: 2.33333333em;
          *margin-right: .3em;
          padding: 0 .9rem;
          position: absolute;
          right: 0;
          text-decoration: inherit;
          top: 0; }
        .cs-multiselect.chosen-container .chosen-drop-button b:hover {
          color: #c7c7c7; }
    .cs-multiselect.chosen-container.chosen-with-drop .chosen-drop-button b::after {
      content: "\e980"; }
  .cs-multiselect.cs-is-small.chosen-container > ul {
    min-height: 2.4rem !important;
    padding: 0.3rem 1rem 0; }
    .cs-multiselect.cs-is-small.chosen-container > ul li.search-choice {
      font-size: .786em;
      height: 1.6rem;
      line-height: 1.6rem;
      margin-bottom: .3rem; }
  .cs-multiselect.cs-is-alt.chosen-container > ul,
  .cs-is-alt .cs-multiselect.chosen-container > ul {
    background: #f2f2f2; }

.chosen-container {
  font-size: inherit; }
  .chosen-container .chosen-drop {
    background: #fff;
    border: 0.1rem solid #d9d9d9;
    margin-bottom: 1rem;
    top: calc(100% + 20px);
    box-shadow: 0 3px 10px 0.1; }
    .chosen-container .chosen-drop::after, .chosen-container .chosen-drop::before {
      border: solid transparent;
      content: " ";
      height: 0;
      margin-left: -6px;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .chosen-container .chosen-drop::before {
      border-bottom-color: #e2e2e2;
      border-width: 6px;
      bottom: 100%;
      left: 50%; }
    .chosen-container .chosen-drop::after {
      border-bottom-color: #fff;
      border-width: 6px;
      bottom: calc(100% - 1px);
      left: 50%; }
    .chosen-container .chosen-drop .chosen-results {
      margin: 0;
      padding: 1rem 0; }
      .chosen-container .chosen-drop .chosen-results li {
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 2.8rem;
        padding: 0 1rem; }
        .chosen-container .chosen-drop .chosen-results li.cs-value-disabled {
          color: #d9d9d9; }
        .chosen-container .chosen-drop .chosen-results li.result-selected {
          color: #69bee6; }
          .chosen-container .chosen-drop .chosen-results li.result-selected:hover {
            background: #f2f2f2;
            color: #69bee6; }
        .chosen-container .chosen-drop .chosen-results li.highlighted, .chosen-container .chosen-drop .chosen-results li:hover {
          background: #f2f2f2;
          color: #1c1c1c; }
        .chosen-container .chosen-drop .chosen-results li.group-result {
          background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224px%22%20height%3D%221px%22%20viewBox%3D%220%200%204%201%22%20enable-background%3D%22new%200%200%204%201%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20opacity%3D%220.2%22%20width%3D%222%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E");
          background-position: left bottom;
          background-repeat: repeat-x;
          color: #9c9c9c;
          font-size: 1.2rem;
          font-weight: 600;
          margin: 1rem 2rem 0.5rem;
          padding-left: 0; }
          .chosen-container .chosen-drop .chosen-results li.group-result:first-child {
            margin-top: 0; }
        .chosen-container .chosen-drop .chosen-results li.group-option {
          padding-left: 4rem; }
      .chosen-container .chosen-drop .chosen-results.loading {
        background: #000; }
    .chosen-container .chosen-drop .chosen-search > input {
      background-image: none;
      border: 0.1rem solid #d9d9d9; }
      .chosen-container .chosen-drop .chosen-search > input:focus {
        border-color: #c7c7c7; }

/* chosen required */
select.ng-invalid + .chosen-container:not(.chosen-container-active) {
  border-color: #ffaf31; }
  select.ng-invalid + .chosen-container:not(.chosen-container-active) .chosen-choices {
    border-color: #ffaf31; }
    select.ng-invalid + .chosen-container:not(.chosen-container-active) .chosen-choices:hover, select.ng-invalid + .chosen-container:not(.chosen-container-active) .chosen-choices:focus {
      border-color: #fd9b00; }
  select.ng-invalid + .chosen-container:not(.chosen-container-active)::after {
    border-color: #ffaf31;
    color: #ffaf31; }

cs-hierarchical-value {
  display: block; }
  cs-hierarchical-value > span {
    display: inline-block;
    margin-right: .6rem;
    width: 100%; }
    cs-hierarchical-value > span:not(:first-child) {
      margin-top: .3rem; }
  cs-hierarchical-value[different-values="true"] > span .chosen-single {
    color: #c7c7c7; }

.cs-multi-value::placeholder {
  font-style: italic; }

.cs-multi-value::-webkit-input-placeholder {
  font-style: italic; }

.cs-multi-value:-ms-input-placeholder {
  font-style: italic; }

.cs-multi-value + .cs-select .chosen-default > span {
  font-style: italic; }

.cs-multi-value ~ .cs-multiselect input.default {
  font-style: italic; }

.cs-multi-value.cs-datepicker > input::placeholder, .cs-multi-value.cs-colorpicker > input::placeholder {
  font-style: italic; }

.cs-multi-value.cs-datepicker > input::-webkit-input-placeholder, .cs-multi-value.cs-colorpicker > input::-webkit-input-placeholder {
  font-style: italic; }

.cs-multi-value.cs-datepicker > input:-ms-input-placeholder, .cs-multi-value.cs-colorpicker > input:-ms-input-placeholder {
  font-style: italic; }

.cs-metadata-row_error .cs-select-component__values,
.cs-metadata-row_error .cs-input,
.cs-metadata-row_error .select2-choice {
  border: 0.1rem solid #ff4e4f !important; }

.error-message-container {
  display: block;
  float: right;
  font-weight: 400;
  margin-top: 0;
  padding-bottom: 1.5rem;
  position: relative;
  width: 85.5%; }

.cs-button,
.cs-button-cta,
.cs-button-transparent,
.cs-button-alt,
.cs-button-link-01,
.csControl__menu > li.button-appearance,
.csControl__menu > li.cta-appearance {
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  height: 3rem;
  letter-spacing: 0.18rem;
  line-height: 2.8rem;
  margin: 0;
  min-width: 3rem;
  outline: none;
  overflow: hidden;
  padding: 0 1rem;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  vertical-align: top;
  white-space: nowrap; }
  .cs-button:hover, .cs-button:focus,
  .cs-button-cta:hover,
  .cs-button-cta:focus,
  .cs-button-transparent:hover,
  .cs-button-transparent:focus,
  .cs-button-alt:hover,
  .cs-button-alt:focus,
  .cs-button-link-01:hover,
  .cs-button-link-01:focus,
  .csControl__menu > li.button-appearance:hover,
  .csControl__menu > li.button-appearance:focus,
  .csControl__menu > li.cta-appearance:hover,
  .csControl__menu > li.cta-appearance:focus {
    outline: none; }
  .cs-button:active, .cs-button.cs-is-active,
  .cs-button-cta:active,
  .cs-button-cta.cs-is-active,
  .cs-button-transparent:active,
  .cs-button-transparent.cs-is-active,
  .cs-button-alt:active,
  .cs-button-alt.cs-is-active,
  .cs-button-link-01:active,
  .cs-button-link-01.cs-is-active,
  .csControl__menu > li.button-appearance:active,
  .csControl__menu > li.button-appearance.cs-is-active,
  .csControl__menu > li.cta-appearance:active,
  .csControl__menu > li.cta-appearance.cs-is-active {
    -webkit-transform: translate3d(0, 0.1rem, 0);
    transform: translate3d(0, 0.1rem, 0); }
  .cs-button[disabled="disabled"], .cs-button[disabled], .cs-button.cs-is-disabled,
  .cs-is-disabled .cs-button,
  .cs-button-cta[disabled="disabled"],
  .cs-button-cta[disabled],
  .cs-button-cta.cs-is-disabled,
  .cs-is-disabled
  .cs-button-cta,
  .cs-button-transparent[disabled="disabled"],
  .cs-button-transparent[disabled],
  .cs-button-transparent.cs-is-disabled,
  .cs-is-disabled
  .cs-button-transparent,
  .cs-button-alt[disabled="disabled"],
  .cs-button-alt[disabled],
  .cs-button-alt.cs-is-disabled,
  .cs-is-disabled
  .cs-button-alt,
  .cs-button-link-01[disabled="disabled"],
  .cs-button-link-01[disabled],
  .cs-button-link-01.cs-is-disabled,
  .cs-is-disabled
  .cs-button-link-01,
  .csControl__menu > li.button-appearance[disabled="disabled"],
  .csControl__menu > li.button-appearance[disabled],
  .csControl__menu > li.button-appearance.cs-is-disabled,
  .cs-is-disabled
  .csControl__menu > li.button-appearance,
  .csControl__menu > li.cta-appearance[disabled="disabled"],
  .csControl__menu > li.cta-appearance[disabled],
  .csControl__menu > li.cta-appearance.cs-is-disabled,
  .cs-is-disabled
  .csControl__menu > li.cta-appearance {
    cursor: not-allowed;
    opacity: .6;
    pointer-events: none; }
  .btn-group.cs-is-small .cs-button, .cs-button.cs-is-small, .btn-group.cs-is-small
  .cs-button-cta,
  .cs-button-cta.cs-is-small, .btn-group.cs-is-small
  .cs-button-transparent,
  .cs-button-transparent.cs-is-small, .btn-group.cs-is-small
  .cs-button-alt,
  .cs-button-alt.cs-is-small, .btn-group.cs-is-small
  .cs-button-link-01,
  .cs-button-link-01.cs-is-small, .btn-group.cs-is-small
  .csControl__menu > li.button-appearance,
  .csControl__menu > li.button-appearance.cs-is-small, .btn-group.cs-is-small
  .csControl__menu > li.cta-appearance,
  .csControl__menu > li.cta-appearance.cs-is-small {
    font-size: 1.2rem;
    font-weight: 400;
    height: 2.4rem;
    letter-spacing: normal;
    line-height: 2.2rem;
    min-width: 2.4rem;
    padding: 0 1rem; }
  .cs-button.cs-has-icon-only,
  .cs-button-cta.cs-has-icon-only,
  .cs-button-transparent.cs-has-icon-only,
  .cs-button-alt.cs-has-icon-only,
  .cs-button-link-01.cs-has-icon-only,
  .csControl__menu > li.button-appearance.cs-has-icon-only,
  .csControl__menu > li.cta-appearance.cs-has-icon-only {
    letter-spacing: normal;
    padding: 0 0.6rem; }
    .btn-group.cs-is-small .cs-button.cs-has-icon-only, .cs-button.cs-has-icon-only.cs-is-small, .btn-group.cs-is-small
    .cs-button-cta.cs-has-icon-only,
    .cs-button-cta.cs-has-icon-only.cs-is-small, .btn-group.cs-is-small
    .cs-button-transparent.cs-has-icon-only,
    .cs-button-transparent.cs-has-icon-only.cs-is-small, .btn-group.cs-is-small
    .cs-button-alt.cs-has-icon-only,
    .cs-button-alt.cs-has-icon-only.cs-is-small, .btn-group.cs-is-small
    .cs-button-link-01.cs-has-icon-only,
    .cs-button-link-01.cs-has-icon-only.cs-is-small, .btn-group.cs-is-small
    .csControl__menu > li.button-appearance.cs-has-icon-only,
    .csControl__menu > li.button-appearance.cs-has-icon-only.cs-is-small, .btn-group.cs-is-small
    .csControl__menu > li.cta-appearance.cs-has-icon-only,
    .csControl__menu > li.cta-appearance.cs-has-icon-only.cs-is-small {
      padding: 0 0.41rem; }
  .cs-button.cs-is-success,
  .cs-button-cta.cs-is-success,
  .cs-button-transparent.cs-is-success,
  .cs-button-alt.cs-is-success,
  .cs-button-link-01.cs-is-success,
  .csControl__menu > li.button-appearance.cs-is-success,
  .csControl__menu > li.cta-appearance.cs-is-success {
    background-color: #b4e068;
    border-color: #b4e068;
    color: #fff; }
    .cs-button.cs-is-success:hover, .cs-button.cs-is-success:focus, .cs-button.cs-is-success:active,
    .cs-button-cta.cs-is-success:hover,
    .cs-button-cta.cs-is-success:focus,
    .cs-button-cta.cs-is-success:active,
    .cs-button-transparent.cs-is-success:hover,
    .cs-button-transparent.cs-is-success:focus,
    .cs-button-transparent.cs-is-success:active,
    .cs-button-alt.cs-is-success:hover,
    .cs-button-alt.cs-is-success:focus,
    .cs-button-alt.cs-is-success:active,
    .cs-button-link-01.cs-is-success:hover,
    .cs-button-link-01.cs-is-success:focus,
    .cs-button-link-01.cs-is-success:active,
    .csControl__menu > li.button-appearance.cs-is-success:hover,
    .csControl__menu > li.button-appearance.cs-is-success:focus,
    .csControl__menu > li.button-appearance.cs-is-success:active,
    .csControl__menu > li.cta-appearance.cs-is-success:hover,
    .csControl__menu > li.cta-appearance.cs-is-success:focus,
    .csControl__menu > li.cta-appearance.cs-is-success:active {
      background-color: #a5da4a;
      border-color: #a5da4a;
      color: #fff; }
  .cs-button.cs-is-warning,
  .cs-button-cta.cs-is-warning,
  .cs-button-transparent.cs-is-warning,
  .cs-button-alt.cs-is-warning,
  .cs-button-link-01.cs-is-warning,
  .csControl__menu > li.button-appearance.cs-is-warning,
  .csControl__menu > li.cta-appearance.cs-is-warning {
    background-color: #ffaf31;
    border-color: #ffaf31;
    color: #fff; }
    .cs-button.cs-is-warning:hover, .cs-button.cs-is-warning:focus, .cs-button.cs-is-warning:active,
    .cs-button-cta.cs-is-warning:hover,
    .cs-button-cta.cs-is-warning:focus,
    .cs-button-cta.cs-is-warning:active,
    .cs-button-transparent.cs-is-warning:hover,
    .cs-button-transparent.cs-is-warning:focus,
    .cs-button-transparent.cs-is-warning:active,
    .cs-button-alt.cs-is-warning:hover,
    .cs-button-alt.cs-is-warning:focus,
    .cs-button-alt.cs-is-warning:active,
    .cs-button-link-01.cs-is-warning:hover,
    .cs-button-link-01.cs-is-warning:focus,
    .cs-button-link-01.cs-is-warning:active,
    .csControl__menu > li.button-appearance.cs-is-warning:hover,
    .csControl__menu > li.button-appearance.cs-is-warning:focus,
    .csControl__menu > li.button-appearance.cs-is-warning:active,
    .csControl__menu > li.cta-appearance.cs-is-warning:hover,
    .csControl__menu > li.cta-appearance.cs-is-warning:focus,
    .csControl__menu > li.cta-appearance.cs-is-warning:active {
      background-color: #ffa10d;
      border-color: #ffa10d;
      color: #fff; }
  .cs-button.cs-is-error,
  .cs-button-cta.cs-is-error,
  .cs-button-transparent.cs-is-error,
  .cs-button-alt.cs-is-error,
  .cs-button-link-01.cs-is-error,
  .csControl__menu > li.button-appearance.cs-is-error,
  .csControl__menu > li.cta-appearance.cs-is-error {
    background-color: #ff4e4f;
    border-color: #ff4e4f;
    color: #fff; }
    .cs-button.cs-is-error:hover, .cs-button.cs-is-error:focus, .cs-button.cs-is-error:active,
    .cs-button-cta.cs-is-error:hover,
    .cs-button-cta.cs-is-error:focus,
    .cs-button-cta.cs-is-error:active,
    .cs-button-transparent.cs-is-error:hover,
    .cs-button-transparent.cs-is-error:focus,
    .cs-button-transparent.cs-is-error:active,
    .cs-button-alt.cs-is-error:hover,
    .cs-button-alt.cs-is-error:focus,
    .cs-button-alt.cs-is-error:active,
    .cs-button-link-01.cs-is-error:hover,
    .cs-button-link-01.cs-is-error:focus,
    .cs-button-link-01.cs-is-error:active,
    .csControl__menu > li.button-appearance.cs-is-error:hover,
    .csControl__menu > li.button-appearance.cs-is-error:focus,
    .csControl__menu > li.button-appearance.cs-is-error:active,
    .csControl__menu > li.cta-appearance.cs-is-error:hover,
    .csControl__menu > li.cta-appearance.cs-is-error:focus,
    .csControl__menu > li.cta-appearance.cs-is-error:active {
      background-color: #ff2a2c;
      border-color: #ff2a2c;
      color: #fff; }
  .cs-button.cs-state-undefined,
  .cs-button-cta.cs-state-undefined,
  .cs-button-transparent.cs-state-undefined,
  .cs-button-alt.cs-state-undefined,
  .cs-button-link-01.cs-state-undefined,
  .csControl__menu > li.button-appearance.cs-state-undefined,
  .csControl__menu > li.cta-appearance.cs-state-undefined {
    background: #f2f2f2;
    color: #c7c7c7; }
    .cs-button.cs-state-undefined:hover, .cs-button.cs-state-undefined:focus,
    .cs-button-cta.cs-state-undefined:hover,
    .cs-button-cta.cs-state-undefined:focus,
    .cs-button-transparent.cs-state-undefined:hover,
    .cs-button-transparent.cs-state-undefined:focus,
    .cs-button-alt.cs-state-undefined:hover,
    .cs-button-alt.cs-state-undefined:focus,
    .cs-button-link-01.cs-state-undefined:hover,
    .cs-button-link-01.cs-state-undefined:focus,
    .csControl__menu > li.button-appearance.cs-state-undefined:hover,
    .csControl__menu > li.button-appearance.cs-state-undefined:focus,
    .csControl__menu > li.cta-appearance.cs-state-undefined:hover,
    .csControl__menu > li.cta-appearance.cs-state-undefined:focus {
      background-color: #e6e6e6; }
  .cs-button.cs-state-pressed,
  .cs-button-cta.cs-state-pressed,
  .cs-button-transparent.cs-state-pressed,
  .cs-button-alt.cs-state-pressed,
  .cs-button-link-01.cs-state-pressed,
  .csControl__menu > li.button-appearance.cs-state-pressed,
  .csControl__menu > li.cta-appearance.cs-state-pressed {
    background: #e6e6e6; }
    .cs-button.cs-state-pressed:hover, .cs-button.cs-state-pressed:focus,
    .cs-button-cta.cs-state-pressed:hover,
    .cs-button-cta.cs-state-pressed:focus,
    .cs-button-transparent.cs-state-pressed:hover,
    .cs-button-transparent.cs-state-pressed:focus,
    .cs-button-alt.cs-state-pressed:hover,
    .cs-button-alt.cs-state-pressed:focus,
    .cs-button-link-01.cs-state-pressed:hover,
    .cs-button-link-01.cs-state-pressed:focus,
    .csControl__menu > li.button-appearance.cs-state-pressed:hover,
    .csControl__menu > li.button-appearance.cs-state-pressed:focus,
    .csControl__menu > li.cta-appearance.cs-state-pressed:hover,
    .csControl__menu > li.cta-appearance.cs-state-pressed:focus {
      background-color: #d9d9d9; }

/* standard button on a normal grey background */
.cs-button,
.csControl__menu > li.button-appearance {
  background-color: #fff;
  border-color: #d9d9d9;
  color: #777; }
  .cs-button:hover, .cs-button:focus,
  .csControl__menu > li.button-appearance:hover,
  .csControl__menu > li.button-appearance:focus {
    background-color: #fff;
    border-color: #c7c7c7;
    color: #404448; }
  .cs-button:active, .cs-button.active, .cs-button.cs-is-active,
  .csControl__menu > li.button-appearance:active,
  .csControl__menu > li.button-appearance.active,
  .csControl__menu > li.button-appearance.cs-is-active {
    background-color: #fff;
    border-color: #c7c7c7;
    color: #404448; }

/* standard button alternative, for a lighter background (eg. white) */
.cs-button-alt,
.cs-button.cs-is-alt,
.cs-is-alt .cs-button,
.csControl__menu > li.button-appearance.cs-is-alt,
.cs-is-alt .csControl__menu > li.button-appearance {
  background-color: #f2f2f2;
  border-color: #d9d9d9;
  color: #777; }
  .cs-button-alt:hover, .cs-button-alt:focus,
  .cs-button.cs-is-alt:hover,
  .cs-button.cs-is-alt:focus,
  .cs-is-alt .cs-button:hover,
  .cs-is-alt .cs-button:focus,
  .csControl__menu > li.button-appearance.cs-is-alt:hover,
  .csControl__menu > li.button-appearance.cs-is-alt:focus,
  .cs-is-alt .csControl__menu > li.button-appearance:hover,
  .cs-is-alt .csControl__menu > li.button-appearance:focus {
    background-color: #f2f2f2;
    border-color: #c7c7c7;
    color: #404448; }
  .cs-button-alt:active, .cs-button-alt.active, .cs-button-alt.cs-is-active,
  .cs-button.cs-is-alt:active,
  .cs-button.cs-is-alt.active,
  .cs-button.cs-is-alt.cs-is-active,
  .cs-is-alt .cs-button:active,
  .cs-is-alt .cs-button.active,
  .cs-is-alt .cs-button.cs-is-active,
  .csControl__menu > li.button-appearance.cs-is-alt:active,
  .csControl__menu > li.button-appearance.cs-is-alt.active,
  .csControl__menu > li.button-appearance.cs-is-alt.cs-is-active,
  .cs-is-alt .csControl__menu > li.button-appearance:active,
  .cs-is-alt .csControl__menu > li.button-appearance.active,
  .cs-is-alt .csControl__menu > li.button-appearance.cs-is-active {
    background-color: #f2f2f2;
    border-color: #c7c7c7;
    color: #404448; }
  .cs-button-alt.cs-state-pressed,
  .cs-button.cs-is-alt.cs-state-pressed,
  .cs-is-alt .cs-button.cs-state-pressed,
  .csControl__menu > li.button-appearance.cs-is-alt.cs-state-pressed,
  .cs-is-alt .csControl__menu > li.button-appearance.cs-state-pressed {
    background: #d9d9d9; }
    .cs-button-alt.cs-state-pressed:hover, .cs-button-alt.cs-state-pressed:focus,
    .cs-button.cs-is-alt.cs-state-pressed:hover,
    .cs-button.cs-is-alt.cs-state-pressed:focus,
    .cs-is-alt .cs-button.cs-state-pressed:hover,
    .cs-is-alt .cs-button.cs-state-pressed:focus,
    .csControl__menu > li.button-appearance.cs-is-alt.cs-state-pressed:hover,
    .csControl__menu > li.button-appearance.cs-is-alt.cs-state-pressed:focus,
    .cs-is-alt .csControl__menu > li.button-appearance.cs-state-pressed:hover,
    .cs-is-alt .csControl__menu > li.button-appearance.cs-state-pressed:focus {
      background-color: #d9d9d9; }

/* transparent button alternative, for button bars */
.cs-button-transparent,
.cs-button.cs-is-transparent,
.cs-is-transparent .cs-button,
.csControl__menu > li.button-appearance.cs-is-transparent,
.cs-is-transparent .csControl__menu > li.button-appearance {
  background-color: transparent;
  border: none;
  color: #777;
  letter-spacing: 0.14rem;
  padding: 0 0.5rem; }
  .cs-button-transparent:hover, .cs-button-transparent:focus,
  .cs-button.cs-is-transparent:hover,
  .cs-button.cs-is-transparent:focus,
  .cs-is-transparent .cs-button:hover,
  .cs-is-transparent .cs-button:focus,
  .csControl__menu > li.button-appearance.cs-is-transparent:hover,
  .csControl__menu > li.button-appearance.cs-is-transparent:focus,
  .cs-is-transparent .csControl__menu > li.button-appearance:hover,
  .cs-is-transparent .csControl__menu > li.button-appearance:focus {
    background-color: transparent;
    color: #404448; }
  .cs-button-transparent:focus,
  .cs-button.cs-is-transparent:focus,
  .cs-is-transparent .cs-button:focus,
  .csControl__menu > li.button-appearance.cs-is-transparent:focus,
  .cs-is-transparent .csControl__menu > li.button-appearance:focus {
    border-bottom: 2px solid #44a4de;
    padding-bottom: 3px; }
  .cs-button-transparent:active, .cs-button-transparent.active, .cs-button-transparent.cs-is-active,
  .cs-button.cs-is-transparent:active,
  .cs-button.cs-is-transparent.active,
  .cs-button.cs-is-transparent.cs-is-active,
  .cs-is-transparent .cs-button:active,
  .cs-is-transparent .cs-button.active,
  .cs-is-transparent .cs-button.cs-is-active,
  .csControl__menu > li.button-appearance.cs-is-transparent:active,
  .csControl__menu > li.button-appearance.cs-is-transparent.active,
  .csControl__menu > li.button-appearance.cs-is-transparent.cs-is-active,
  .cs-is-transparent .csControl__menu > li.button-appearance:active,
  .cs-is-transparent .csControl__menu > li.button-appearance.active,
  .cs-is-transparent .csControl__menu > li.button-appearance.cs-is-active {
    background-color: transparent;
    color: #404448; }
  .cs-button-transparent.cs-state-pressed,
  .cs-button.cs-is-transparent.cs-state-pressed,
  .cs-is-transparent .cs-button.cs-state-pressed,
  .csControl__menu > li.button-appearance.cs-is-transparent.cs-state-pressed,
  .cs-is-transparent .csControl__menu > li.button-appearance.cs-state-pressed {
    background: transparent; }
    .cs-button-transparent.cs-state-pressed:hover, .cs-button-transparent.cs-state-pressed:focus,
    .cs-button.cs-is-transparent.cs-state-pressed:hover,
    .cs-button.cs-is-transparent.cs-state-pressed:focus,
    .cs-is-transparent .cs-button.cs-state-pressed:hover,
    .cs-is-transparent .cs-button.cs-state-pressed:focus,
    .csControl__menu > li.button-appearance.cs-is-transparent.cs-state-pressed:hover,
    .csControl__menu > li.button-appearance.cs-is-transparent.cs-state-pressed:focus,
    .cs-is-transparent .csControl__menu > li.button-appearance.cs-state-pressed:hover,
    .cs-is-transparent .csControl__menu > li.button-appearance.cs-state-pressed:focus {
      background-color: transparent; }

/* call to action button in an attention color (color family 2x) */
.cs-button-cta,
.csControl__menu > li.cta-appearance {
  background-color: #69bee6;
  border-color: #69bee6;
  color: #fff; }
  .cs-button-cta:hover, .cs-button-cta:focus,
  .csControl__menu > li.cta-appearance:hover,
  .csControl__menu > li.cta-appearance:focus {
    background-color: #66b6dc;
    border-color: #66b6dc;
    color: #fff; }
  .cs-button-cta:focus,
  .csControl__menu > li.cta-appearance:focus {
    border-bottom: 2px solid;
    border-color: #66b6dc #66b6dc #fff #66b6dc;
    padding-bottom: 3px; }
  .cs-button-cta:active, .cs-button-cta.active, .cs-button-cta.cs-is-active,
  .csControl__menu > li.cta-appearance:active,
  .csControl__menu > li.cta-appearance.active,
  .csControl__menu > li.cta-appearance.cs-is-active {
    background-color: #66b6dc;
    border-color: #66b6dc; }
  .cs-button-cta.cs-state-pressed,
  .csControl__menu > li.cta-appearance.cs-state-pressed {
    background: #5eabcf;
    border-color: #5eabcf; }
    .cs-button-cta.cs-state-pressed:hover, .cs-button-cta.cs-state-pressed:focus,
    .csControl__menu > li.cta-appearance.cs-state-pressed:hover,
    .csControl__menu > li.cta-appearance.cs-state-pressed:focus {
      background-color: #5eabcf;
      color: #fff; }

/* text button like a link */
.cs-button-link-01 {
  background: transparent;
  border: 0;
  color: #69bee6;
  height: auto;
  letter-spacing: normal;
  line-height: 3rem;
  min-height: 3rem;
  padding: 0;
  text-rendering: optimizeLegibility;
  vertical-align: top; }
  .cs-button-link-01.cs-is-small {
    height: auto;
    line-height: 2.4rem;
    min-height: 2.4rem; }
  .cs-button-link-01:hover, .cs-button-link-01:focus {
    background: transparent;
    color: #5eabcf; }
  .cs-button-link-01:active, .cs-button-link-01.active, .cs-button-link-01.cs-is-active {
    color: #5eabcf; }
  .cs-button-link-01 .cs-icon {
    vertical-align: top; }

/* standard button like a link */
.cs-button-link-02 {
  background: transparent;
  border: 0;
  color: #69bee6;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: 3rem;
  min-height: 3rem;
  padding: 0;
  text-rendering: optimizeLegibility;
  vertical-align: top; }
  .cs-button-link-02.cs-is-small {
    line-height: 2.4rem;
    min-height: 2.4rem; }
  .cs-button-link-02:hover, .cs-button-link-02:focus {
    background: transparent;
    color: #5eabcf; }
  .cs-button-link-02:active, .cs-button-link-02.active, .cs-button-link-02.cs-is-active {
    color: #5eabcf; }
  .cs-button-link-02 .cs-icon {
    vertical-align: top; }

.btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none; }

.btn-link {
  color: #5eabcf;
  cursor: pointer;
  font-weight: 400; }
  .btn-link, .btn-link:active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    background-color: transparent;
    color: #66b6dc;
    text-decoration: underline; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #404448;
    text-decoration: none; }

.btn-block {
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn-group,
.btn-group-vertical {
  display: inline-block;
  position: relative; }
  .btn-group > .btn,
  .btn-group > [class^="cs-button"],
  .btn-group > [class*=" cs-button"],
  .btn-group-vertical > .btn,
  .btn-group-vertical > [class^="cs-button"],
  .btn-group-vertical > [class*=" cs-button"] {
    float: left;
    position: relative; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group > [class^="cs-button"]:hover,
    .btn-group > [class^="cs-button"]:focus,
    .btn-group > [class^="cs-button"]:active,
    .btn-group > [class^="cs-button"].active,
    .btn-group > [class*=" cs-button"]:hover,
    .btn-group > [class*=" cs-button"]:focus,
    .btn-group > [class*=" cs-button"]:active,
    .btn-group > [class*=" cs-button"].active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active,
    .btn-group-vertical > [class^="cs-button"]:hover,
    .btn-group-vertical > [class^="cs-button"]:focus,
    .btn-group-vertical > [class^="cs-button"]:active,
    .btn-group-vertical > [class^="cs-button"].active,
    .btn-group-vertical > [class*=" cs-button"]:hover,
    .btn-group-vertical > [class*=" cs-button"]:focus,
    .btn-group-vertical > [class*=" cs-button"]:active,
    .btn-group-vertical > [class*=" cs-button"].active {
      z-index: 2; }
    .btn-group > .btn:focus,
    .btn-group > [class^="cs-button"]:focus,
    .btn-group > [class*=" cs-button"]:focus,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > [class^="cs-button"]:focus,
    .btn-group-vertical > [class*=" cs-button"]:focus {
      outline: none; }

.btn-group .btn + .btn,
.btn-group [class^="cs-button"] + [class^="cs-button"],
.btn-group [class*=" cs-button"] + [class^="cs-button"],
.btn-group [class*=" cs-button"] + [class*=" cs-button"],
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar::before, .btn-toolbar::after {
  content: " ";
  display: table; }

.btn-toolbar::after {
  clear: both; }

.btn-toolbar .btn-group {
  float: left; }

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px; }

.btn-group > .btn:first-child,
.btn-group > [class^="cs-button"]:first-child,
.btn-group > [class*=" cs-button"]:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
  .btn-group > [class^="cs-button"]:first-child:not(:last-child):not(.dropdown-toggle),
  .btn-group > [class*=" cs-button"]:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > [class^="cs-button"]:last-child:not(:first-child),
.btn-group > [class*=" cs-button"]:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group,
.btn-group > .btn {
  margin-right: 0; }

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child,
.btn-group > .btn-group:last-child > [class^="cs-button"]:first-child,
.btn-group > .btn-group:last-child > [class*=" cs-button"]:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle,
.btn-group > [class^="cs-button"] + .dropdown-toggle,
.btn-group > [class*=" cs-button"] + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  display: block;
  float: none;
  max-width: 100%;
  width: 100%; }

.btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group::after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-left: 0;
  margin-top: -1px; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.btn-group-justified {
  border-collapse: separate;
  display: table;
  table-layout: fixed;
  width: 100%; }
  .btn-group-justified .btn {
    display: table-cell;
    float: none;
    width: 1%; }
  .btn-group-justified [data-toggle="buttons"] > .btn > input[type="radio"],
  .btn-group-justified [data-toggle="buttons"] > .btn > input[type="checkbox"] {
    display: none; }

.cs-grid-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  list-style: none;
  margin: 0 -2rem -2rem 0;
  padding: 0; }
  .cs-grid-wrapper.cs-has-small-grid-gaps {
    margin: 0 -1rem -1rem 0; }
  .cs-grid-wrapper.cs-has-no-grid-gaps {
    margin: 0; }

[class^="cs-grid-cell"],
[class~=" cs-grid-cell"] {
  -webkit-flex: 0 1 0;
  -moz-flex: 0 1 0;
  -ms-flex: 0 1 0;
  flex: 0 1 0;
  flex-direction: column;
  padding: 0 2rem 2rem 0;
  position: relative; }
  .cs-has-small-grid-gaps [class^="cs-grid-cell"], .cs-has-small-grid-gaps
  [class~=" cs-grid-cell"] {
    padding: 0 1rem 1rem 0; }
  .cs-has-no-grid-gaps [class^="cs-grid-cell"], .cs-has-no-grid-gaps
  [class~=" cs-grid-cell"] {
    padding: 0; }

.cs-grid-cell {
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  -ms-flex: 1 1; }

.cs-grid-cell-1of2 {
  min-width: 50%; }

.cs-grid-cell-1of3 {
  min-width: 33.3333%; }

.cs-grid-cell-2of3 {
  min-width: 66.6666%; }

.cs-grid-cell-1of4 {
  min-width: 25%; }

.cs-grid-cell-2of4 {
  min-width: 50%; }

.cs-grid-cell-3of4 {
  min-width: 75%; }

.cs-grid-cell-1of5 {
  min-width: 20%; }

.cs-grid-cell-2of5 {
  min-width: 40%; }

.cs-grid-cell-3of5 {
  min-width: 60%; }

.cs-grid-cell-4of5 {
  min-width: 80%; }

.cs-grid-cell-1of6 {
  min-width: 16.66%; }

.cs-grid-cell-2of6 {
  min-width: 33.3%; }

.cs-grid-cell-3of6 {
  min-width: 49.9%; }

.cs-grid-cell-4of6 {
  min-width: 66.6%; }

.cs-grid-cell-5of6 {
  min-width: 83.3%; }

.cs-progressbar-wrapper {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  line-height: inherit;
  min-height: 1em;
  position: relative;
  vertical-align: top;
  width: 100%; }
  .cs-progressbar-wrapper .cs-progressbar {
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 1px;
    left: -1000rem;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 1px; }
  .cs-progressbar-wrapper .cs-progressbar-styling {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    background: #e6e6e6;
    display: inline-block;
    height: 0.8rem;
    margin: 0;
    overflow: hidden;
    vertical-align: top; }
    .cs-progressbar-wrapper .cs-progressbar-styling .cs-progressbar-styling-bar {
      -webkit-transition: width 0.3s ease-in-out;
      -moz-transition: width 0.3s ease-in-out;
      transition: width 0.3s ease-in-out;
      background: #69bee6;
      display: inline-block;
      height: 100%;
      vertical-align: top;
      width: 0; }
  .cs-progressbar-wrapper.cs-has-no-animation .cs-progressbar-styling .cs-progressbar-styling-bar {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none; }
  .cs-progressbar-wrapper .cs-progressbar-number {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    line-height: inherit;
    padding-left: 1rem;
    vertical-align: top;
    white-space: nowrap; }
  .cs-progressbar-wrapper.cs-is-radial {
    height: 0;
    padding: 0 0 100%;
    position: relative;
    width: 100%; }
    .cs-progressbar-wrapper.cs-is-radial .cs-progressbar-radial {
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      vertical-align: top;
      width: 100%; }
      .cs-progressbar-wrapper.cs-is-radial .cs-progressbar-radial .cs-progressbar-radial-circle {
        stroke: #e6e6e6;
        stroke-width: 1rem; }
      .cs-progressbar-wrapper.cs-is-radial .cs-progressbar-radial .cs-progressbar-radial-ring {
        stroke: #69bee6;
        stroke-width: 1rem; }
    .cs-progressbar-wrapper.cs-is-radial .cs-progressbar-number {
      -webkit-transform: translateY(-50%), translateX(-50%);
      -moz-transform: translateY(-50%), translateX(-50%);
      -ms-transform: translateY(-50%), translateX(-50%);
      transform: translateY(-50%), translateX(-50%);
      font-size: 1.6rem;
      font-weight: 300;
      left: 50%;
      position: absolute;
      text-align: center;
      top: 50%;
      vertical-align: top; }
    .cs-progressbar-wrapper.cs-is-radial.cs-is-small {
      max-width: 8rem; }
      .cs-progressbar-wrapper.cs-is-radial.cs-is-small .cs-progressbar-radial .cs-progressbar-radial-circle {
        stroke-width: 2rem; }
      .cs-progressbar-wrapper.cs-is-radial.cs-is-small .cs-progressbar-radial .cs-progressbar-radial-ring {
        stroke-width: 2rem; }
      .cs-progressbar-wrapper.cs-is-radial.cs-is-small .cs-progressbar-number {
        -webkit-transform: translateY(-50%), translateX(-50%);
        -moz-transform: translateY(-50%), translateX(-50%);
        -ms-transform: translateY(-50%), translateX(-50%);
        transform: translateY(-50%), translateX(-50%);
        font-size: 1.4rem;
        left: 43%; }

.cs-progress-00 .cs-progressbar-styling .cs-progressbar-styling-bar {
  background-color: #69bee6; }

.cs-progress-00.cs-is-radial .cs-progressbar-radial .cs-progressbar-radial-ring {
  stroke: #69bee6; }

.cs-progress-01 .cs-progressbar-styling .cs-progressbar-styling-bar {
  background-color: #b4e068; }

.cs-progress-01.cs-is-radial .cs-progressbar-radial .cs-progressbar-radial-ring {
  stroke: #b4e068; }

.cs-progress-02 .cs-progressbar-styling .cs-progressbar-styling-bar {
  background-color: #ff4e4f; }

.cs-progress-02.cs-is-radial .cs-progressbar-radial .cs-progressbar-radial-ring {
  stroke: #ff4e4f; }

.cs-progress-03 .cs-progressbar-styling {
  background-color: #ff4e4f; }
  .cs-progress-03 .cs-progressbar-styling .cs-progressbar-styling-bar {
    background-color: #69bee6; }

.cs-progress-03.cs-is-radial .cs-progressbar-radial .cs-progressbar-radial-circle {
  stroke: #ff4e4f; }

.cs-progress-03.cs-is-radial .cs-progressbar-radial .cs-progressbar-radial-ring {
  stroke: #69bee6; }

.cs-progress-04 .cs-progressbar-styling {
  background-color: #ff4e4f; }
  .cs-progress-04 .cs-progressbar-styling .cs-progressbar-styling-bar {
    background-color: #b4e068; }

.cs-progress-04.cs-is-radial .cs-progressbar-radial .cs-progressbar-radial-circle {
  stroke: #ff4e4f; }

.cs-progress-04.cs-is-radial .cs-progressbar-radial .cs-progressbar-radial-ring {
  stroke: #b4e068; }

/* ------------------------------
censhare Web Others
CSS rules that do not fit in other LESS files
copyright: censhare AG

Table of content
1. Tags
2. Others
  ------------------------------- */
/* ------------------------------
1. Tags
  ------------------------------- */
.cs-tag-01,
.cs-tag-02,
.cs-tag-03,
.cs-tag-04 {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.2rem;
  background: #69bee6;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
  height: 2.4rem;
  line-height: 1.71428571;
  margin: 0 0.5rem 0.5rem 0;
  max-width: 100%;
  padding: 0;
  position: relative;
  vertical-align: top;
  white-space: nowrap; }
  .cs-tag-01 .cs-icon,
  .cs-tag-02 .cs-icon,
  .cs-tag-03 .cs-icon,
  .cs-tag-04 .cs-icon {
    font-size: 1.6rem;
    max-height: 100%;
    vertical-align: top; }
  .cs-tag-01 .cs-tag-marker,
  .cs-tag-02 .cs-tag-marker,
  .cs-tag-03 .cs-tag-marker,
  .cs-tag-04 .cs-tag-marker {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    height: 100%;
    line-height: inherit;
    min-width: 2.4rem;
    overflow: hidden;
    padding: 0 .2rem;
    text-align: center;
    vertical-align: top; }
  .cs-tag-01 .cs-tag-text,
  .cs-tag-02 .cs-tag-text,
  .cs-tag-03 .cs-tag-text,
  .cs-tag-04 .cs-tag-text {
    display: inline-block;
    height: 100%;
    line-height: inherit;
    max-width: 100%;
    overflow: hidden;
    padding: 0 1rem;
    text-overflow: ellipsis; }
  .cs-tag-01 .cs-tag-close,
  .cs-tag-02 .cs-tag-close,
  .cs-tag-03 .cs-tag-close,
  .cs-tag-04 .cs-tag-close {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    display: none;
    font-size: 1rem;
    height: 100%;
    line-height: 2.6rem;
    opacity: .7;
    padding: 0 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: top; }
    .cs-tag-01 .cs-tag-close::before,
    .cs-tag-02 .cs-tag-close::before,
    .cs-tag-03 .cs-tag-close::before,
    .cs-tag-04 .cs-tag-close::before {
      color: inherit;
      content: "\e61a";
      display: inline-block;
      font-family: "cs-icons", sans-serif;
      line-height: inherit; }
    .cs-tag-01 .cs-tag-close:hover, .cs-tag-01 .cs-tag-close:focus,
    .cs-tag-02 .cs-tag-close:hover,
    .cs-tag-02 .cs-tag-close:focus,
    .cs-tag-03 .cs-tag-close:hover,
    .cs-tag-03 .cs-tag-close:focus,
    .cs-tag-04 .cs-tag-close:hover,
    .cs-tag-04 .cs-tag-close:focus {
      opacity: 1; }
  .cs-tag-01.cs-has-close-btn .cs-tag-text,
  .cs-tag-02.cs-has-close-btn .cs-tag-text,
  .cs-tag-03.cs-has-close-btn .cs-tag-text,
  .cs-tag-04.cs-has-close-btn .cs-tag-text {
    margin-right: 1.5rem; }
  .cs-tag-01.cs-has-close-btn .cs-tag-close,
  .cs-tag-02.cs-has-close-btn .cs-tag-close,
  .cs-tag-03.cs-has-close-btn .cs-tag-close,
  .cs-tag-04.cs-has-close-btn .cs-tag-close {
    display: inline-block; }
  .cs-tag-01 a:hover,
  .cs-tag-02 a:hover,
  .cs-tag-03 a:hover,
  .cs-tag-04 a:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .cs-tag-01.cs-is-small,
  .cs-tag-02.cs-is-small,
  .cs-tag-03.cs-is-small,
  .cs-tag-04.cs-is-small {
    font-size: 1.2rem;
    font-weight: 400;
    height: 1.6rem;
    line-height: 1.33333333; }
    .cs-tag-01.cs-is-small .cs-icon,
    .cs-tag-02.cs-is-small .cs-icon,
    .cs-tag-03.cs-is-small .cs-icon,
    .cs-tag-04.cs-is-small .cs-icon {
      font-size: 1.2rem; }
    .cs-tag-01.cs-is-small .cs-tag-marker,
    .cs-tag-02.cs-is-small .cs-tag-marker,
    .cs-tag-03.cs-is-small .cs-tag-marker,
    .cs-tag-04.cs-is-small .cs-tag-marker {
      min-width: 1.6rem; }
    .cs-tag-01.cs-is-small .cs-tag-text,
    .cs-tag-02.cs-is-small .cs-tag-text,
    .cs-tag-03.cs-is-small .cs-tag-text,
    .cs-tag-04.cs-is-small .cs-tag-text {
      padding: 0 0.5rem; }
    .cs-tag-01.cs-is-small .cs-tag-close,
    .cs-tag-02.cs-is-small .cs-tag-close,
    .cs-tag-03.cs-is-small .cs-tag-close,
    .cs-tag-04.cs-is-small .cs-tag-close {
      line-height: 1.6rem; }
  .cs-tag-01.cs-is-opening,
  .cs-tag-02.cs-is-opening,
  .cs-tag-03.cs-is-opening,
  .cs-tag-04.cs-is-opening {
    margin-right: 1.4rem;
    position: relative; }
    .cs-tag-01.cs-is-opening::before,
    .cs-tag-02.cs-is-opening::before,
    .cs-tag-03.cs-is-opening::before,
    .cs-tag-04.cs-is-opening::before {
      border: solid transparent;
      border-bottom: 1.2rem solid transparent;
      border-left: 1.2rem solid #69bee6;
      border-top: 1.2rem solid transparent;
      content: " ";
      height: 0;
      pointer-events: none;
      position: absolute;
      right: -1.4rem;
      top: 0;
      width: 0;
      z-index: 5; }
    .cs-tag-01.cs-is-opening.cs-is-small,
    .cs-tag-02.cs-is-opening.cs-is-small,
    .cs-tag-03.cs-is-opening.cs-is-small,
    .cs-tag-04.cs-is-opening.cs-is-small {
      margin-right: 1rem; }
      .cs-tag-01.cs-is-opening.cs-is-small::before,
      .cs-tag-02.cs-is-opening.cs-is-small::before,
      .cs-tag-03.cs-is-opening.cs-is-small::before,
      .cs-tag-04.cs-is-opening.cs-is-small::before {
        border-bottom-width: 0.8rem;
        border-left-width: 0.8rem;
        border-top-width: 0.8rem;
        right: -1rem; }
  .cs-tag-01.cs-is-closing,
  .cs-tag-02.cs-is-closing,
  .cs-tag-03.cs-is-closing,
  .cs-tag-04.cs-is-closing {
    margin-left: 1.4rem;
    position: relative; }
    .cs-tag-01.cs-is-closing::before,
    .cs-tag-02.cs-is-closing::before,
    .cs-tag-03.cs-is-closing::before,
    .cs-tag-04.cs-is-closing::before {
      border: solid transparent;
      border-bottom: 1.2rem solid transparent;
      border-right: 1.2rem solid #69bee6;
      border-top: 1.2rem solid transparent;
      content: " ";
      height: 0;
      left: -1.4rem;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 0;
      z-index: 5; }
    .cs-tag-01.cs-is-closing.cs-is-small,
    .cs-tag-02.cs-is-closing.cs-is-small,
    .cs-tag-03.cs-is-closing.cs-is-small,
    .cs-tag-04.cs-is-closing.cs-is-small {
      margin-left: 1rem; }
      .cs-tag-01.cs-is-closing.cs-is-small::before,
      .cs-tag-02.cs-is-closing.cs-is-small::before,
      .cs-tag-03.cs-is-closing.cs-is-small::before,
      .cs-tag-04.cs-is-closing.cs-is-small::before {
        border-bottom-width: 0.8rem;
        border-right-width: 0.8rem;
        border-top-width: 0.8rem;
        left: -1rem; }

/* tag variants */
.cs-tag-01 {
  background: #69bee6;
  color: #fff; }
  .cs-tag-01 .cs-tag-marker {
    background-color: #5eabcf; }
  .cs-tag-01.cs-is-opening::before {
    border-left-color: #69bee6; }
  .cs-tag-01.cs-is-closing::before {
    border-right-color: #69bee6; }
  a .cs-tag-01:hover {
    background: #66b6dc; }

.cs-tag-02 {
  background: #fff;
  color: #404448; }
  .cs-tag-02 .cs-tag-marker {
    background-color: #c7c7c7; }
  .cs-tag-02.cs-is-opening::before {
    border-left-color: #fff; }
  .cs-tag-02.cs-is-closing::before {
    border-right-color: #fff; }
  a .cs-tag-02:hover {
    background: #f2f2f2; }

.cs-tag-03 {
  background: #e6e6e6;
  color: #404448; }
  .cs-tag-03 .cs-tag-marker {
    background-color: #c7c7c7; }
  .cs-tag-03.cs-is-opening::before {
    border-left-color: #e6e6e6; }
  .cs-tag-03.cs-is-closing::before {
    border-right-color: #e6e6e6; }
  a .cs-tag-03:hover {
    background: #d9d9d9; }

.cs-tag-04 {
  background: #404448;
  color: #fff; }
  .cs-tag-04 .cs-tag-marker {
    background-color: #1c1c1c; }
  .cs-tag-04.cs-is-opening::before {
    border-left-color: #404448; }
  .cs-tag-04.cs-is-closing::before {
    border-right-color: #404448; }
  a .cs-tag-04:hover {
    background: #000; }

.cs-tag-marker {
  background-color: #5eabcf;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  height: 1.6rem;
  line-height: 1.6rem;
  min-width: 1.6rem;
  overflow: hidden;
  padding: 0 .2rem;
  text-align: center;
  vertical-align: top; }

.cs-tag-pair {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.2rem;
  background: #e6e6e6;
  color: #777;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
  height: 2.4rem;
  line-height: 2.4rem;
  margin: 0 0.5rem 0.5rem 0;
  overflow: hidden;
  padding: 0; }
  .cs-tag-pair .cs-tag-cat {
    background: #69bee6;
    color: #fff;
    float: left;
    height: 2.4rem;
    line-height: inherit;
    padding: 0 1rem; }
  .cs-tag-pair .cs-tag-val {
    float: left;
    padding: 0 1rem; }
  .cs-tag-pair .cs-icon {
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-right: 1rem;
    vertical-align: top; }
    .cs-tag-pair .cs-icon:hover, .cs-tag-pair .cs-icon:focus {
      color: #9c9c9c; }
  .cs-tag-pair.cs-is-small {
    font-size: 1.2rem;
    font-weight: 400;
    height: 1.6rem;
    line-height: 1.6rem; }
    .cs-tag-pair.cs-is-small .cs-tag-cat {
      height: 1.6rem;
      padding: 0 0.5rem; }
    .cs-tag-pair.cs-is-small .cs-tag-val {
      padding: 0 .7rem; }
    .cs-tag-pair.cs-is-small .cs-icon {
      font-size: 1.2rem;
      line-height: 1.4rem;
      padding-right: 0.5rem; }

/* ------------------------------
2. Others
  ------------------------------- */
.cs-empty-state-mini {
  color: #d9d9d9;
  height: 3.4rem;
  padding-top: 0.5rem;
  text-align: center; }
  .cs-empty-state-mini .cs-empty-state-mini-descr {
    vertical-align: top; }

.csClearList__icon {
  float: right !important;
  font-size: 1.6rem;
  margin: 0.8rem 1.5rem 0 0; }

/* ------------------------------
Styling of the notification frames. JavaScript framework and HTML structure based on toastr (https://github.com/CodeSeven/toastr)
  ------------------------------- */
#toast-container {
  position: fixed;
  z-index: 70000; }
  @media all and (max-width: 38rem) {
    #toast-container {
      left: 0;
      padding: 0 2rem;
      right: 0;
      width: 100%; } }

.cs-notification {
  background: #9c9c9c;
  background-position: 1rem 3.6rem;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 1.2rem;
  margin: 0 0 1rem;
  opacity: .93;
  overflow: hidden;
  padding: 2rem;
  position: relative;
  width: 30rem;
  /* overwrite icon classes for a free usage of the notifications */
  /* responsive design */
  /* remove opacity on hover */ }
  .cs-notification .cs-notification-title {
    color: #fff;
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 0;
    max-width: 24.08rem;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .cs-notification .cs-notification-message {
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.8rem;
    margin: 1rem 0 0 0; }
    .cs-notification .cs-notification-message a,
    .cs-notification .cs-notification-message label {
      color: #fff;
      text-decoration: none; }
      .cs-notification .cs-notification-message a:hover,
      .cs-notification .cs-notification-message label:hover {
        color: #fff;
        text-decoration: underline; }
  .cs-notification .toast-close-button {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-appearance: none;
    background: none;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 400;
    height: 3.92rem;
    line-height: 1.92rem;
    padding: 2rem 2rem 1rem 1rem;
    position: absolute;
    right: 0.5rem;
    text-align: right;
    top: 0;
    vertical-align: top;
    width: 3.92rem; }
    .cs-notification .toast-close-button::before {
      content: "\e91e";
      display: block;
      font-family: "cs-icons", sans-serif; }
    .cs-notification .toast-close-button:hover, .cs-notification .toast-close-button:focus {
      cursor: pointer;
      opacity: .8;
      text-decoration: none; }
    .cs-notification .toast-close-button:active, .cs-notification .toast-close-button:focus {
      outline: 0; }
  .cs-notification .cs-notification-button-wrapper::before, .cs-notification .cs-notification-button-wrapper::after {
    content: " ";
    display: table; }
  .cs-notification .cs-notification-button-wrapper::after {
    clear: both; }
  .cs-notification .cs-notification-button {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    padding: 1rem 0 0 0; }
    .cs-notification .cs-notification-button:active, .cs-notification .cs-notification-button:focus {
      outline: none; }
  .cs-notification.cs-is-info {
    background-color: #69bee6; }
  .cs-notification.cs-is-success {
    background-color: #b4e068; }
  .cs-notification.cs-is-warning {
    background-color: #ffaf31; }
  .cs-notification.cs-is-failure {
    background-color: #ff4e4f; }
  .cs-notification[class^="cs-icon-"], .cs-notification[class*=" cs-icon-"] {
    font-family: "SourceSansPro", "Arial", sans-serif; }
    .cs-notification[class^="cs-icon-"]::before, .cs-notification[class*=" cs-icon-"]::before {
      display: block;
      font-family: "cs-icons", sans-serif;
      font-size: 1.8rem;
      left: 2rem;
      position: absolute;
      top: 4.92rem; }
    .cs-notification[class^="cs-icon-"] .cs-notification-message, .cs-notification[class*=" cs-icon-"] .cs-notification-message {
      margin-left: 2.5rem; }
  @media all and (max-width: 38rem) {
    .cs-notification {
      width: 100%; } }
  .cs-notification:hover {
    opacity: 1; }

.toast-progress {
  background-color: #69bee6;
  bottom: 0;
  height: .4rem;
  left: 0;
  opacity: .4;
  position: absolute; }

#toast-container.toast-top-center {
  right: 0;
  top: 4.6rem;
  width: 100%; }

#toast-container.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

#toast-container.toast-top-full-width {
  right: 0;
  top: 4.6rem;
  width: 100%; }

#toast-container.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

#toast-container.toast-top-left {
  left: 2rem;
  top: 6.6rem; }

#toast-container.toast-top-right {
  right: 2rem;
  top: 6.6rem; }

#toast-container.toast-bottom-right {
  bottom: 1rem;
  right: 2rem; }

#toast-container.toast-bottom-left {
  bottom: 1rem;
  left: 2rem; }

#toast-container.toast-top-center .cs-notification,
#toast-container.toast-bottom-center .cs-notification {
  margin-left: auto;
  margin-right: auto; }

#toast-container.toast-top-full-width .cs-notification,
#toast-container.toast-bottom-full-width .cs-notification {
  margin-left: auto;
  margin-right: auto;
  width: 96%; }

/* ------------------------------
censhare Web LESS overwrites

margin and padding overwrites are combined with these parameters: (See Styleguide for more detailed explanation)
cs-    +    '' | neg- | no-    +    m | p    +    '' | -h | -v | -t | -r | -b | -l    +    '' | -lg | -w | -m | -s | -xs
  ------------------------------- */
/* ------------------------------
paddings
  ------------------------------- */
body#censhareApp {
  /* large */
  /* default */
  /* widget */
  /* medium */
  /* small */
  /* extra small */
  /* horizontal default */
  /* vertical default */
  /* ------------------------------
    margins
        ------------------------------- */
  /* large */
  /* default */
  /* medium */
  /* small */
  /* extra small */
  /* top */
  /* right */
  /* bottom */
  /* left */
  /* horizontal */
  /* vertical */
  /* ------------------------------
    negative margins
        ------------------------------- */
  /* top */
  /* right */
  /* bottom */
  /* left */
  /* horizontal */
  /* vertical */
  /* ------------------------------
    no margins / paddings / borders
        ------------------------------- */
  /* margins */
  /* paddings */
  /* borders */ }
  body#censhareApp .cs-p-lg {
    padding: 4rem; }
  body#censhareApp .cs-p {
    padding: 2rem; }
  body#censhareApp .cs-p-w {
    padding: 1.5rem; }
  body#censhareApp .cs-p-m {
    padding: 1.5rem; }
  body#censhareApp .cs-p-s {
    padding: 1rem; }
  body#censhareApp .cs-p-xs {
    padding: 0.5rem; }
  body#censhareApp .cs-p-t {
    padding-top: 2rem; }
  body#censhareApp .cs-p-t-lg {
    padding-top: 4rem; }
  body#censhareApp .cs-p-t-w {
    padding-top: 1.5rem; }
  body#censhareApp .cs-p-t-m {
    padding-top: 1.5rem; }
  body#censhareApp .cs-p-t-s {
    padding-top: 1rem; }
  body#censhareApp .cs-p-t-xs {
    padding-top: 0.5rem; }
  body#censhareApp .cs-p-r {
    padding-right: 2rem; }
  body#censhareApp .cs-p-r-lg {
    padding-right: 4rem; }
  body#censhareApp .cs-p-r-w {
    padding-right: 1.5rem; }
  body#censhareApp .cs-p-r-m {
    padding-right: 1.5rem; }
  body#censhareApp .cs-p-r-s {
    padding-right: 1rem; }
  body#censhareApp .cs-p-r-xs {
    padding-right: 0.5rem; }
  body#censhareApp .cs-p-b {
    padding-bottom: 2rem; }
  body#censhareApp .cs-p-b-lg {
    padding-bottom: 4rem; }
  body#censhareApp .cs-p-b-w {
    padding-bottom: 1.5rem; }
  body#censhareApp .cs-p-b-m {
    padding-bottom: 1.5rem; }
  body#censhareApp .cs-p-b-s {
    padding-bottom: 1rem; }
  body#censhareApp .cs-p-b-xs {
    padding-bottom: 0.5rem; }
  body#censhareApp .cs-p-l {
    padding-left: 2rem; }
  body#censhareApp .cs-p-l-lg {
    padding-left: 4rem; }
  body#censhareApp .cs-p-l-w {
    padding-left: 1.5rem; }
  body#censhareApp .cs-p-l-m {
    padding-left: 1.5rem; }
  body#censhareApp .cs-p-l-s {
    padding-left: 1rem; }
  body#censhareApp .cs-p-l-xs {
    padding-left: 0.5rem; }
  body#censhareApp .cs-p-h {
    padding-left: 2rem;
    padding-right: 2rem; }
  body#censhareApp .cs-p-h-lg {
    padding-left: 4rem;
    padding-right: 4rem; }
  body#censhareApp .cs-p-h-w {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  body#censhareApp .cs-p-h-m {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  body#censhareApp .cs-p-h-s {
    padding-left: 1rem;
    padding-right: 1rem; }
  body#censhareApp .cs-p-h-xs {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  body#censhareApp .cs-p-v {
    padding-bottom: 2rem;
    padding-top: 2rem; }
  body#censhareApp .cs-p-v-lg {
    padding-bottom: 4rem;
    padding-top: 4rem; }
  body#censhareApp .cs-p-v-w {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem; }
  body#censhareApp .cs-p-v-m {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem; }
  body#censhareApp .cs-p-v-s {
    padding-bottom: 1rem;
    padding-top: 1rem; }
  body#censhareApp .cs-p-v-xs {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  body#censhareApp .cs-m-lg {
    margin: 4rem; }
  body#censhareApp .cs-m {
    margin: 2rem; }
  body#censhareApp .cs-m-m {
    margin: 1.5rem; }
  body#censhareApp .cs-m-s {
    margin: 1rem; }
  body#censhareApp .cs-m-xs {
    margin: 0.5rem; }
  body#censhareApp .cs-m-t-lg {
    margin-top: 4rem; }
  body#censhareApp .cs-m-t {
    margin-top: 2rem; }
  body#censhareApp .cs-m-t-m {
    margin-top: 1.5rem; }
  body#censhareApp .cs-m-t-s {
    margin-top: 1rem; }
  body#censhareApp .cs-m-t-xs {
    margin-top: 0.5rem; }
  body#censhareApp .cs-m-r-lg {
    margin-right: 4rem; }
  body#censhareApp .cs-m-r {
    margin-right: 2rem; }
  body#censhareApp .cs-m-r-m {
    margin-right: 1.5rem; }
  body#censhareApp .cs-m-r-s {
    margin-right: 1rem; }
  body#censhareApp .cs-m-r-xs {
    margin-right: 0.5rem; }
  body#censhareApp .cs-m-b-lg {
    margin-bottom: 4rem; }
  body#censhareApp .cs-m-b {
    margin-bottom: 2rem; }
  body#censhareApp .cs-m-b-m {
    margin-bottom: 1.5rem; }
  body#censhareApp .cs-m-b-s {
    margin-bottom: 1rem; }
  body#censhareApp .cs-m-b-xs {
    margin-bottom: 0.5rem; }
  body#censhareApp .cs-m-l-lg {
    margin-left: 4rem; }
  body#censhareApp .cs-m-l {
    margin-left: 2rem; }
  body#censhareApp .cs-m-l-m {
    margin-left: 1.5rem; }
  body#censhareApp .cs-m-l-s {
    margin-left: 1rem; }
  body#censhareApp .cs-m-l-xs {
    margin-left: 0.5rem; }
  body#censhareApp .cs-m-h-lg {
    margin-left: 4rem;
    margin-right: 4rem; }
  body#censhareApp .cs-m-h {
    margin-left: 2rem;
    margin-right: 2rem; }
  body#censhareApp .cs-m-h-m {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  body#censhareApp .cs-m-h-s {
    margin-left: 1rem;
    margin-right: 1rem; }
  body#censhareApp .cs-m-h-xs {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  body#censhareApp .cs-m-v-lg {
    margin-bottom: 4rem;
    margin-top: 4rem; }
  body#censhareApp .cs-m-v {
    margin-bottom: 2rem;
    margin-top: 2rem; }
  body#censhareApp .cs-m-v-m {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem; }
  body#censhareApp .cs-m-v-s {
    margin-bottom: 1rem;
    margin-top: 1rem; }
  body#censhareApp .cs-m-v-xs {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem; }
  body#censhareApp .cs-neg-m-t-lg {
    margin-top: -4rem; }
  body#censhareApp .cs-neg-m-t {
    margin-top: -2rem; }
  body#censhareApp .cs-neg-m-t-m {
    margin-top: -1.5rem; }
  body#censhareApp .cs-neg-m-t-s {
    margin-top: -1rem; }
  body#censhareApp .cs-neg-m-t-xs {
    margin-top: -0.5rem; }
  body#censhareApp .cs-neg-m-r-lg {
    margin-right: -4rem; }
  body#censhareApp .cs-neg-m-r {
    margin-right: -2rem; }
  body#censhareApp .cs-neg-m-r-m {
    margin-right: -1.5rem; }
  body#censhareApp .cs-neg-m-r-s {
    margin-right: -1rem; }
  body#censhareApp .cs-neg-m-r-xs {
    margin-right: -0.5rem; }
  body#censhareApp .cs-neg-m-b-lg {
    margin-bottom: -4rem; }
  body#censhareApp .cs-neg-m-b {
    margin-bottom: -2rem; }
  body#censhareApp .cs-neg-m-b-m {
    margin-bottom: -1.5rem; }
  body#censhareApp .cs-neg-m-b-s {
    margin-bottom: -1rem; }
  body#censhareApp .cs-neg-m-b-xs {
    margin-bottom: -0.5rem; }
  body#censhareApp .cs-neg-m-l-lg {
    margin-left: -4rem; }
  body#censhareApp .cs-neg-m-l {
    margin-left: -2rem; }
  body#censhareApp .cs-neg-m-l-m {
    margin-left: -1.5rem; }
  body#censhareApp .cs-neg-m-l-s {
    margin-left: -1rem; }
  body#censhareApp .cs-neg-m-l-xs {
    margin-left: -0.5rem; }
  body#censhareApp .cs-neg-m-h-lg {
    margin-left: -4rem;
    margin-right: -4rem; }
  body#censhareApp .cs-neg-m-h {
    margin-left: -2rem;
    margin-right: -2rem; }
  body#censhareApp .cs-neg-m-h-m {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  body#censhareApp .cs-neg-m-h-s {
    margin-left: -1rem;
    margin-right: -1rem; }
  body#censhareApp .cs-neg-m-h-xs {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  body#censhareApp .cs-neg-m-h-w {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  body#censhareApp .cs-neg-m-v-lg {
    margin-bottom: -4rem;
    margin-top: -4rem; }
  body#censhareApp .cs-neg-m-v {
    margin-bottom: -2rem;
    margin-top: -2rem; }
  body#censhareApp .cs-neg-m-v-m {
    margin-bottom: -1.5rem;
    margin-top: -1.5rem; }
  body#censhareApp .cs-neg-m-v-s {
    margin-bottom: -1rem;
    margin-top: -1rem; }
  body#censhareApp .cs-neg-m-v-xs {
    margin-bottom: -0.5rem;
    margin-top: -0.5rem; }
  body#censhareApp .cs-no-m-t {
    margin-top: 0; }
  body#censhareApp .cs-no-m-r {
    margin-right: 0; }
  body#censhareApp .cs-no-m-b {
    margin-bottom: 0; }
  body#censhareApp .cs-no-m-l {
    margin-left: 0; }
  body#censhareApp .cs-no-m-h {
    margin-left: 0;
    margin-right: 0; }
  body#censhareApp .cs-no-m-v {
    margin-bottom: 0;
    margin-top: 0; }
  body#censhareApp .cs-no-m {
    margin: 0; }
  body#censhareApp .cs-no-p-t {
    padding-top: 0; }
  body#censhareApp .cs-no-p-r {
    padding-right: 0; }
  body#censhareApp .cs-no-p-b {
    padding-bottom: 0; }
  body#censhareApp .cs-no-p-l {
    padding-left: 0; }
  body#censhareApp .cs-no-p-h {
    padding-left: 0;
    padding-right: 0; }
  body#censhareApp .cs-no-p-v {
    padding-bottom: 0;
    padding-top: 0; }
  body#censhareApp .cs-no-p {
    padding: 0; }
  body#censhareApp .cs-no-b {
    border: none; }
  body#censhareApp .cs-no-b-t {
    border-top: none; }
  body#censhareApp .cs-no-b-r {
    border-right: none; }
  body#censhareApp .cs-no-b-b {
    border-bottom: none; }
  body#censhareApp .cs-no-b-l {
    border-left: none; }

.cs-tooltip,
.cs-popover {
  background-clip: border-box;
  background-color: #404448;
  border: 0.1rem solid rgba(0, 0, 0, 0.15);
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  left: 0;
  line-height: 1.2rem;
  max-width: 24rem;
  position: absolute;
  top: 0;
  visibility: visible;
  white-space: normal;
  z-index: 60000; }
  .cs-tooltip.top, .cs-tooltip.top-left,
  .cs-popover.top,
  .cs-popover.top-left {
    margin-top: -0.6863945rem;
    transform-origin: center bottom; }
  .cs-tooltip.right,
  .cs-popover.right {
    margin-left: 0.6863945rem;
    transform-origin: left center; }
  .cs-tooltip.bottom, .cs-tooltip.bottom-left,
  .cs-popover.bottom,
  .cs-popover.bottom-left {
    margin-top: 0.6863945rem;
    transform-origin: center top; }
  .cs-tooltip.left,
  .cs-popover.left {
    margin-left: -0.6863945rem;
    transform-origin: right center; }
  .cs-tooltip.fade,
  .cs-popover.fade {
    -webkit-animation: bounceIn 150ms 1;
    -moz-animation: bounceIn 150ms 1;
    -ms-animation: bounceIn 150ms 1;
    -o-animation: bounceIn 150ms 1;
    animation: bounceIn 150ms 1; }
  .cs-tooltip .cs-arrow,
  .cs-popover .cs-arrow {
    display: block;
    height: 0.6863945rem;
    overflow: hidden;
    position: absolute;
    width: 1.372789rem; }
    .cs-tooltip .cs-arrow::after,
    .cs-popover .cs-arrow::after {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background-color: #404448;
      border: 0.1rem solid rgba(0, 0, 0, 0.15);
      border-width: 0.1rem;
      content: "";
      height: 0.9rem;
      left: 0;
      margin: 0.2363945rem;
      position: absolute;
      top: 0;
      width: 0.9rem; }
  .cs-tooltip.cs-is-info,
  .cs-popover.cs-is-info {
    background-color: #404448;
    color: #fff; }
    .cs-tooltip.cs-is-info .cs-arrow::after,
    .cs-popover.cs-is-info .cs-arrow::after {
      background-color: #404448; }
  .cs-tooltip.cs-is-success,
  .cs-popover.cs-is-success {
    background-color: #b4e068;
    color: #fff; }
    .cs-tooltip.cs-is-success .cs-arrow::after,
    .cs-popover.cs-is-success .cs-arrow::after {
      background-color: #b4e068; }
  .cs-tooltip.cs-is-failure,
  .cs-popover.cs-is-failure {
    background-color: #ff4e4f;
    color: #fff; }
    .cs-tooltip.cs-is-failure .cs-arrow::after,
    .cs-popover.cs-is-failure .cs-arrow::after {
      background-color: #ff4e4f; }
  .cs-tooltip.cs-is-warning,
  .cs-popover.cs-is-warning {
    background-color: #ffaf31;
    color: #fff; }
    .cs-tooltip.cs-is-warning .cs-arrow::after,
    .cs-popover.cs-is-warning .cs-arrow::after {
      background-color: #ffaf31; }

.cs-tooltip .tooltip-inner {
  color: inherit;
  line-height: 1.6rem;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none; }

.cs-popover {
  box-shadow: 0 3px 10px 0.1;
  display: none; }
  .cs-popover .popover-title {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    color: inherit;
    margin: 0;
    padding: 0.8rem 1rem 0; }
  .cs-popover .popover-content {
    color: inherit;
    line-height: 1.6rem;
    padding: 0.8rem 1rem; }
  .cs-popover .cs-popover-button-wrapper {
    padding: .8rem 1rem; }
  .cs-popover .cs-popover-button {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    padding: 0; }
    .cs-popover .cs-popover-button:active, .cs-popover .cs-popover-button:focus {
      outline: none; }

.cs-tooltip.top .cs-arrow,
.cs-popover.top .cs-arrow {
  bottom: -0.6863945rem;
  left: 50%;
  margin-left: -0.6863945rem; }
  .cs-tooltip.top .cs-arrow::after,
  .cs-popover.top .cs-arrow::after {
    bottom: 0;
    top: auto; }

.cs-tooltip.top-left .cs-arrow,
.cs-popover.top-left .cs-arrow {
  bottom: -0.6863945rem;
  left: 0.9rem; }
  .cs-tooltip.top-left .cs-arrow::after,
  .cs-popover.top-left .cs-arrow::after {
    bottom: 0;
    left: 0;
    top: auto; }

.cs-tooltip.right .cs-arrow,
.cs-popover.right .cs-arrow {
  height: 1.372789rem;
  left: -0.6863945rem;
  margin-top: -0.6863945rem;
  top: 50%;
  width: 0.6863945rem; }

.cs-tooltip.bottom .cs-arrow,
.cs-popover.bottom .cs-arrow {
  left: 50%;
  margin-left: -0.6863945rem;
  top: -0.6863945rem; }

.cs-tooltip.bottom-left .cs-arrow,
.cs-popover.bottom-left .cs-arrow {
  left: 0.9rem;
  top: -0.6863945rem; }

.cs-tooltip.left .cs-arrow,
.cs-popover.left .cs-arrow {
  height: 1.372789rem;
  margin-top: -0.6863945rem;
  right: -0.6863945rem;
  top: 50%;
  width: 0.6863945rem; }
  .cs-tooltip.left .cs-arrow::after,
  .cs-popover.left .cs-arrow::after {
    left: auto;
    right: 0; }

.cs-tooltip-indicator {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 50%;
  background: #b2b2b2;
  color: #fff;
  cursor: help;
  display: inline-block;
  height: 1.6rem;
  text-align: center;
  width: 1.6rem; }
  .cs-tooltip-indicator .cs-icon {
    height: 100%;
    line-height: 1.2rem;
    padding: .3rem 0 .1rem;
    text-align: center;
    vertical-align: top; }
    .cs-tooltip-indicator .cs-icon::before {
      font-size: 1.1rem;
      height: 100%;
      vertical-align: top; }
  .cs-tooltip-indicator.cs-is-info {
    background-color: #69bee6; }
  .cs-tooltip-indicator.cs-is-success {
    background-color: #b4e068; }
  .cs-tooltip-indicator.cs-is-failure {
    background-color: #ff4e4f; }
  .cs-tooltip-indicator.cs-is-warning {
    background-color: #ffaf31; }
  .cs-tooltip-indicator.cs-next-to-form {
    margin: 1.4rem 0; }
  .cs-tooltip-indicator.cs-next-to-form-small {
    margin: 0.8rem 0; }

.cs-toolbar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-align-content: stretch;
  -ms-align-content: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  /* stylelint-disable-line order/properties-alphabetical-order */
  -ms-flex-align: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #fff;
  border-bottom: 0.1rem solid #e6e6e6;
  border-top: 0.1rem solid #e6e6e6;
  line-height: 2.4rem;
  min-height: 3.4rem;
  padding: 0.5rem 1.5rem 0;
  width: 100%;
  /*
    * Toolbar Main: If a toolbar is needed, this will be used. 2 Slots available: left (1) and right (2)
    */
  /*
    * Toolbar Sub: If a toolbar submenu is needed, you click on a button in the main toolbar and the toolbar content is changing to this sub toolbar
    * In some cases also used separately (for example: track changes in inCopy Editor)
    */ }
  .cs-toolbar.cs-is-sub {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-top: none; }
  .cs-toolbar [class^="cs-toolbar-slot"],
  .cs-toolbar [class*=" cs-toolbar-slot"] {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    min-height: 2.9rem; }
    .cs-toolbar [class^="cs-toolbar-slot"] > .btn-group,
    .cs-toolbar [class^="cs-toolbar-slot"] > [class^="cs-button"],
    .cs-toolbar [class^="cs-toolbar-slot"] > [class*=" cs-button"],
    .cs-toolbar [class^="cs-toolbar-slot"] > select,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-select,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-checkbox,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-radio,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-toggle-01,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-input,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-label,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-zoompicker,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-datepicker,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-timepicker,
    .cs-toolbar [class^="cs-toolbar-slot"] > .cs-colorpicker,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .btn-group,
    .cs-toolbar [class*=" cs-toolbar-slot"] > [class^="cs-button"],
    .cs-toolbar [class*=" cs-toolbar-slot"] > [class*=" cs-button"],
    .cs-toolbar [class*=" cs-toolbar-slot"] > select,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-select,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-checkbox,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-radio,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-toggle-01,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-input,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-label,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-zoompicker,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-datepicker,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-timepicker,
    .cs-toolbar [class*=" cs-toolbar-slot"] > .cs-colorpicker {
      margin: 0 0.5rem 0.5rem 0;
      vertical-align: top; }
    .cs-toolbar [class^="cs-toolbar-slot"] .cs-toolbar-item,
    .cs-toolbar [class*=" cs-toolbar-slot"] .cs-toolbar-item {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: inline-block;
      max-width: 100%;
      padding: 0 0.5rem 0.5rem 0;
      position: relative;
      vertical-align: top;
      white-space: nowrap; }
      .cs-toolbar [class^="cs-toolbar-slot"] .cs-toolbar-item > *,
      .cs-toolbar [class^="cs-toolbar-slot"] .cs-toolbar-item > .btn-group *,
      .cs-toolbar [class*=" cs-toolbar-slot"] .cs-toolbar-item > *,
      .cs-toolbar [class*=" cs-toolbar-slot"] .cs-toolbar-item > .btn-group * {
        vertical-align: top; }
      .cs-toolbar [class^="cs-toolbar-slot"] .cs-toolbar-item .cs-label,
      .cs-toolbar [class*=" cs-toolbar-slot"] .cs-toolbar-item .cs-label {
        margin-bottom: 0; }
    .cs-toolbar [class^="cs-toolbar-slot"] select,
    .cs-toolbar [class^="cs-toolbar-slot"] .cs-select,
    .cs-toolbar [class^="cs-toolbar-slot"] .cs-input,
    .cs-toolbar [class*=" cs-toolbar-slot"] select,
    .cs-toolbar [class*=" cs-toolbar-slot"] .cs-select,
    .cs-toolbar [class*=" cs-toolbar-slot"] .cs-input {
      max-width: 16rem; }
    .cs-toolbar [class^="cs-toolbar-slot"] .cs-label,
    .cs-toolbar [class*=" cs-toolbar-slot"] .cs-label {
      line-height: 2.4rem;
      margin-right: 0.5rem; }
      .cs-toolbar [class^="cs-toolbar-slot"] .cs-label.before,
      .cs-toolbar [class*=" cs-toolbar-slot"] .cs-label.before {
        display: inline-block; }
    .cs-toolbar [class^="cs-toolbar-slot"] span.cs-label,
    .cs-toolbar [class*=" cs-toolbar-slot"] span.cs-label {
      display: inline-block; }
  .cs-toolbar .cs-toolbar-separator {
    border-right: 0.1rem solid #e6e6e6;
    display: inline-block;
    height: 3.4rem;
    margin: -0.5rem 1rem 0 1rem;
    vertical-align: top;
    width: .1rem; }
  .cs-toolbar .cs-toolbar-item + .cs-toolbar-separator {
    margin-left: 0.5rem; }
  .cs-toolbar .cs-toolbar-slot-2 {
    margin-right: -0.5rem; }
  .cs-toolbar .cs-toolbar-slot-sub-topic {
    border-right: 0.1rem solid #e6e6e6;
    line-height: 2.4rem;
    margin-top: -0.5rem;
    min-height: 3.4rem;
    padding: 0.5rem 1.5rem 0 0; }
  .cs-toolbar .cs-toolbar-slot-sub-tools {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 1.5rem; }
  .cs-toolbar .cs-toolbar-slot-sub-actions {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-left: 0.1rem solid #e6e6e6;
    margin: -0.5rem -0.5rem 0 0;
    min-height: 3.4rem;
    padding: 0.5rem 0 0 1.5rem; }

/*
 * Toolbar Side Panel: If a toolbar submenu is needed in a separated side panel.
 * Used as an alternative to the Toolbar Sub. If you have enough space horizontal in the editor or to much options/elements for the toolbar itself.
 */
/* censhare 5 Web tab stylings
 *  1. Content tabs (.cs-tabs-01)      - default tabs used in content
 *  2. Dialog tabs  (.cs-tabs-02)      - 1st level tabs in dialogs with 2 lvls
 *  3. Widget tabs  (.cs-tabs-widget)  - tab layout used in widget headers of tab widgets
 */
.cs-tabs-01,
.csPageActions__filterbar__left > ul.csControl__menu,
.csPageActions__filterbar__right > ul.csControl__menu,
.csPageActions__filterbar__center > ul.csControl__menu {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 0.1rem solid #d9d9d9; }
  .cs-tabs-01 > li,
  .cs-tabs-01 .cs-tabs-item,
  .csPageActions__filterbar__left > ul.csControl__menu > li,
  .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item,
  .csPageActions__filterbar__right > ul.csControl__menu > li,
  .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item,
  .csPageActions__filterbar__center > ul.csControl__menu > li,
  .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    border: none;
    color: #9c9c9c;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 300;
    height: 2.9rem;
    line-height: 2.4rem;
    margin-left: 1.5rem;
    padding: 0 0 0.5rem;
    vertical-align: top; }
    .cs-tabs-01 > li:first-child,
    .cs-tabs-01 .cs-tabs-item:first-child,
    .csPageActions__filterbar__left > ul.csControl__menu > li:first-child,
    .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item:first-child,
    .csPageActions__filterbar__right > ul.csControl__menu > li:first-child,
    .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item:first-child,
    .csPageActions__filterbar__center > ul.csControl__menu > li:first-child,
    .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item:first-child {
      margin-left: 0; }
    .cs-tabs-01 > li:hover:not(.cs-is-disabled), .cs-tabs-01 > li:focus:not(.cs-is-disabled),
    .cs-tabs-01 .cs-tabs-item:hover:not(.cs-is-disabled),
    .cs-tabs-01 .cs-tabs-item:focus:not(.cs-is-disabled),
    .csPageActions__filterbar__left > ul.csControl__menu > li:hover:not(.cs-is-disabled),
    .csPageActions__filterbar__left > ul.csControl__menu > li:focus:not(.cs-is-disabled),
    .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item:hover:not(.cs-is-disabled),
    .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item:focus:not(.cs-is-disabled),
    .csPageActions__filterbar__right > ul.csControl__menu > li:hover:not(.cs-is-disabled),
    .csPageActions__filterbar__right > ul.csControl__menu > li:focus:not(.cs-is-disabled),
    .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item:hover:not(.cs-is-disabled),
    .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item:focus:not(.cs-is-disabled),
    .csPageActions__filterbar__center > ul.csControl__menu > li:hover:not(.cs-is-disabled),
    .csPageActions__filterbar__center > ul.csControl__menu > li:focus:not(.cs-is-disabled),
    .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item:hover:not(.cs-is-disabled),
    .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item:focus:not(.cs-is-disabled) {
      color: #1c1c1c; }
    .cs-tabs-01 > li.current, .cs-tabs-01 > li.cs-is-active,
    .cs-tabs-01 .cs-tabs-item.current,
    .cs-tabs-01 .cs-tabs-item.cs-is-active,
    .csPageActions__filterbar__left > ul.csControl__menu > li.current,
    .csPageActions__filterbar__left > ul.csControl__menu > li.cs-is-active,
    .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item.current,
    .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item.cs-is-active,
    .csPageActions__filterbar__right > ul.csControl__menu > li.current,
    .csPageActions__filterbar__right > ul.csControl__menu > li.cs-is-active,
    .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item.current,
    .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item.cs-is-active,
    .csPageActions__filterbar__center > ul.csControl__menu > li.current,
    .csPageActions__filterbar__center > ul.csControl__menu > li.cs-is-active,
    .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item.current,
    .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item.cs-is-active {
      color: #1c1c1c;
      font-weight: 600; }
      .cs-tabs-01 > li.current:hover, .cs-tabs-01 > li.current:focus, .cs-tabs-01 > li.cs-is-active:hover, .cs-tabs-01 > li.cs-is-active:focus,
      .cs-tabs-01 .cs-tabs-item.current:hover,
      .cs-tabs-01 .cs-tabs-item.current:focus,
      .cs-tabs-01 .cs-tabs-item.cs-is-active:hover,
      .cs-tabs-01 .cs-tabs-item.cs-is-active:focus,
      .csPageActions__filterbar__left > ul.csControl__menu > li.current:hover,
      .csPageActions__filterbar__left > ul.csControl__menu > li.current:focus,
      .csPageActions__filterbar__left > ul.csControl__menu > li.cs-is-active:hover,
      .csPageActions__filterbar__left > ul.csControl__menu > li.cs-is-active:focus,
      .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item.current:hover,
      .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item.current:focus,
      .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item.cs-is-active:hover,
      .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item.cs-is-active:focus,
      .csPageActions__filterbar__right > ul.csControl__menu > li.current:hover,
      .csPageActions__filterbar__right > ul.csControl__menu > li.current:focus,
      .csPageActions__filterbar__right > ul.csControl__menu > li.cs-is-active:hover,
      .csPageActions__filterbar__right > ul.csControl__menu > li.cs-is-active:focus,
      .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item.current:hover,
      .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item.current:focus,
      .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item.cs-is-active:hover,
      .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item.cs-is-active:focus,
      .csPageActions__filterbar__center > ul.csControl__menu > li.current:hover,
      .csPageActions__filterbar__center > ul.csControl__menu > li.current:focus,
      .csPageActions__filterbar__center > ul.csControl__menu > li.cs-is-active:hover,
      .csPageActions__filterbar__center > ul.csControl__menu > li.cs-is-active:focus,
      .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item.current:hover,
      .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item.current:focus,
      .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item.cs-is-active:hover,
      .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item.cs-is-active:focus {
        color: #1c1c1c; }
    .cs-tabs-01 > li.cs-tab-color-drag,
    .cs-tabs-01 .cs-tabs-item.cs-tab-color-drag,
    .csPageActions__filterbar__left > ul.csControl__menu > li.cs-tab-color-drag,
    .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item.cs-tab-color-drag,
    .csPageActions__filterbar__right > ul.csControl__menu > li.cs-tab-color-drag,
    .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item.cs-tab-color-drag,
    .csPageActions__filterbar__center > ul.csControl__menu > li.cs-tab-color-drag,
    .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item.cs-tab-color-drag {
      color: #69bee6;
      font-weight: 600; }
    .cs-tabs-01 > li.cs-is-disabled,
    .cs-tabs-01 .cs-tabs-item.cs-is-disabled,
    .csPageActions__filterbar__left > ul.csControl__menu > li.cs-is-disabled,
    .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item.cs-is-disabled,
    .csPageActions__filterbar__right > ul.csControl__menu > li.cs-is-disabled,
    .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item.cs-is-disabled,
    .csPageActions__filterbar__center > ul.csControl__menu > li.cs-is-disabled,
    .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item.cs-is-disabled {
      cursor: default;
      opacity: .5; }
    .cs-tabs-01 > li cs-actions-icon,
    .cs-tabs-01 .cs-tabs-item cs-actions-icon,
    .csPageActions__filterbar__left > ul.csControl__menu > li cs-actions-icon,
    .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item cs-actions-icon,
    .csPageActions__filterbar__right > ul.csControl__menu > li cs-actions-icon,
    .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item cs-actions-icon,
    .csPageActions__filterbar__center > ul.csControl__menu > li cs-actions-icon,
    .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item cs-actions-icon {
      display: inline; }
      .cs-tabs-01 > li cs-actions-icon .cs-icon,
      .cs-tabs-01 .cs-tabs-item cs-actions-icon .cs-icon,
      .csPageActions__filterbar__left > ul.csControl__menu > li cs-actions-icon .cs-icon,
      .csPageActions__filterbar__left > ul.csControl__menu .cs-tabs-item cs-actions-icon .cs-icon,
      .csPageActions__filterbar__right > ul.csControl__menu > li cs-actions-icon .cs-icon,
      .csPageActions__filterbar__right > ul.csControl__menu .cs-tabs-item cs-actions-icon .cs-icon,
      .csPageActions__filterbar__center > ul.csControl__menu > li cs-actions-icon .cs-icon,
      .csPageActions__filterbar__center > ul.csControl__menu .cs-tabs-item cs-actions-icon .cs-icon {
        font-size: 1.6rem; }

.cs-tabs-02 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background-color: #d9d9d9;
  box-shadow: inset 0 -4px 5px -1px rgba(0, 0, 0, 0.02);
  font-size: 1.4rem;
  height: 4.6rem;
  line-height: 3rem;
  padding: 1.6rem 0 0 0; }
  .cs-tabs-02 > li,
  .cs-tabs-02 .cs-tabs-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #777;
    cursor: pointer;
    display: inline-block;
    height: 3rem;
    line-height: 3rem;
    padding: 0 2rem;
    white-space: nowrap; }
    .cs-tabs-02 > li:first-child,
    .cs-tabs-02 .cs-tabs-item:first-child {
      margin-left: 0; }
    .cs-tabs-02 > li:hover:not(.cs-is-disabled), .cs-tabs-02 > li:focus:not(.cs-is-disabled),
    .cs-tabs-02 .cs-tabs-item:hover:not(.cs-is-disabled),
    .cs-tabs-02 .cs-tabs-item:focus:not(.cs-is-disabled) {
      color: #1c1c1c; }
    .cs-tabs-02 > li.cs-is-active,
    .cs-tabs-02 .cs-tabs-item.cs-is-active {
      background-color: #f2f2f2;
      color: #1c1c1c; }
      .cs-tabs-02 > li.cs-is-active:hover, .cs-tabs-02 > li.cs-is-active:focus,
      .cs-tabs-02 .cs-tabs-item.cs-is-active:hover,
      .cs-tabs-02 .cs-tabs-item.cs-is-active:focus {
        color: #1c1c1c; }
    .cs-tabs-02 > li.cs-is-disabled,
    .cs-tabs-02 .cs-tabs-item.cs-is-disabled {
      cursor: default;
      opacity: .5; }

.cs-tabs-03 {
  background-color: #d9d9d9;
  box-shadow: inset -0.2rem 0 0.4rem -0.1rem rgba(0, 0, 0, 0.15);
  display: block;
  font-size: 1.4rem;
  height: 100%;
  max-width: 22rem;
  padding: 0;
  width: 100%; }
  .cs-tabs-03 > li,
  .cs-tabs-03 .cs-tabs-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #777;
    cursor: pointer;
    display: block;
    height: 4.8rem;
    line-height: 3rem;
    overflow: hidden;
    padding: 0.9rem 1rem 0.9rem 2rem;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .cs-tabs-03 > li:hover:not(.cs-is-disabled), .cs-tabs-03 > li:focus:not(.cs-is-disabled),
    .cs-tabs-03 .cs-tabs-item:hover:not(.cs-is-disabled),
    .cs-tabs-03 .cs-tabs-item:focus:not(.cs-is-disabled) {
      color: #1c1c1c; }
    .cs-tabs-03 > li.cs-is-active,
    .cs-tabs-03 .cs-tabs-item.cs-is-active {
      background-color: #f2f2f2;
      color: #1c1c1c;
      font-weight: 600; }
      .cs-tabs-03 > li.cs-is-active:first-child,
      .cs-tabs-03 .cs-tabs-item.cs-is-active:first-child {
        box-shadow: inset 0 0.1rem 0 0 #d9d9d9; }
      .cs-tabs-03 > li.cs-is-active:hover, .cs-tabs-03 > li.cs-is-active:focus,
      .cs-tabs-03 .cs-tabs-item.cs-is-active:hover,
      .cs-tabs-03 .cs-tabs-item.cs-is-active:focus {
        color: #1c1c1c; }
    .cs-tabs-03 > li.cs-is-disabled,
    .cs-tabs-03 .cs-tabs-item.cs-is-disabled {
      cursor: default;
      opacity: .5; }

.csWidget {
  background: #fff;
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  transition-property: box-shadow;
  height: 100%;
  position: relative;
  text-align: left;
  /* cs-widget-content-padding-top:
    * A top padding for the content of csWidget__content__inner.
    * Has only a value if the header is optical framed (unlike the default header) */
  /*
    * for widgets in widgets (tab widgets) we want to get rid of the inner .csWidget design.
    */ }
  .csWidget.csHover, .csWidget:hover, .csWidget:focus {
    box-shadow: rgba(212, 212, 212, 0.5) 0 0 9px 2px; }
  .csWidget.csHover, .csWidget:hover {
    /* Show csWidget__ctrl on Hover */ }
    .csWidget.csHover .csWidget__header .csWidget__ctrl, .csWidget:hover .csWidget__header .csWidget__ctrl {
      display: block; }
    .csWidget.csHover .csWidget__header .csControl__menu,
    .csWidget.csHover .csWidget__header cs-action-overflow-group, .csWidget:hover .csWidget__header .csControl__menu,
    .csWidget:hover .csWidget__header cs-action-overflow-group {
      display: inline-block; }
  .csWidget .csWidget__content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .csWidget .csWidget__header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #404448;
    position: relative;
    /*
        * The default title structure
        */
    /*
        * The header tabs structure for tab widgets
        */ }
    .gridster .csWidget__is-draggable .csWidget .csWidget__header [data-cs-grid-handler] {
      cursor: move; }
    .csWidget .csWidget__header .csWidget__header_title {
      -webkit-flex: 0 1 100%;
      -moz-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      padding: 0 0 0 1.5rem; }
    .csWidget .csWidget__header .csWidget__header_tabs {
      -webkit-flex: 0 1 100%;
      -moz-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -ms-flex-pack: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border-bottom: 0.1rem solid #d9d9d9;
      height: 3.4rem;
      line-height: 3.4rem;
      max-width: 100%; }
      .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_menu {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        width: 100%; }
      .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static,
      .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        background-color: #f2f2f2;
        border-bottom: 0.1rem solid #d9d9d9;
        border-right: 0.1rem solid #d9d9d9;
        color: #777;
        cursor: pointer;
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 400;
        height: 3.4rem;
        line-height: 3.4rem;
        overflow: hidden;
        padding: 0 1.5rem;
        text-align: center;
        text-overflow: ellipsis;
        vertical-align: top;
        white-space: nowrap; }
        .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static .cs-icon,
        .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item .cs-icon {
          font-size: 1.6rem;
          vertical-align: top; }
        .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static:hover,
        .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item:hover {
          background-color: #e6e6e6;
          color: #404448; }
        .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static.cs-is-active,
        .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item.cs-is-active {
          background-color: #fff;
          border-bottom-color: #fff;
          color: #1c1c1c;
          cursor: default; }
        .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static.cs-is-disabled,
        .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item.cs-is-disabled {
          color: rgba(119, 119, 119, 0.3);
          cursor: default; }
          .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static.cs-is-disabled:hover,
          .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item.cs-is-disabled:hover {
            background-color: #f2f2f2;
            color: rgba(119, 119, 119, 0.3); }
          .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static.cs-is-disabled .csWidget__count,
          .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item.cs-is-disabled .csWidget__count {
            opacity: .5; }
      .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
      .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_dropdown {
        padding: 0; }
        .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_dropdown .csWidget__header_tab_menu_dropdown {
          padding: 0; }
          .csWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_dropdown .csWidget__header_tab_menu_dropdown .dropdown {
            padding: 0 1rem; }
    .csWidget .csWidget__header .csWidget__sign {
      color: #404448;
      float: left;
      font-size: 1.6rem;
      height: 3.4rem;
      line-height: 3.4rem;
      margin-right: 0.5rem; }
      .csWidget .csWidget__header .csWidget__sign .cs-icon::before {
        vertical-align: top; }
    .csWidget .csWidget__header .csWidget__label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      float: left;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2.4rem;
      margin: 0.5rem 1.5rem 0.5rem 0;
      max-width: 100%;
      width: auto; }
    .csWidget .csWidget__header .csWidget__count {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      background: #d9d9d9;
      border-radius: .2rem;
      color: #fff;
      font-size: 1.2rem;
      font-weight: 400;
      height: 1.6rem;
      line-height: 1.6rem;
      margin: 0.9rem 1rem 0 -0.8rem;
      padding: 0 0.5rem;
      text-align: center; }
    .csWidget .csWidget__header .csWidget__ctrl {
      display: block;
      height: 3.4rem;
      line-height: 2.4rem;
      margin-right: 1.1rem;
      padding: 0.5rem 0;
      z-index: 15; }
      .csWidget .csWidget__header .csWidget__ctrl.cs-fullscreen-controls-panel {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        float: left;
        height: 4.4rem;
        left: 0;
        margin: 0;
        padding: 1rem;
        z-index: 100000; }
      .csWidget .csWidget__header .csWidget__ctrl .ctrl-item.title {
        font-size: 1.6rem;
        font-weight: 300; }
      .csWidget .csWidget__header .csWidget__ctrl .cs-icon {
        color: #777; }
        .csWidget .csWidget__header .csWidget__ctrl .cs-icon.csHover, .csWidget .csWidget__header .csWidget__ctrl .cs-icon:hover, .csWidget .csWidget__header .csWidget__ctrl .cs-icon:focus {
          color: #404448; }
    .csWidget .csWidget__header .csControl__menu,
    .csWidget .csWidget__header cs-action-overflow-group {
      display: none; }
      .csWidget .csWidget__header .csControl__menu.visible, .csWidget .csWidget__header .csControl__menu.cs-is-open,
      .csWidget .csWidget__header cs-action-overflow-group.visible,
      .csWidget .csWidget__header cs-action-overflow-group.cs-is-open {
        display: inline-block; }
    .csWidget .csWidget__header .csWidget__desc {
      font-size: 1.2rem;
      margin: 0.4rem 0 0 1.5rem;
      width: 70%; }
    .csWidget .csWidget__header .csWidget__data {
      float: right;
      font-weight: 400;
      line-height: 1.2;
      margin: 1rem 1.6rem 0 0;
      max-width: 60%;
      text-align: right; }
      .csWidget .csWidget__header .csWidget__data > span.cs-icon {
        display: inline-block;
        font-size: 1.6rem;
        height: 2.1rem;
        margin-left: .5rem;
        padding-left: 2.1rem; }
    .csWidget .csWidget__header .csWidget__info {
      font-size: 1.2rem;
      position: absolute;
      right: 1.6rem;
      text-align: right;
      top: 3.4rem; }
      .csWidget .csWidget__header .csWidget__info > span.cs-icon {
        display: inline-block;
        font-size: 1.2rem;
        height: 1.3rem;
        margin-left: .5rem;
        padding-left: 1.6rem; }
  .csWidget .csWidget__content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2em;
    color: #1c1c1c;
    line-height: 1.4rem;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .csWidget .csWidget__content .csWidget__content__inner {
      bottom: 0;
      clear: both;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%; }
    .csWidget .csWidget__content .csWidget__content__actions {
      background: #ebebeb;
      border-top: 0.1rem solid #d9d9d9;
      overflow: hidden; }
    .csWidget .csWidget__content.foldedHeader {
      background-color: inherit; }
    .csWidget .csWidget__content p {
      color: #1c1c1c;
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 2rem;
      margin: 0 0 1rem; }
    .csWidget .csWidget__content .csWidget__image img {
      display: block;
      width: 100%; }
    .csWidget .csWidget__content .csWidget__no-preview {
      background: #404448;
      color: #f2f2f2;
      height: 100%;
      position: relative;
      text-align: center;
      width: 100%; }
      .csWidget .csWidget__content .csWidget__no-preview > .cs_inner {
        margin-top: -3rem;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%; }
    .csWidget .csWidget__content .csWidget__textfile {
      height: 100%;
      padding: 20px;
      width: 100%; }
      .csWidget .csWidget__content .csWidget__textfile iframe {
        height: 100%;
        overflow: hidden;
        width: 100%; }
  .csWidget .csWidget__footer {
    background: #fff; }
  .csWidget .csWidget__resize {
    bottom: 0;
    height: 2rem;
    position: absolute;
    right: 0;
    width: 2rem;
    z-index: 30; }
  .csWidget .csWidget__locker {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
    .csWidget .csWidget__locker .locker-message {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
      .csWidget .csWidget__locker .locker-message.dimmed {
        background-color: rgba(119, 119, 119, 0.4); }
      .csWidget .csWidget__locker .locker-message .locker-message-content {
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        background-color: rgba(255, 255, 255, 0.7);
        left: 50%;
        max-width: 80%;
        padding: 1rem;
        position: absolute;
        text-align: center;
        top: 50%; }
  .csWidget .csWidget__drag_handle {
    cursor: move;
    display: none;
    height: 1.5rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
    .gridster .csWidget .csWidget__drag_handle {
      display: block; }
  .csWidget .cs-add-widget-padding,
  .csWidget .cs-widget-content-padding-frame {
    padding: 1.5rem; }
  .csWidget .cs-add-widget-padding-frame,
  .csWidget .cs-widget-content-padding-frame {
    padding: 0 1.5rem 1.5rem; }
  .csWidget.cs-has-header .cs-widget-content-padding-top {
    padding-top: 0; }
  .csWidget.cs-has-no-header .cs-widget-content-padding-top, .csWidget.cs-has-tab-header .cs-widget-content-padding-top {
    padding-top: 1rem; }
  .csWidget.cs-has-no-header .csWidget__ctrl {
    position: absolute;
    right: 0;
    top: 0; }
  .csWidget .csWidget {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: none;
    height: 100%;
    position: relative; }
    .csWidget .csWidget.csHover, .csWidget .csWidget:hover, .csWidget .csWidget:focus {
      box-shadow: none; }
    .csWidget .csWidget .csWidget__drag_handle {
      display: none; }
    .csWidget .csWidget.cs-has-header .cs-widget-content-padding-top {
      padding-top: 0; }
    .csWidget .csWidget.cs-has-no-header .cs-widget-content-padding-top, .csWidget .csWidget.cs-has-tab-header .cs-widget-content-padding-top {
      padding-top: 1rem; }

.cs-has-full-height {
  height: 100%;
  position: relative; }

.cs-has-full-width {
  width: 100%; }

.cs-has-clipping {
  overflow: hidden; }

.cs-is-hidden {
  height: 0 !important;
  overflow: hidden;
  visibility: hidden;
  width: 0 !important; }

.cs-fullscreen-element {
  border: none;
  height: 100%;
  width: 100%; }
  .cs-fullscreen-element cs-image-asset-preview,
  .cs-fullscreen-element .preview-divider {
    border: none !important; }

/*
 * Responsive classes for contents, relative to the gridster sizes (col/row; and calculated screen resolutions)
 * For widths and heights in grid sizes - also in a min and max version
 *
 * This classes can not be used in multiple parents. So if you have more then 1 parent with a ".cs-min-width-widget-col-#", it is confused.
 * You can not combine width (col) and height (row) classes. It would be an "OR" combination, not an "AND". So, the logic would be broken.
 *
 * These classes are added from the csAddResizeBreakpoints directive in every layout.
 * "body#censhareApp" is added for higher CSS priority to overwrite different rules
 */
/* --- MIN COLS --- */
body#censhareApp .cs-has-widget-col-size-2mi .cs-min-width-widget-col-2 {
  display: none; }

body#censhareApp .cs-has-widget-col-size-3mi .cs-min-width-widget-col-3 {
  display: none; }

body#censhareApp .cs-has-widget-col-size-4mi .cs-min-width-widget-col-4 {
  display: none; }

body#censhareApp .cs-has-widget-col-size-5mi .cs-min-width-widget-col-5 {
  display: none; }

/* --- MAX COLS --- */
body#censhareApp .cs-has-widget-col-size-1pl .cs-max-width-widget-col-1 {
  display: none; }

body#censhareApp .cs-has-widget-col-size-2pl .cs-max-width-widget-col-2 {
  display: none; }

body#censhareApp .cs-has-widget-col-size-3pl .cs-max-width-widget-col-3 {
  display: none; }

body#censhareApp .cs-has-widget-col-size-4pl .cs-max-width-widget-col-4 {
  display: none; }

body#censhareApp .cs-has-widget-col-size-5pl .cs-max-width-widget-col-5 {
  display: none; }

/* --- MIN ROWS --- */
body#censhareApp .cs-has-widget-row-size-2mi .cs-min-height-widget-row-2 {
  display: none; }

body#censhareApp .cs-has-widget-row-size-3mi .cs-min-height-widget-row-3 {
  display: none; }

body#censhareApp .cs-has-widget-row-size-4mi .cs-min-height-widget-row-4 {
  display: none; }

body#censhareApp .cs-has-widget-row-size-5mi .cs-min-height-widget-row-5 {
  display: none; }

/* --- MAX ROWS --- */
body#censhareApp .cs-has-widget-row-size-1pl .cs-max-height-widget-row-1 {
  display: none; }

body#censhareApp .cs-has-widget-row-size-2pl .cs-max-height-widget-row-2 {
  display: none; }

body#censhareApp .cs-has-widget-row-size-3pl .cs-max-height-widget-row-3 {
  display: none; }

body#censhareApp .cs-has-widget-row-size-4pl .cs-max-height-widget-row-4 {
  display: none; }

body#censhareApp .cs-has-widget-row-size-5pl .cs-max-height-widget-row-5 {
  display: none; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.resize-sensor,
.resize-sensor-control {
  bottom: 1000px;
  left: -1000px;
  overflow: scroll;
  position: absolute;
  right: 1000px;
  top: -1000px;
  visibility: hidden;
  z-index: -1; }

.resize-sensor-control__inner {
  left: 0;
  position: absolute;
  top: 0; }
  .resize-sensor-control__inner_quatro {
    height: 200%;
    width: 200%; }

.censhareScroll__main {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .censhareScroll__main .censhareScroll__scrollbar_thumb {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0.5rem;
    cursor: pointer;
    position: absolute; }
  .censhareScroll__main .censhareScroll__scrollbar_y {
    height: calc(100% - 1rem);
    right: 0;
    top: 0;
    width: 1rem; }
    .censhareScroll__main .censhareScroll__scrollbar_y .censhareScroll__scrollbar_thumb {
      right: 0.2rem;
      width: calc(100% - 0.4rem); }
    .censhareScroll__main .censhareScroll__scrollbar_y:hover, .censhareScroll__main .censhareScroll__scrollbar_y._dragging {
      width: 1.25rem; }
  .censhareScroll__main .censhareScroll__scrollbar_x {
    bottom: 0;
    height: 1rem;
    left: 0;
    width: calc(100% - 1rem); }
    .censhareScroll__main .censhareScroll__scrollbar_x .censhareScroll__scrollbar_thumb {
      bottom: 0.2rem;
      height: calc(100% - 0.4rem); }
    .censhareScroll__main .censhareScroll__scrollbar_x:hover, .censhareScroll__main .censhareScroll__scrollbar_x._dragging {
      height: 1.25rem; }
  .censhareScroll__main .censhareScroll__scrollbar_x,
  .censhareScroll__main .censhareScroll__scrollbar_y {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    opacity: 0;
    position: absolute;
    z-index: 30000; }
    .censhareScroll__main .censhareScroll__scrollbar_x._hidden,
    .censhareScroll__main .censhareScroll__scrollbar_y._hidden {
      animation: fadeOut 350ms;
      opacity: 0; }
    .censhareScroll__main .censhareScroll__scrollbar_x._scrolling,
    .censhareScroll__main .censhareScroll__scrollbar_y._scrolling {
      animation: fadeIn 350ms;
      opacity: 1; }
    .censhareScroll__main .censhareScroll__scrollbar_x:hover, .censhareScroll__main .censhareScroll__scrollbar_x._dragging,
    .censhareScroll__main .censhareScroll__scrollbar_y:hover,
    .censhareScroll__main .censhareScroll__scrollbar_y._dragging {
      animation: fadeIn 350ms;
      background: rgba(0, 0, 0, 0.025);
      opacity: 1; }
      .censhareScroll__main .censhareScroll__scrollbar_x:hover .censhareScroll__scrollbar_thumb, .censhareScroll__main .censhareScroll__scrollbar_x._dragging .censhareScroll__scrollbar_thumb,
      .censhareScroll__main .censhareScroll__scrollbar_y:hover .censhareScroll__scrollbar_thumb,
      .censhareScroll__main .censhareScroll__scrollbar_y._dragging .censhareScroll__scrollbar_thumb {
        background: rgba(0, 0, 0, 0.4);
        border-radius: 0.625rem; }
  .censhareScroll__main .censhareScroll__viewport {
    bottom: 0;
    left: 0;
    overflow: scroll;
    position: absolute;
    right: 0;
    top: 0; }
  .censhareScroll__main .censhareScroll__content {
    display: inline-block;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    vertical-align: top; }
    .censhareScroll__main .censhareScroll__content.censhareScroll__content_width_100 {
      width: 100%; }
    .censhareScroll__main .censhareScroll__content.censhareScroll__content_height_100 {
      min-height: 100%; }
  .censhareScroll__main.censhareScroll__auto_sizing .censhareScroll__content {
    min-height: 0;
    min-width: 0; }
  .censhareScroll__main.censhareScroll__scrollbar_x_hidden > .censhareScroll__scrollbar_x {
    display: none; }
  .censhareScroll__main.censhareScroll__scrollbar_x_hidden > .censhareScroll__scrollbar_y {
    height: 100%; }
  .censhareScroll__main.censhareScroll__scrollbar_y_hidden > .censhareScroll__scrollbar_y {
    display: none; }
  .censhareScroll__main.censhareScroll__scrollbar_y_hidden > .censhareScroll__scrollbar_x {
    width: 100%; }
  .censhareScroll__main.censhareScroll__theme_light .censhareScroll__scrollbar_x:hover, .censhareScroll__main.censhareScroll__theme_light .censhareScroll__scrollbar_x._dragging,
  .censhareScroll__main.censhareScroll__theme_light .censhareScroll__scrollbar_y:hover,
  .censhareScroll__main.censhareScroll__theme_light .censhareScroll__scrollbar_y._dragging {
    background: rgba(255, 255, 255, 0.05); }
    .censhareScroll__main.censhareScroll__theme_light .censhareScroll__scrollbar_x:hover .censhareScroll__scrollbar_thumb, .censhareScroll__main.censhareScroll__theme_light .censhareScroll__scrollbar_x._dragging .censhareScroll__scrollbar_thumb,
    .censhareScroll__main.censhareScroll__theme_light .censhareScroll__scrollbar_y:hover .censhareScroll__scrollbar_thumb,
    .censhareScroll__main.censhareScroll__theme_light .censhareScroll__scrollbar_y._dragging .censhareScroll__scrollbar_thumb {
      background: rgba(255, 255, 255, 0.4); }
  .censhareScroll__main.censhareScroll__theme_light .censhareScroll__scrollbar_thumb {
    background: rgba(255, 255, 255, 0.4); }

.censhareScroll__measure_thickness {
  height: 10rem;
  overflow: scroll;
  position: absolute;
  top: -999rem;
  width: 10rem; }

.csDialog.csAboutDialog {
  background: #f2f2f2;
  cursor: default;
  max-height: 50rem;
  max-width: 65rem;
  position: static; }
  .csDialog.csAboutDialog .csDialog__content-inner .csDialogLogo {
    display: block;
    height: 8rem;
    margin: 0 auto 1.5rem;
    width: 8rem; }
  .csDialog.csAboutDialog .csDialog__content-inner ul.csAboutDialog__list li {
    font-size: 1.2rem;
    padding: 0.5rem 0;
    text-align: center; }
  .csDialog.csAboutDialog .csDialog__content-inner ul.csAboutDialog__list .label,
  .csDialog.csAboutDialog .csDialog__content-inner ul.csAboutDialog__list .value {
    color: #9c9c9c;
    display: inline-block;
    max-width: 15rem;
    padding: 0 .5rem 0 0;
    text-align: right;
    vertical-align: top;
    width: 48%; }
  .csDialog.csAboutDialog .csDialog__content-inner ul.csAboutDialog__list .value {
    color: inherit;
    padding: 0 0 0 .5rem;
    text-align: left; }

/*
 * Action registry menus
 *
 */
cs-action-drop-down,
cs-action-icon-only-drop-down {
  display: inline-block; }

.csActionDropDownGroupBlock {
  min-width: 18rem !important;
  padding: 0.5rem 0; }
  .csActionDropDownGroupBlock.loading {
    padding: 0; }
  .csActionDropDownGroupBlock .csActionDropDownGroupLoading {
    height: 5.5rem;
    position: relative;
    width: 100%; }
  .csActionDropDownGroupBlock .csActionDropDownGroupEmpty {
    color: #d9d9d9;
    font-size: 1.4rem;
    height: 3.4rem;
    line-height: 3.4rem;
    text-align: center; }

.csActionToggleListEntry,
.csActionDropDownGroup .csActionListItem.csActionToggleListEntry {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .csActionToggleListEntry .cs-icon,
  .csActionDropDownGroup .csActionListItem.csActionToggleListEntry .cs-icon {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
  .csActionToggleListEntry .csActionToggleListEntry__title,
  .csActionDropDownGroup .csActionListItem.csActionToggleListEntry .csActionToggleListEntry__title {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap; }
  .csActionToggleListEntry .csActionToggleListEntry__checked,
  .csActionDropDownGroup .csActionListItem.csActionToggleListEntry .csActionToggleListEntry__checked {
    color: #b4e068;
    padding-left: 1rem;
    padding-right: 0; }
  .csActionToggleListEntry_selected,
  .csActionDropDownGroup .csActionListItem.csActionToggleListEntry_selected {
    color: #69bee6;
    position: relative; }
    .csActionToggleListEntry_selected::after,
    .csActionDropDownGroup .csActionListItem.csActionToggleListEntry_selected::after {
      content: "\e621";
      font-family: "cs-icons", sans-serif;
      font-size: 1.4rem;
      line-height: 2.14285714;
      position: absolute;
      right: 1.5rem;
      top: 0; }

.csActionLoader {
  height: 1rem;
  position: relative;
  width: 1.4rem; }
  .csActionLoader .csBusySpinner__cover {
    display: block !important; }
    .csActionLoader .csBusySpinner__cover .spinner > div {
      height: .4rem;
      width: .4rem; }

.csActionDropDownGroup {
  min-width: 18rem !important; }
  .csActionDropDownGroup .csActionGroup.hasGroupAsSibling {
    border-bottom: #e6e6e6 0.1rem solid;
    margin-bottom: .5rem;
    padding-bottom: .5rem; }

.csActionGroup {
  white-space: nowrap; }
  .csActionGroup .csActionGroup__item {
    vertical-align: top; }
    .csActionGroup .csActionGroup__item:last-child {
      margin-right: 0; }

.csActionSeparator {
  border-bottom: 0.1rem solid #e6e6e6;
  display: block;
  margin: .5rem 0; }

/*
 * new action registry widget menu
 */
cs-action-overflow-group {
  display: inline-block; }

.csOverflowActionGroup {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #777;
  line-height: 2.4rem;
  position: relative;
  white-space: nowrap;
  word-break: keep-all; }
  .csOverflowActionGroup .csActionListItem,
  .csOverflowActionGroup .csActionGroupItem {
    display: inline-block;
    min-width: 2.4rem;
    text-align: center; }
    .csOverflowActionGroup .csActionListItem:last-child,
    .csOverflowActionGroup .csActionGroupItem:last-child {
      min-width: 1rem; }
  .csOverflowActionGroup .csActionGroupItem .csActionGroup .csActionGroup__item {
    padding-right: .6rem; }
    .csOverflowActionGroup .csActionGroupItem .csActionGroup .csActionGroup__item:last-child {
      padding-right: .1rem; }
  .csOverflowActionGroup .cs-icon {
    font-size: 1.6rem; }

/*
 * new action registry toolbar groups
 */
cs-toolbar-action-slot-group,
cs-toolbar-action-subgroup {
  display: inline-block;
  vertical-align: top; }

/*
 * new action registry dropdown menu
 */
.csActionDropDownGroup .csActionListItem {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #777;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
  height: 3rem;
  line-height: 1.6rem;
  padding: 0.7rem 1.5rem;
  width: 100%; }
  .csActionDropDownGroup .csActionListItem:hover, .csActionDropDownGroup .csActionListItem.cs-is-active {
    background-color: #f2f2f2; }
  .csActionDropDownGroup .csActionListItem.cs-is-disabled {
    background-color: #e6e6e6;
    color: #fff;
    cursor: default; }
  .csActionDropDownGroup .csActionListItem .cs-icon {
    font-size: 1.6rem;
    padding-right: 0.5rem;
    vertical-align: top; }
  .csActionDropDownGroup .csActionListItem * {
    pointer-events: none; }

.csActionDropDownGroup .csActionDropDownIndicator {
  font-size: 1.4rem;
  position: absolute;
  right: 0; }

.csActionDropDownGroup .csActionGroup .csActionGroup.csActionGroup__item {
  padding-right: 0; }

/*
 * Deprecated ACTION REGISTRY Dropdown Menus
 * Deprecated Since censhare 5.6  and will be replaced
 *
 */
.csControl__menu {
  color: #777;
  padding: 0;
  position: relative; }
  .csControl__menu > li {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0;
    min-width: 2.4rem;
    padding: 0;
    position: relative;
    text-align: center;
    /* csControl__menu-icon */ }
    .csControl__menu > li.btn-primary:hover {
      color: #fff; }
      .csControl__menu > li.btn-primary:hover > cs-actions-icon > .cs-icon {
        color: #fff; }
    .csControl__menu > li .csControl__menu-icon {
      color: #9c9c9c;
      font-size: 1.2rem;
      position: relative;
      vertical-align: top; }
      .csControl__menu > li .csControl__menu-icon:hover {
        color: #404448; }
    .csControl__menu > li:hover > .csControl__menu-icon {
      color: #404448; }
    .csControl__menu > li:hover cs-actions-icon > .cs-icon {
      color: #404448; }
    .csControl__menu > li.drop:hover::after {
      bottom: -10px;
      content: "";
      display: block;
      height: 30px;
      position: absolute;
      width: 100%;
      z-index: 10; }
    .csControl__menu > li .ctrl-item {
      display: inline-block;
      margin: 0;
      padding: 0;
      vertical-align: top; }
    .csControl__menu > li .cs-icon {
      color: #777;
      font-size: 1.6rem;
      line-height: 2.4rem;
      position: relative; }
      .csControl__menu > li .cs-icon:hover {
        color: #404448; }
    .csControl__menu > li:last-child {
      min-width: 2rem;
      text-align: center; }
    .csControl__menu > li.button-appearance {
      font-size: 1.2rem;
      font-weight: 400;
      height: 2.4rem;
      line-height: 2.2rem;
      margin-left: .15rem;
      margin-right: .15rem;
      min-width: 2.4rem;
      padding: 0 0.5rem !important; }
      .csControl__menu > li.button-appearance .cs-icon {
        color: inherit;
        height: inherit;
        line-height: inherit; }
    .csControl__menu > li.cta-appearance {
      color: #fff;
      font-size: 1.2rem;
      font-weight: 400;
      height: 2.4rem;
      line-height: 2.2rem;
      min-width: 2.4rem; }
      .csControl__menu > li.cta-appearance .cs-icon {
        color: inherit;
        height: inherit;
        line-height: inherit; }
      .csControl__menu > li.cta-appearance:hover cs-actions-icon > .cs-icon {
        color: #fff; }
  .csControl__menu > .csActionGroup__item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0;
    min-width: 2.4rem;
    padding: 0;
    position: relative;
    text-align: center; }
    .csControl__menu > .csActionGroup__item:last-child {
      min-width: 1.8rem; }
    .csControl__menu > .csActionGroup__item .cs-icon {
      color: #777;
      font-size: 1.6rem;
      line-height: 2.4rem; }
      .csControl__menu > .csActionGroup__item .cs-icon:hover {
        color: #404448; }

.csControl__menu .csControl__dropmenu,
.csWidget__header_tab_menu_dropdown .csControl__dropmenu,
.csControl__menu ul.submenu,
.csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu,
.csControl__toolbar_menu ul.csControl__dropmenu,
ul.csTwMMemoryDropDown,
ul.csTwMTerminologyDropDown {
  display: none;
  min-width: 20rem;
  -ms-overflow-style: none;
  overflow-y: auto;
  padding: 0.5rem 0;
  position: absolute;
  right: -2rem;
  top: 24px;
  z-index: 20; }
  .csControl__menu .csControl__dropmenu:not(.noOptics),
  .csWidget__header_tab_menu_dropdown .csControl__dropmenu:not(.noOptics),
  .csControl__menu ul.submenu:not(.noOptics),
  .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu:not(.noOptics),
  .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu:not(.noOptics),
  .csControl__toolbar_menu ul.csControl__dropmenu:not(.noOptics),
  ul.csTwMMemoryDropDown:not(.noOptics),
  ul.csTwMTerminologyDropDown:not(.noOptics) {
    background: #fff;
    border: 0.1rem solid #d9d9d9;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); }
  .csControl__menu .csControl__dropmenu.csMenuLeft,
  .csWidget__header_tab_menu_dropdown .csControl__dropmenu.csMenuLeft,
  .csControl__menu ul.submenu.csMenuLeft,
  .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu.csMenuLeft,
  .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu.csMenuLeft,
  .csControl__toolbar_menu ul.csControl__dropmenu.csMenuLeft,
  ul.csTwMMemoryDropDown.csMenuLeft,
  ul.csTwMTerminologyDropDown.csMenuLeft {
    left: -2rem;
    right: 0; }
  .csControl__menu .csControl__dropmenu > li,
  .csControl__menu .csControl__dropmenu .mCSB_container > li,
  .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li,
  .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li,
  .csControl__menu ul.submenu > li,
  .csControl__menu ul.submenu .mCSB_container > li,
  .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li,
  .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li,
  .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li,
  .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li,
  .csControl__toolbar_menu ul.csControl__dropmenu > li,
  .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li,
  ul.csTwMMemoryDropDown > li,
  ul.csTwMMemoryDropDown .mCSB_container > li,
  ul.csTwMTerminologyDropDown > li,
  ul.csTwMTerminologyDropDown .mCSB_container > li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #777;
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    font-weight: 300;
    height: 3rem;
    line-height: 1.6rem;
    padding: 0.7rem 1.5rem;
    width: 100%; }
    .csControl__menu .csControl__dropmenu > li:hover, .csControl__menu .csControl__dropmenu > li.cs-is-active,
    .csControl__menu .csControl__dropmenu .mCSB_container > li:hover,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.cs-is-active,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li:hover,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.cs-is-active,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li:hover,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.cs-is-active,
    .csControl__menu ul.submenu > li:hover,
    .csControl__menu ul.submenu > li.cs-is-active,
    .csControl__menu ul.submenu .mCSB_container > li:hover,
    .csControl__menu ul.submenu .mCSB_container > li.cs-is-active,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li:hover,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.cs-is-active,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li:hover,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.cs-is-active,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li:hover,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.cs-is-active,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li:hover,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.cs-is-active,
    .csControl__toolbar_menu ul.csControl__dropmenu > li:hover,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.cs-is-active,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li:hover,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.cs-is-active,
    ul.csTwMMemoryDropDown > li:hover,
    ul.csTwMMemoryDropDown > li.cs-is-active,
    ul.csTwMMemoryDropDown .mCSB_container > li:hover,
    ul.csTwMMemoryDropDown .mCSB_container > li.cs-is-active,
    ul.csTwMTerminologyDropDown > li:hover,
    ul.csTwMTerminologyDropDown > li.cs-is-active,
    ul.csTwMTerminologyDropDown .mCSB_container > li:hover,
    ul.csTwMTerminologyDropDown .mCSB_container > li.cs-is-active {
      background-color: #f2f2f2; }
    .csControl__menu .csControl__dropmenu > li.cs-is-disabled,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.cs-is-disabled,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.cs-is-disabled,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.cs-is-disabled,
    .csControl__menu ul.submenu > li.cs-is-disabled,
    .csControl__menu ul.submenu .mCSB_container > li.cs-is-disabled,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.cs-is-disabled,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.cs-is-disabled,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.cs-is-disabled,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.cs-is-disabled,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.cs-is-disabled,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.cs-is-disabled,
    ul.csTwMMemoryDropDown > li.cs-is-disabled,
    ul.csTwMMemoryDropDown .mCSB_container > li.cs-is-disabled,
    ul.csTwMTerminologyDropDown > li.cs-is-disabled,
    ul.csTwMTerminologyDropDown .mCSB_container > li.cs-is-disabled {
      background-color: #e6e6e6;
      color: #fff;
      cursor: default; }
    .csControl__menu .csControl__dropmenu > li .cs-icon,
    .csControl__menu .csControl__dropmenu .mCSB_container > li .cs-icon,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li .cs-icon,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li .cs-icon,
    .csControl__menu ul.submenu > li .cs-icon,
    .csControl__menu ul.submenu .mCSB_container > li .cs-icon,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li .cs-icon,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li .cs-icon,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li .cs-icon,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li .cs-icon,
    .csControl__toolbar_menu ul.csControl__dropmenu > li .cs-icon,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li .cs-icon,
    ul.csTwMMemoryDropDown > li .cs-icon,
    ul.csTwMMemoryDropDown .mCSB_container > li .cs-icon,
    ul.csTwMTerminologyDropDown > li .cs-icon,
    ul.csTwMTerminologyDropDown .mCSB_container > li .cs-icon {
      font-size: 1.6rem;
      padding-right: 0.5rem;
      vertical-align: top; }
    .csControl__menu .csControl__dropmenu > li *,
    .csControl__menu .csControl__dropmenu .mCSB_container > li *,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li *,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li *,
    .csControl__menu ul.submenu > li *,
    .csControl__menu ul.submenu .mCSB_container > li *,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li *,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li *,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li *,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li *,
    .csControl__toolbar_menu ul.csControl__dropmenu > li *,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li *,
    ul.csTwMMemoryDropDown > li *,
    ul.csTwMMemoryDropDown .mCSB_container > li *,
    ul.csTwMTerminologyDropDown > li *,
    ul.csTwMTerminologyDropDown .mCSB_container > li * {
      pointer-events: none; }
    .csControl__menu .csControl__dropmenu > li.header,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.header,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.header,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.header,
    .csControl__menu ul.submenu > li.header,
    .csControl__menu ul.submenu .mCSB_container > li.header,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.header,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.header,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.header,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.header,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.header,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.header,
    ul.csTwMMemoryDropDown > li.header,
    ul.csTwMMemoryDropDown .mCSB_container > li.header,
    ul.csTwMTerminologyDropDown > li.header,
    ul.csTwMTerminologyDropDown .mCSB_container > li.header {
      margin-top: 1rem; }
      .csControl__menu .csControl__dropmenu > li.header:hover,
      .csControl__menu .csControl__dropmenu .mCSB_container > li.header:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.header:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.header:hover,
      .csControl__menu ul.submenu > li.header:hover,
      .csControl__menu ul.submenu .mCSB_container > li.header:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.header:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.header:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.header:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.header:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu > li.header:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.header:hover,
      ul.csTwMMemoryDropDown > li.header:hover,
      ul.csTwMMemoryDropDown .mCSB_container > li.header:hover,
      ul.csTwMTerminologyDropDown > li.header:hover,
      ul.csTwMTerminologyDropDown .mCSB_container > li.header:hover {
        background: none;
        cursor: default; }
    .csControl__menu .csControl__dropmenu > li:first-child.header,
    .csControl__menu .csControl__dropmenu .mCSB_container > li:first-child.header,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li:first-child.header,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li:first-child.header,
    .csControl__menu ul.submenu > li:first-child.header,
    .csControl__menu ul.submenu .mCSB_container > li:first-child.header,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li:first-child.header,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li:first-child.header,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li:first-child.header,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li:first-child.header,
    .csControl__toolbar_menu ul.csControl__dropmenu > li:first-child.header,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li:first-child.header,
    ul.csTwMMemoryDropDown > li:first-child.header,
    ul.csTwMMemoryDropDown .mCSB_container > li:first-child.header,
    ul.csTwMTerminologyDropDown > li:first-child.header,
    ul.csTwMTerminologyDropDown .mCSB_container > li:first-child.header {
      margin-top: 0; }
    .csControl__menu .csControl__dropmenu > li .ctrl-item,
    .csControl__menu .csControl__dropmenu .mCSB_container > li .ctrl-item,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li .ctrl-item,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li .ctrl-item,
    .csControl__menu ul.submenu > li .ctrl-item,
    .csControl__menu ul.submenu .mCSB_container > li .ctrl-item,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li .ctrl-item,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li .ctrl-item,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li .ctrl-item,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li .ctrl-item,
    .csControl__toolbar_menu ul.csControl__dropmenu > li .ctrl-item,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li .ctrl-item,
    ul.csTwMMemoryDropDown > li .ctrl-item,
    ul.csTwMMemoryDropDown .mCSB_container > li .ctrl-item,
    ul.csTwMTerminologyDropDown > li .ctrl-item,
    ul.csTwMTerminologyDropDown .mCSB_container > li .ctrl-item {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      float: none;
      font-size: 1.4rem;
      font-weight: 300;
      line-height: inherit;
      max-width: 95%;
      text-align: left;
      vertical-align: top; }
    .csControl__menu .csControl__dropmenu > li cs-actions-icon + .ctrl-item,
    .csControl__menu .csControl__dropmenu .mCSB_container > li cs-actions-icon + .ctrl-item,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li cs-actions-icon + .ctrl-item,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li cs-actions-icon + .ctrl-item,
    .csControl__menu ul.submenu > li cs-actions-icon + .ctrl-item,
    .csControl__menu ul.submenu .mCSB_container > li cs-actions-icon + .ctrl-item,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li cs-actions-icon + .ctrl-item,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li cs-actions-icon + .ctrl-item,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li cs-actions-icon + .ctrl-item,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li cs-actions-icon + .ctrl-item,
    .csControl__toolbar_menu ul.csControl__dropmenu > li cs-actions-icon + .ctrl-item,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li cs-actions-icon + .ctrl-item,
    ul.csTwMMemoryDropDown > li cs-actions-icon + .ctrl-item,
    ul.csTwMMemoryDropDown .mCSB_container > li cs-actions-icon + .ctrl-item,
    ul.csTwMTerminologyDropDown > li cs-actions-icon + .ctrl-item,
    ul.csTwMTerminologyDropDown .mCSB_container > li cs-actions-icon + .ctrl-item {
      max-width: calc(95% - 2.3rem); }
    .csControl__menu .csControl__dropmenu > li cs-actions-icon,
    .csControl__menu .csControl__dropmenu .mCSB_container > li cs-actions-icon,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li cs-actions-icon,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li cs-actions-icon,
    .csControl__menu ul.submenu > li cs-actions-icon,
    .csControl__menu ul.submenu .mCSB_container > li cs-actions-icon,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li cs-actions-icon,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li cs-actions-icon,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li cs-actions-icon,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li cs-actions-icon,
    .csControl__toolbar_menu ul.csControl__dropmenu > li cs-actions-icon,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li cs-actions-icon,
    ul.csTwMMemoryDropDown > li cs-actions-icon,
    ul.csTwMMemoryDropDown .mCSB_container > li cs-actions-icon,
    ul.csTwMTerminologyDropDown > li cs-actions-icon,
    ul.csTwMTerminologyDropDown .mCSB_container > li cs-actions-icon {
      line-height: inherit;
      max-width: 2.2rem; }
    .csControl__menu .csControl__dropmenu > li > span,
    .csControl__menu .csControl__dropmenu > li > cs-actions-icon > span,
    .csControl__menu .csControl__dropmenu .mCSB_container > li > span,
    .csControl__menu .csControl__dropmenu .mCSB_container > li > cs-actions-icon > span,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li > span,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li > cs-actions-icon > span,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li > span,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li > cs-actions-icon > span,
    .csControl__menu ul.submenu > li > span,
    .csControl__menu ul.submenu > li > cs-actions-icon > span,
    .csControl__menu ul.submenu .mCSB_container > li > span,
    .csControl__menu ul.submenu .mCSB_container > li > cs-actions-icon > span,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li > span,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li > cs-actions-icon > span,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li > span,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li > cs-actions-icon > span,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li > span,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li > cs-actions-icon > span,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li > span,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li > cs-actions-icon > span,
    .csControl__toolbar_menu ul.csControl__dropmenu > li > span,
    .csControl__toolbar_menu ul.csControl__dropmenu > li > cs-actions-icon > span,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li > span,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li > cs-actions-icon > span,
    ul.csTwMMemoryDropDown > li > span,
    ul.csTwMMemoryDropDown > li > cs-actions-icon > span,
    ul.csTwMMemoryDropDown .mCSB_container > li > span,
    ul.csTwMMemoryDropDown .mCSB_container > li > cs-actions-icon > span,
    ul.csTwMTerminologyDropDown > li > span,
    ul.csTwMTerminologyDropDown > li > cs-actions-icon > span,
    ul.csTwMTerminologyDropDown .mCSB_container > li > span,
    ul.csTwMTerminologyDropDown .mCSB_container > li > cs-actions-icon > span {
      display: block;
      float: left;
      line-height: inherit;
      position: relative; }
      .csControl__menu .csControl__dropmenu > li > span.cs-icon,
      .csControl__menu .csControl__dropmenu > li > cs-actions-icon > span.cs-icon,
      .csControl__menu .csControl__dropmenu .mCSB_container > li > span.cs-icon,
      .csControl__menu .csControl__dropmenu .mCSB_container > li > cs-actions-icon > span.cs-icon,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li > span.cs-icon,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li > cs-actions-icon > span.cs-icon,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li > span.cs-icon,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li > cs-actions-icon > span.cs-icon,
      .csControl__menu ul.submenu > li > span.cs-icon,
      .csControl__menu ul.submenu > li > cs-actions-icon > span.cs-icon,
      .csControl__menu ul.submenu .mCSB_container > li > span.cs-icon,
      .csControl__menu ul.submenu .mCSB_container > li > cs-actions-icon > span.cs-icon,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li > span.cs-icon,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li > cs-actions-icon > span.cs-icon,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li > span.cs-icon,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li > cs-actions-icon > span.cs-icon,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li > span.cs-icon,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li > cs-actions-icon > span.cs-icon,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li > span.cs-icon,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li > cs-actions-icon > span.cs-icon,
      .csControl__toolbar_menu ul.csControl__dropmenu > li > span.cs-icon,
      .csControl__toolbar_menu ul.csControl__dropmenu > li > cs-actions-icon > span.cs-icon,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li > span.cs-icon,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li > cs-actions-icon > span.cs-icon,
      ul.csTwMMemoryDropDown > li > span.cs-icon,
      ul.csTwMMemoryDropDown > li > cs-actions-icon > span.cs-icon,
      ul.csTwMMemoryDropDown .mCSB_container > li > span.cs-icon,
      ul.csTwMMemoryDropDown .mCSB_container > li > cs-actions-icon > span.cs-icon,
      ul.csTwMTerminologyDropDown > li > span.cs-icon,
      ul.csTwMTerminologyDropDown > li > cs-actions-icon > span.cs-icon,
      ul.csTwMTerminologyDropDown .mCSB_container > li > span.cs-icon,
      ul.csTwMTerminologyDropDown .mCSB_container > li > cs-actions-icon > span.cs-icon {
        font-size: 1.6rem;
        height: 2rem;
        margin: 0 1rem 0 0;
        max-width: 19%;
        width: 2rem; }
    .csControl__menu .csControl__dropmenu > li.csControl__filter,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.csControl__filter,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.csControl__filter,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.csControl__filter,
    .csControl__menu ul.submenu > li.csControl__filter,
    .csControl__menu ul.submenu .mCSB_container > li.csControl__filter,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.csControl__filter,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter,
    ul.csTwMMemoryDropDown > li.csControl__filter,
    ul.csTwMMemoryDropDown .mCSB_container > li.csControl__filter,
    ul.csTwMTerminologyDropDown > li.csControl__filter,
    ul.csTwMTerminologyDropDown .mCSB_container > li.csControl__filter {
      padding: .5rem 1rem;
      position: relative; }
      .csControl__menu .csControl__dropmenu > li.csControl__filter:hover,
      .csControl__menu .csControl__dropmenu .mCSB_container > li.csControl__filter:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.csControl__filter:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.csControl__filter:hover,
      .csControl__menu ul.submenu > li.csControl__filter:hover,
      .csControl__menu ul.submenu .mCSB_container > li.csControl__filter:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu > li.csControl__filter:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter:hover,
      ul.csTwMMemoryDropDown > li.csControl__filter:hover,
      ul.csTwMMemoryDropDown .mCSB_container > li.csControl__filter:hover,
      ul.csTwMTerminologyDropDown > li.csControl__filter:hover,
      ul.csTwMTerminologyDropDown .mCSB_container > li.csControl__filter:hover {
        background: #fff !important;
        color: #777 !important; }
      .csControl__menu .csControl__dropmenu > li.csControl__filter .csControl__filterInput,
      .csControl__menu .csControl__dropmenu .mCSB_container > li.csControl__filter .csControl__filterInput,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.csControl__filter .csControl__filterInput,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.csControl__filter .csControl__filterInput,
      .csControl__menu ul.submenu > li.csControl__filter .csControl__filterInput,
      .csControl__menu ul.submenu .mCSB_container > li.csControl__filter .csControl__filterInput,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter .csControl__filterInput,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .csControl__filterInput,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter .csControl__filterInput,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .csControl__filterInput,
      .csControl__toolbar_menu ul.csControl__dropmenu > li.csControl__filter .csControl__filterInput,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .csControl__filterInput,
      ul.csTwMMemoryDropDown > li.csControl__filter .csControl__filterInput,
      ul.csTwMMemoryDropDown .mCSB_container > li.csControl__filter .csControl__filterInput,
      ul.csTwMTerminologyDropDown > li.csControl__filter .csControl__filterInput,
      ul.csTwMTerminologyDropDown .mCSB_container > li.csControl__filter .csControl__filterInput {
        font-family: "SourceSansPro", "Arial", sans-serif;
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 1.2em;
        color: #777;
        padding: 0 2rem 0 3rem; }
      .csControl__menu .csControl__dropmenu > li.csControl__filter .cs-icon,
      .csControl__menu .csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.csControl__filter .cs-icon,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon,
      .csControl__menu ul.submenu > li.csControl__filter .cs-icon,
      .csControl__menu ul.submenu .mCSB_container > li.csControl__filter .cs-icon,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter .cs-icon,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter .cs-icon,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon,
      .csControl__toolbar_menu ul.csControl__dropmenu > li.csControl__filter .cs-icon,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon,
      ul.csTwMMemoryDropDown > li.csControl__filter .cs-icon,
      ul.csTwMMemoryDropDown .mCSB_container > li.csControl__filter .cs-icon,
      ul.csTwMTerminologyDropDown > li.csControl__filter .cs-icon,
      ul.csTwMTerminologyDropDown .mCSB_container > li.csControl__filter .cs-icon {
        font-size: 1.4rem;
        height: 100%;
        line-height: 2rem;
        margin: 0;
        position: absolute;
        top: 0.5rem;
        width: 1.4rem; }
        .csControl__menu .csControl__dropmenu > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csControl__menu .csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csControl__menu ul.submenu > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csControl__menu ul.submenu .mCSB_container > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csControl__toolbar_menu ul.csControl__dropmenu > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        ul.csTwMMemoryDropDown > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        ul.csTwMMemoryDropDown .mCSB_container > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        ul.csTwMTerminologyDropDown > li.csControl__filter .cs-icon.csControl__filterClearBtn,
        ul.csTwMTerminologyDropDown .mCSB_container > li.csControl__filter .cs-icon.csControl__filterClearBtn {
          right: 1.5rem; }
        .csControl__menu .csControl__dropmenu > li.csControl__filter .cs-icon.cs-icon-search,
        .csControl__menu .csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.cs-icon-search,
        .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.csControl__filter .cs-icon.cs-icon-search,
        .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.cs-icon-search,
        .csControl__menu ul.submenu > li.csControl__filter .cs-icon.cs-icon-search,
        .csControl__menu ul.submenu .mCSB_container > li.csControl__filter .cs-icon.cs-icon-search,
        .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter .cs-icon.cs-icon-search,
        .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.cs-icon-search,
        .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.csControl__filter .cs-icon.cs-icon-search,
        .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.cs-icon-search,
        .csControl__toolbar_menu ul.csControl__dropmenu > li.csControl__filter .cs-icon.cs-icon-search,
        .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.csControl__filter .cs-icon.cs-icon-search,
        ul.csTwMMemoryDropDown > li.csControl__filter .cs-icon.cs-icon-search,
        ul.csTwMMemoryDropDown .mCSB_container > li.csControl__filter .cs-icon.cs-icon-search,
        ul.csTwMTerminologyDropDown > li.csControl__filter .cs-icon.cs-icon-search,
        ul.csTwMTerminologyDropDown .mCSB_container > li.csControl__filter .cs-icon.cs-icon-search {
          left: 1.8rem; }
    .csControl__menu .csControl__dropmenu > li.selected,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.selected,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.selected,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.selected,
    .csControl__menu ul.submenu > li.selected,
    .csControl__menu ul.submenu .mCSB_container > li.selected,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.selected,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.selected,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.selected,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.selected,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.selected,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.selected,
    ul.csTwMMemoryDropDown > li.selected,
    ul.csTwMMemoryDropDown .mCSB_container > li.selected,
    ul.csTwMTerminologyDropDown > li.selected,
    ul.csTwMTerminologyDropDown .mCSB_container > li.selected {
      color: #69bee6;
      position: relative; }
      .csControl__menu .csControl__dropmenu > li.selected::after,
      .csControl__menu .csControl__dropmenu .mCSB_container > li.selected::after,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.selected::after,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.selected::after,
      .csControl__menu ul.submenu > li.selected::after,
      .csControl__menu ul.submenu .mCSB_container > li.selected::after,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.selected::after,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.selected::after,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.selected::after,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.selected::after,
      .csControl__toolbar_menu ul.csControl__dropmenu > li.selected::after,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.selected::after,
      ul.csTwMMemoryDropDown > li.selected::after,
      ul.csTwMMemoryDropDown .mCSB_container > li.selected::after,
      ul.csTwMTerminologyDropDown > li.selected::after,
      ul.csTwMTerminologyDropDown .mCSB_container > li.selected::after {
        content: "\e621";
        font-family: "cs-icons", sans-serif;
        font-size: 1.4rem;
        line-height: 2.14285714;
        position: absolute;
        right: 1.5rem;
        top: 0; }
    .csControl__menu .csControl__dropmenu > li:not(.header):hover,
    .csControl__menu .csControl__dropmenu .mCSB_container > li:not(.header):hover,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li:not(.header):hover,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li:not(.header):hover,
    .csControl__menu ul.submenu > li:not(.header):hover,
    .csControl__menu ul.submenu .mCSB_container > li:not(.header):hover,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li:not(.header):hover,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li:not(.header):hover,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li:not(.header):hover,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li:not(.header):hover,
    .csControl__toolbar_menu ul.csControl__dropmenu > li:not(.header):hover,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li:not(.header):hover,
    ul.csTwMMemoryDropDown > li:not(.header):hover,
    ul.csTwMMemoryDropDown .mCSB_container > li:not(.header):hover,
    ul.csTwMTerminologyDropDown > li:not(.header):hover,
    ul.csTwMTerminologyDropDown .mCSB_container > li:not(.header):hover {
      background: #f2f2f2;
      cursor: pointer; }
    .csControl__menu .csControl__dropmenu > li.disabled, .csControl__menu .csControl__dropmenu > li.disabled:hover,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.disabled,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.disabled:hover,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.disabled,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.disabled:hover,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.disabled,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.disabled:hover,
    .csControl__menu ul.submenu > li.disabled,
    .csControl__menu ul.submenu > li.disabled:hover,
    .csControl__menu ul.submenu .mCSB_container > li.disabled,
    .csControl__menu ul.submenu .mCSB_container > li.disabled:hover,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.disabled,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.disabled:hover,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.disabled,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.disabled:hover,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.disabled,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.disabled:hover,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.disabled,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.disabled:hover,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.disabled,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.disabled:hover,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.disabled,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.disabled:hover,
    ul.csTwMMemoryDropDown > li.disabled,
    ul.csTwMMemoryDropDown > li.disabled:hover,
    ul.csTwMMemoryDropDown .mCSB_container > li.disabled,
    ul.csTwMMemoryDropDown .mCSB_container > li.disabled:hover,
    ul.csTwMTerminologyDropDown > li.disabled,
    ul.csTwMTerminologyDropDown > li.disabled:hover,
    ul.csTwMTerminologyDropDown .mCSB_container > li.disabled,
    ul.csTwMTerminologyDropDown .mCSB_container > li.disabled:hover {
      background: inherit;
      color: #d3d3d3;
      cursor: inherit; }
    .csControl__menu .csControl__dropmenu > li.divider,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.divider,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.divider,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.divider,
    .csControl__menu ul.submenu > li.divider,
    .csControl__menu ul.submenu .mCSB_container > li.divider,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.divider,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.divider,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.divider,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.divider,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.divider,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.divider,
    ul.csTwMMemoryDropDown > li.divider,
    ul.csTwMMemoryDropDown .mCSB_container > li.divider,
    ul.csTwMTerminologyDropDown > li.divider,
    ul.csTwMTerminologyDropDown .mCSB_container > li.divider {
      border-top: 0.1rem solid #e6e6e6;
      height: auto;
      margin-bottom: 0;
      margin-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-top: 0; }
      .csControl__menu .csControl__dropmenu > li.divider:hover,
      .csControl__menu .csControl__dropmenu .mCSB_container > li.divider:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.divider:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.divider:hover,
      .csControl__menu ul.submenu > li.divider:hover,
      .csControl__menu ul.submenu .mCSB_container > li.divider:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.divider:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.divider:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.divider:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.divider:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu > li.divider:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.divider:hover,
      ul.csTwMMemoryDropDown > li.divider:hover,
      ul.csTwMMemoryDropDown .mCSB_container > li.divider:hover,
      ul.csTwMTerminologyDropDown > li.divider:hover,
      ul.csTwMTerminologyDropDown .mCSB_container > li.divider:hover {
        background-color: inherit;
        cursor: default; }
    .csControl__menu .csControl__dropmenu > li.remove-lock, .csControl__menu .csControl__dropmenu > li.config-lock,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.remove-lock,
    .csControl__menu .csControl__dropmenu .mCSB_container > li.config-lock,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.remove-lock,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.config-lock,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.remove-lock,
    .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.config-lock,
    .csControl__menu ul.submenu > li.remove-lock,
    .csControl__menu ul.submenu > li.config-lock,
    .csControl__menu ul.submenu .mCSB_container > li.remove-lock,
    .csControl__menu ul.submenu .mCSB_container > li.config-lock,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.remove-lock,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.config-lock,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.remove-lock,
    .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.config-lock,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.remove-lock,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.config-lock,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.remove-lock,
    .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.config-lock,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.remove-lock,
    .csControl__toolbar_menu ul.csControl__dropmenu > li.config-lock,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.remove-lock,
    .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.config-lock,
    ul.csTwMMemoryDropDown > li.remove-lock,
    ul.csTwMMemoryDropDown > li.config-lock,
    ul.csTwMMemoryDropDown .mCSB_container > li.remove-lock,
    ul.csTwMMemoryDropDown .mCSB_container > li.config-lock,
    ul.csTwMTerminologyDropDown > li.remove-lock,
    ul.csTwMTerminologyDropDown > li.config-lock,
    ul.csTwMTerminologyDropDown .mCSB_container > li.remove-lock,
    ul.csTwMTerminologyDropDown .mCSB_container > li.config-lock {
      color: #d9d9d9; }
      .csControl__menu .csControl__dropmenu > li.remove-lock:hover, .csControl__menu .csControl__dropmenu > li.config-lock:hover,
      .csControl__menu .csControl__dropmenu .mCSB_container > li.remove-lock:hover,
      .csControl__menu .csControl__dropmenu .mCSB_container > li.config-lock:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.remove-lock:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu > li.config-lock:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.remove-lock:hover,
      .csWidget__header_tab_menu_dropdown .csControl__dropmenu .mCSB_container > li.config-lock:hover,
      .csControl__menu ul.submenu > li.remove-lock:hover,
      .csControl__menu ul.submenu > li.config-lock:hover,
      .csControl__menu ul.submenu .mCSB_container > li.remove-lock:hover,
      .csControl__menu ul.submenu .mCSB_container > li.config-lock:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.remove-lock:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.config-lock:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.remove-lock:hover,
      .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.config-lock:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.remove-lock:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu > li.config-lock:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.remove-lock:hover,
      .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .mCSB_container > li.config-lock:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu > li.remove-lock:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu > li.config-lock:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.remove-lock:hover,
      .csControl__toolbar_menu ul.csControl__dropmenu .mCSB_container > li.config-lock:hover,
      ul.csTwMMemoryDropDown > li.remove-lock:hover,
      ul.csTwMMemoryDropDown > li.config-lock:hover,
      ul.csTwMMemoryDropDown .mCSB_container > li.remove-lock:hover,
      ul.csTwMMemoryDropDown .mCSB_container > li.config-lock:hover,
      ul.csTwMTerminologyDropDown > li.remove-lock:hover,
      ul.csTwMTerminologyDropDown > li.config-lock:hover,
      ul.csTwMTerminologyDropDown .mCSB_container > li.remove-lock:hover,
      ul.csTwMTerminologyDropDown .mCSB_container > li.config-lock:hover {
        background-color: inherit;
        color: #d9d9d9;
        cursor: default; }

.csControl__menu-overflow-bullets {
  display: inline-block;
  line-height: 0;
  vertical-align: middle !important; }
  .csControl__menu-overflow-bullets .bullet {
    background: #9c9c9c;
    border-radius: 50%;
    display: inline-block;
    height: .5rem;
    width: .5rem; }

span.operations {
  background: #fff;
  box-shadow: -4px 4px 5px 0 #fff;
  display: block;
  padding: 0.7rem 1rem 0 1rem;
  position: absolute;
  right: 0;
  top: 0; }
  span.operations ul {
    margin: 0;
    padding: 0; }
    span.operations ul li {
      background: none;
      float: left;
      height: 1.6rem;
      margin: 0 0 0 .2rem;
      padding: 0; }
      span.operations ul li a {
        cursor: pointer; }
      span.operations ul li .cs-icon {
        font-size: 1.6rem;
        line-height: 1.6rem; }

cs-actions-icon {
  display: inline-block; }
  cs-actions-icon > span.bitmapIcon > span {
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 24px;
    margin-left: -22px;
    margin-top: -4px;
    width: 24px; }

.csControl__dropdownmenu_holder::after, .csControl__dropdownmenu_holder::before {
  border: solid transparent;
  bottom: 0;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 20; }

.csControl__dropdownmenu_holder::after {
  border-color: rgba(213, 213, 213, 0) rgba(213, 213, 213, 0) #fff rgba(213, 213, 213, 0);
  border-width: 6px;
  right: 5px; }

.csControl__dropdownmenu_holder::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999 rgba(0, 0, 0, 0);
  border-width: 6px;
  right: 5px; }

.csControl__dropdownmenu_holder .csLeftMenu::after, .csControl__dropdownmenu_holder .csLeftMenu::before {
  border: solid transparent;
  bottom: 0;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 20; }

.csControl__dropdownmenu_holder .csLeftMenu::after {
  border-color: rgba(213, 213, 213, 0) rgba(213, 213, 213, 0) #fff rgba(213, 213, 213, 0);
  border-width: 6px;
  left: 5px; }

.csControl__dropdownmenu_holder .csLeftMenu::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999 rgba(0, 0, 0, 0);
  border-width: 6px;
  left: 5px; }

.csControl__dropdownmenu_holder.cs-is-dialog-overlay {
  z-index: 50000; }

.csControl__dropdownmenu_holder.cs-is-header-overlay {
  z-index: 50010; }
  .csControl__dropdownmenu_holder.cs-is-header-overlay.csControl__dropdownmenu_holder {
    height: 3.2rem !important; }
  .csControl__dropdownmenu_holder.cs-is-header-overlay .csControl__dropmenu {
    top: 3.1rem; }

.csControl__dropdownmenu_holder.cs-is-nav-overlay, .csControl__dropdownmenu_holder.cs-is-page-overlay {
  z-index: 30000; }

.submenu::before, .submenu::after {
  display: none; }

.csControl__menu .csControl__dropmenu .submenu span.csControl__menu-icon,
.csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .submenu span.csControl__menu-icon,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .submenu span.csControl__menu-icon,
.csControl__toolbar_menu ul.csControl__dropmenu .submenu span.csControl__menu-icon,
ul.csTwMMemoryDropDown .submenu span.csControl__menu-icon,
ul.csTwMTerminologyDropDown .submenu span.csControl__menu-icon {
  float: right;
  font-size: 1.2rem;
  height: 100%;
  line-height: 2rem; }

.csControl__menu .csControl__dropmenu .activeSubMenu.hover,
.csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .activeSubMenu.hover,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu ul.csControl__dropmenu .activeSubMenu.hover,
.csControl__toolbar_menu ul.csControl__dropmenu .activeSubMenu.hover,
ul.csTwMMemoryDropDown .activeSubMenu.hover,
ul.csTwMTerminologyDropDown .activeSubMenu.hover {
  background: #f2f2f2;
  cursor: pointer; }

.csToolbarItem__helper_wrapper {
  display: inline-block;
  height: 2.4rem; }

.csWidget_csActionsWidget .csActionsWidget_content {
  height: 100%;
  width: 100%; }

.csWidgetConfigDialog ul.csActionsWidget__traitsList > li {
  margin-bottom: .2rem;
  min-height: 0; }

.csDialog__csAddWidgetDialog {
  height: 82%; }
  .csDialog__csAddWidgetDialog .csDialog__content .csDialog__content-inner {
    overflow: hidden;
    padding: 2rem 2rem 0; }
    .csDialog__csAddWidgetDialog .csDialog__content .csDialog__content-inner > div[ng-transclude] {
      height: 100%; }
      .csDialog__csAddWidgetDialog .csDialog__content .csDialog__content-inner > div[ng-transclude] > [cs-dynamic-controller="dialogToLoad"] {
        height: 100%; }
  .csDialog__csAddWidgetDialog .csAddWidgetDialogContent {
    height: 100%; }
    .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__search {
      border-bottom: 0.1rem solid #d9d9d9;
      height: 6rem;
      padding: 2rem 0 1rem 2rem;
      position: relative; }
    .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csSearchRefinement {
      display: block; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csSearchRefinement .cs-icon {
        z-index: 40000; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csSearchRefinement input.cs-input {
        min-width: 20rem;
        width: 40%; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csSearchRefinement .csSearchRefinement_filtered {
        color: #9c9c9c;
        line-height: 2.2rem;
        margin-left: 1rem; }
    .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .results {
      height: calc(100% - 3.6rem); }
    .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item {
      background: #fff;
      color: #404448;
      display: block;
      font-size: 1.2rem;
      margin: 0.2rem 0.2rem 1rem 0.2rem;
      position: relative;
      width: 100%; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item::before, .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item::after {
        content: " ";
        display: table; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item::after {
        clear: both; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item.csHover, .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item:hover, .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item:focus {
        box-shadow: rgba(212, 212, 212, 0.5) 0 0 9px 2px; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item:focus, .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item:hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.05); }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item.selected {
        box-shadow: 0 0 0 2px #69bee6; }
        .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item.selected > .widget-preview-icon {
          background-color: #69bee6; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item > img,
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item > .widget-preview-icon {
        background-color: #9c9c9c;
        color: #fff;
        float: left;
        font-size: 3rem;
        height: 4.5rem;
        line-height: 4.3rem;
        margin-right: 1rem;
        text-align: center;
        width: 4.5rem; }
        .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item > img img,
        .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item > .widget-preview-icon img {
          -webkit-background-clip: padding-box;
          -moz-background-clip: padding-box;
          background-clip: padding-box;
          border-radius: 0;
          color: #fff;
          height: inherit;
          width: inherit; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item .widget-head {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1.4rem;
        padding-bottom: .4em; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item .widget-val {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 1rem; }
      .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item span.label {
        text-align: right;
        vertical-align: top;
        width: 35%;
        /* label & value */ }
        .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item span.label + span.val {
          margin-left: 5%;
          width: 60%; }
        .csDialog__csAddWidgetDialog .csAddWidgetDialogContent .csAddWidgetDialog__results-list .csAddWidgetDialog__list-item span.label .cs-icon {
          position: relative !important; }

.csDialog.csAdvancedSearchDialog .csDialog__content .csDialog__content-inner {
  padding: 1.2rem 2rem; }
  .csDialog.csAdvancedSearchDialog .csDialog__content .csDialog__content-inner > div:first-child {
    padding-bottom: 14rem; }

.cs-advanced-search-query {
  color: #777;
  display: block;
  padding-bottom: 2.8rem;
  position: relative; }
  .cs-advanced-search-query h4 span {
    float: right;
    padding-right: 1rem; }
  .cs-advanced-search-query .cs-advanced-search-query {
    margin-top: 2rem;
    padding-left: 4rem; }
  .cs-advanced-search-query .cs-advanced-search-add-first-cond {
    height: 4.4rem;
    padding-left: 2.8rem;
    padding-top: .8rem; }
  .cs-advanced-search-query .cs-advcanced-search-dropdown-toggle {
    height: 2.4rem;
    padding-top: 1rem;
    position: relative;
    width: 5rem; }
    .cs-advanced-search-query .cs-advcanced-search-dropdown-toggle .btn::after {
      color: #777;
      content: "\e94c";
      display: block;
      font-family: "cs-icons", sans-serif !important;
      height: 100%;
      left: 1.8rem;
      position: relative;
      top: -1rem;
      width: 100%; }
  .cs-advanced-search-query .cs-advanced-search-dropdown {
    background: none repeat scroll 0 0 #fff;
    border: 0.1rem solid #d9d9d9;
    display: block;
    min-width: 8rem;
    padding: .8rem 0;
    position: absolute;
    top: 2.4rem;
    width: 12rem;
    z-index: 999; }
    .cs-advanced-search-query .cs-advanced-search-dropdown li {
      color: #1c1c1c;
      font-weight: 300;
      padding: .8rem; }
      .cs-advanced-search-query .cs-advanced-search-dropdown li:hover {
        background-color: #69bee6;
        color: #fff; }
    .cs-advanced-search-query .cs-advanced-search-dropdown .arrow-up {
      border-bottom: 10px solid #fff;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      height: 0;
      left: 2.24rem;
      position: absolute;
      top: -6px;
      width: 0;
      z-index: 1000; }

.cs-advanced-search-query cs-advanced-search-query-row,
.cs-advanced-search-query cs-advanced-search-relation {
  color: #777;
  display: block; }
  .cs-advanced-search-query cs-advanced-search-query-row label,
  .cs-advanced-search-query cs-advanced-search-relation label {
    display: inline-block;
    vertical-align: super;
    width: 7rem; }
  .cs-advanced-search-query cs-advanced-search-query-row .cs-select-feature,
  .cs-advanced-search-query cs-advanced-search-query-row .cs-select-operator,
  .cs-advanced-search-query cs-advanced-search-query-row .cs-select-units,
  .cs-advanced-search-query cs-advanced-search-relation .cs-select-feature,
  .cs-advanced-search-query cs-advanced-search-relation .cs-select-operator,
  .cs-advanced-search-query cs-advanced-search-relation .cs-select-units {
    display: inline-block;
    margin: 0 0 1rem 1rem;
    vertical-align: middle; }
  .cs-advanced-search-query cs-advanced-search-query-row .cs-select-feature,
  .cs-advanced-search-query cs-advanced-search-relation .cs-select-feature {
    width: 25rem; }
  .cs-advanced-search-query cs-advanced-search-query-row .cs-select-operator,
  .cs-advanced-search-query cs-advanced-search-query-row .cs-select-units,
  .cs-advanced-search-query cs-advanced-search-relation .cs-select-operator,
  .cs-advanced-search-query cs-advanced-search-relation .cs-select-units {
    width: 11rem; }
  .cs-advanced-search-query cs-advanced-search-query-row .cs-input,
  .cs-advanced-search-query cs-advanced-search-relation .cs-input {
    margin: 0 0 1rem 1rem;
    vertical-align: middle; }
    .cs-advanced-search-query cs-advanced-search-query-row .cs-input.cs-input-value,
    .cs-advanced-search-query cs-advanced-search-relation .cs-input.cs-input-value {
      width: 20rem; }
  .cs-advanced-search-query cs-advanced-search-query-row .cs-datepicker,
  .cs-advanced-search-query cs-advanced-search-relation .cs-datepicker {
    margin-left: 1rem;
    width: 12rem; }
    .cs-advanced-search-query cs-advanced-search-query-row .cs-datepicker .cs-input,
    .cs-advanced-search-query cs-advanced-search-relation .cs-datepicker .cs-input {
      margin-left: 0; }
    .cs-advanced-search-query cs-advanced-search-query-row .cs-datepicker .cs-dropdown-container,
    .cs-advanced-search-query cs-advanced-search-relation .cs-datepicker .cs-dropdown-container {
      left: -100%; }
      .cs-advanced-search-query cs-advanced-search-query-row .cs-datepicker .cs-dropdown-container .cs-dropdown-menu,
      .cs-advanced-search-query cs-advanced-search-relation .cs-datepicker .cs-dropdown-container .cs-dropdown-menu {
        padding: .1rem 2rem 1.3rem .5rem; }
        .cs-advanced-search-query cs-advanced-search-query-row .cs-datepicker .cs-dropdown-container .cs-dropdown-menu .cs-datepicker-table th,
        .cs-advanced-search-query cs-advanced-search-relation .cs-datepicker .cs-dropdown-container .cs-dropdown-menu .cs-datepicker-table th {
          padding: .5rem; }
  .cs-advanced-search-query cs-advanced-search-query-row .cs-checkbox,
  .cs-advanced-search-query cs-advanced-search-relation .cs-checkbox {
    margin-left: 2rem; }
  .cs-advanced-search-query cs-advanced-search-query-row .cs-timepicker,
  .cs-advanced-search-query cs-advanced-search-relation .cs-timepicker {
    margin-left: 0;
    width: 12rem; }
    .cs-advanced-search-query cs-advanced-search-query-row .cs-timepicker .cs-input,
    .cs-advanced-search-query cs-advanced-search-relation .cs-timepicker .cs-input {
      margin-left: 0; }
  .cs-advanced-search-query cs-advanced-search-query-row cs-hierarchical-value .cs-select.chosen-container .chosen-single,
  .cs-advanced-search-query cs-advanced-search-relation cs-hierarchical-value .cs-select.chosen-container .chosen-single {
    padding-right: 3rem !important; }

.cs-advanced-search-query cs-advanced-search-relation .cs-select-component {
  float: left;
  min-width: 25rem;
  width: auto; }

.cs-advanced-search-query .csDialogForm__row {
  float: none; }

cs-asset-annotations-overview-widget {
  display: block;
  height: 100%;
  width: 100%; }
  cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row {
    border-bottom: 1px solid #e6e6e6;
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    vertical-align: top;
    width: 100%; }
    cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row.opened {
      padding-bottom: 0.5rem; }
    cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row:last-child {
      border-bottom: none; }
    cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row.acceptDrop + .marker_container {
      border-top: 1px solid transparent; }
    cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row.acceptDrop .drop-field-indicator-box {
      display: block; }
    cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .annotation-row-action-container {
      background: #f2f2f2;
      display: none;
      font-size: 1.4rem;
      font-weight: 600;
      margin-right: 0.5rem;
      padding: 1rem;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2; }
      cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .annotation-row-action-container .cs-icon {
        color: #777;
        font-size: 1.6rem; }
      cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .annotation-row-action-container.visible {
        display: block; }
    cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .annotation_row {
      background-color: #fff;
      height: 3.5rem;
      overflow: hidden;
      padding: 1rem 0;
      position: relative;
      width: 100%; }
      cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .annotation_row:hover {
        background-color: #f2f2f2; }
      cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .annotation_row .marker-left-slot {
        background-color: inherit;
        display: inline-block;
        pointer-events: none;
        position: absolute;
        white-space: nowrap;
        z-index: 1; }
        cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .annotation_row .marker-left-slot .expand-row-icon {
          color: #9c9c9c;
          display: inline-block;
          font-size: 1.4rem;
          margin: 0;
          pointer-events: all;
          position: relative;
          top: .1rem;
          user-select: none;
          width: 2rem; }
        cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .annotation_row .marker-left-slot cs-tag {
          background-color: inherit;
          display: inline-block;
          max-width: 20rem;
          padding-right: 1.5rem; }
      cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .annotation_row .annotation_extra_info {
        display: inline-block;
        min-width: 8.5rem;
        position: absolute;
        right: 0.5rem;
        text-align: right;
        z-index: 0; }
  cs-asset-annotations-overview-widget cs-asset-annotations-overview-widget-row .csActionGroup.visible,
  cs-asset-annotations-overview-widget .relations-expanded-area .csAssetListItem__controls.visible {
    display: block; }
  cs-asset-annotations-overview-widget .drop-field-indicator-box {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px dashed #9c9c9c;
    color: #777;
    display: none;
    height: calc(100% + .2rem);
    pointer-events: none;
    position: absolute;
    top: -.1rem;
    width: 100%; }
    cs-asset-annotations-overview-widget .drop-field-indicator-box.ongoing-drop-event {
      display: block; }
    cs-asset-annotations-overview-widget .drop-field-indicator-box .text {
      bottom: 0;
      height: 2.5rem;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0; }
      cs-asset-annotations-overview-widget .drop-field-indicator-box .text .circle_plus {
        padding-left: 2rem; }
        cs-asset-annotations-overview-widget .drop-field-indicator-box .text .circle_plus::before {
          font-size: 1.4rem; }
      cs-asset-annotations-overview-widget .drop-field-indicator-box .text span {
        font-weight: 600;
        height: 1.5rem;
        line-height: 2.5rem;
        vertical-align: middle; }
  cs-asset-annotations-overview-widget .relations-expanded-area {
    margin-left: 3.7rem;
    position: relative; }
    cs-asset-annotations-overview-widget .relations-expanded-area .csAssetListItem__controls {
      margin-top: 0; }
      cs-asset-annotations-overview-widget .relations-expanded-area .csAssetListItem__controls .csControl__menu {
        margin-right: 1.5rem;
        margin-top: 0; }

/**
  Widget header
*/
cs-asset-annotations-widget-head {
  display: block;
  width: 100%; }
  cs-asset-annotations-widget-head .actions-dropdown-reserved-space {
    position: absolute;
    right: 1rem;
    top: .5rem; }

.csWidget .csWidget__header .csWidget__ctrl.csWidget__ctrl_offsetRight {
  position: absolute;
  right: 2.5rem;
  text-align: left;
  top: 0; }

/**
  Widget main body
*/
cs-asset-annotations-widget {
  /**
        Embedded movable resizable box style modifications (annotation marker)
    */
  /**
        Embedded asset preview component style modifications
    */
  /**
        Embedded video player style modifications to support annotations
    */ }
  cs-asset-annotations-widget .annotations-container {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }
    cs-asset-annotations-widget .annotations-container.hasControlsMargin {
      border-bottom: 13.8rem solid transparent; }
  cs-asset-annotations-widget .csAnnotationsMarkerContainer {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3; }
  cs-asset-annotations-widget .fullSize {
    height: 100%;
    width: 100%; }
  cs-asset-annotations-widget .editMode {
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    width: 100%; }
    cs-asset-annotations-widget .editMode .cs-movable-draggable-box {
      box-shadow: 0 0 0 1000rem rgba(0, 0, 0, 0.65); }
      cs-asset-annotations-widget .editMode .cs-movable-draggable-box .corner {
        display: block !important; }
  cs-asset-annotations-widget .highlighted .cs-movable-draggable-box {
    background-color: rgba(255, 255, 255, 0.15); }
  cs-asset-annotations-widget .selected .cs-movable-draggable-box {
    background-color: rgba(255, 255, 255, 0.25); }
  cs-asset-annotations-widget .cs-movable-draggable-box {
    position: absolute;
    z-index: 2; }
    cs-asset-annotations-widget .cs-movable-draggable-box .corner {
      border-width: .1rem;
      display: none !important;
      height: .5rem;
      width: .5rem; }
      cs-asset-annotations-widget .cs-movable-draggable-box .corner.left {
        left: -.15rem; }
      cs-asset-annotations-widget .cs-movable-draggable-box .corner.right {
        right: -.15rem; }
      cs-asset-annotations-widget .cs-movable-draggable-box .corner.top {
        top: -.15rem; }
      cs-asset-annotations-widget .cs-movable-draggable-box .corner.bottom {
        bottom: -.15rem; }
    cs-asset-annotations-widget .cs-movable-draggable-box .cs-box-borders {
      border-width: 2px; }
  cs-asset-annotations-widget cs-asset-preview[ng-click] {
    cursor: inherit; }
  cs-asset-annotations-widget .mejs-wrapper {
    /**
        Handles to move timed annotation on time bar
        */ }
    cs-asset-annotations-widget .mejs-wrapper .mejs-time-annotation {
      height: 100%;
      opacity: .9;
      position: absolute; }
    cs-asset-annotations-widget .mejs-wrapper .mejs-time-annotation-left,
    cs-asset-annotations-widget .mejs-wrapper .mejs-time-annotation-right {
      border-radius: 15px;
      cursor: ew-resize;
      height: 15px;
      position: absolute;
      top: -5px;
      width: 15px; }
  cs-asset-annotations-widget .csAssetAnnotationsWidget__annotation_preview {
    bottom: 4.8rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
    cs-asset-annotations-widget .csAssetAnnotationsWidget__annotation_preview .csImageAssetPreview__preview {
      background-color: #404448; }
    cs-asset-annotations-widget .csAssetAnnotationsWidget__annotation_preview .cs-empty-state__content .cs-button-cta,
    cs-asset-annotations-widget .csAssetAnnotationsWidget__annotation_preview .cs-empty-state__content .csControl__menu > li.cta-appearance {
      display: none; }

/**
  Annotations editor (widget footer with controls)
*/
cs-asset-annotation-editor {
  /**
        Overrides for colorpicker to fit it into annotation editor.
    */ }
  cs-asset-annotation-editor.preview-has-controls .annotation-menu-flex-container {
    border-top: 0.1rem solid #d9d9d9; }
  cs-asset-annotation-editor .annotation-menu-flex-container > div {
    padding: 0.5rem; }
  cs-asset-annotation-editor .csAssetAnnotationEditor__wrapper {
    background-color: #fff;
    bottom: 0;
    color: #c7c7c7;
    height: 4.8rem;
    padding: 0.5rem;
    padding-top: .7rem;
    position: absolute;
    width: 100%;
    z-index: 4; }
  cs-asset-annotation-editor .annotation-menu-flex-container {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center; }
  cs-asset-annotation-editor .annotation-label {
    -webkit-flex-basis: 13rem;
    -moz-flex-basis: 13rem;
    -ms-flex-basis: 13rem;
    flex-basis: 13rem;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1; }
  cs-asset-annotation-editor .annotation-colorpicker {
    -webkit-flex-basis: 6.5rem;
    -moz-flex-basis: 6.5rem;
    -ms-flex-basis: 6.5rem;
    flex-basis: 6.5rem; }
  cs-asset-annotation-editor .annotation-startpicker-label,
  cs-asset-annotation-editor .annotation-endpicker-label {
    -webkit-flex-basis: 3rem;
    -moz-flex-basis: 3rem;
    -ms-flex-basis: 3rem;
    flex-basis: 3rem; }
  cs-asset-annotation-editor .annotation-startpicker-input,
  cs-asset-annotation-editor .annotation-endpicker-input {
    -webkit-flex-basis: 8.5rem;
    -moz-flex-basis: 8.5rem;
    -ms-flex-basis: 8.5rem;
    flex-basis: 8.5rem; }
  cs-asset-annotation-editor .editor-in-edit-mode .annotation-actionbutton-group {
    -webkit-flex-basis: 10rem;
    -moz-flex-basis: 10rem;
    -ms-flex-basis: 10rem;
    flex-basis: 10rem;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0; }
  cs-asset-annotation-editor .editor-in-idle-mode .annotation-label {
    margin-top: 0.5rem; }
  cs-asset-annotation-editor .cs-colorpicker .cs-colorpicker-selection {
    height: 1.5rem;
    right: 2.5rem;
    top: .5rem; }
  cs-asset-annotation-editor .cs-colorpicker .cs-dropdown-container {
    bottom: 3.4rem;
    left: inherit;
    position: absolute;
    right: 0;
    top: inherit;
    width: 20.8rem; }
    cs-asset-annotation-editor .cs-colorpicker .cs-dropdown-container::before, cs-asset-annotation-editor .cs-colorpicker .cs-dropdown-container::after {
      display: none; }

.csAssetChooserDialog {
  height: 95%;
  max-height: 100%;
  max-width: 100%;
  top: 50%;
  width: 95%; }
  .csAssetChooserDialog .csDialog__content {
    background: #e6e6e6; }
    .csAssetChooserDialog .csDialog__content .csDialog__content-inner {
      padding: 1rem 2rem; }
      .csAssetChooserDialog .csDialog__content .csDialog__content-inner > div[ng-transclude] {
        height: 100%; }
        .csAssetChooserDialog .csDialog__content .csDialog__content-inner > div[ng-transclude] > [cs-dynamic-controller="dialogToLoad"] {
          height: 100%; }
  .csAssetChooserDialog .csAssetChooserDialogContainer {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    height: inherit; }
    .csAssetChooserDialog .csAssetChooserDialogContainer_actions_panel {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin-bottom: 1rem; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csPredifinedQueries {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserActions {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      flex: 1 1 auto;
      position: relative; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csPredifinedQueries ~ .csAssetChooserActions {
      margin-top: 0.5rem; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserView {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      position: relative; }
      .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserView .csSearch__filter {
        margin-right: -2rem; }
      .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserView.csAssetChooserViewMultiSelect .csSearch__filter {
        margin-right: 2rem; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserView__inner {
      bottom: 0;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%; }
      .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserView__inner .csTwoColumnsComponentWrapper {
        padding: 0; }
      .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserView__inner .searchAssetsArea {
        height: 100%; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csSearch__chosen-filters .censhareScroll__main {
      max-height: calc(50vh - 26rem); }
  .csAssetChooserDialog .csAssetChooserDialogContainer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserView .csWidgetWrapper.csFirstWidgetWrapper {
      margin-right: 1rem;
      padding: 0.5rem 0 2rem; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserViewMultiSelect .csAssetChooserView__inner::before, .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserViewMultiSelect .csAssetChooserView__inner::after {
      content: " ";
      display: table; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserViewMultiSelect .csAssetChooserView__inner::after {
      clear: both; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserViewMultiSelect .csAssetChooserView__inner > div {
      float: left;
      height: 100%;
      width: calc(100% - 27rem); }
      .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserViewMultiSelect .csAssetChooserView__inner > div .csComparisonRenderer {
        padding-right: 2rem; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csAssetChooserViewMultiSelect .csAssetChooserView__inner > div + div {
      float: left;
      width: 27rem; }
    .csAssetChooserDialog .csAssetChooserDialogContainer .csSearchFilterLists {
      background-color: #d9d9d9; }
  .csAssetChooserDialog .selectedAssetsArea {
    height: 100%;
    margin-left: .9rem;
    overflow: hidden;
    padding: 0.5rem 0 2rem 0;
    position: absolute;
    right: 0;
    width: 27rem; }
    .csAssetChooserDialog .selectedAssetsArea .csWidget {
      height: 100%;
      margin: 0 .5rem;
      width: calc(100% - .5rem); }
  .csAssetChooserDialog .csPageActions_sidePanel {
    margin-right: 1.5rem; }

.csDialog__csAssetChooserDialog {
  height: 100%; }

.csWizard .csWizard__AssetChooser {
  height: 100%;
  top: 0;
  width: 100%; }
  .csWizard .csWizard__AssetChooser .csWizard__AssetChooser__container {
    height: inherit; }
    .csWizard .csWizard__AssetChooser .csWizard__AssetChooser__container .csAssetChooserView .csSearch__filter {
      margin-left: -2rem; }
  .csWizard .csWizard__AssetChooser .csAssetChooserDialogContainer .csComparisonRenderer {
    padding-bottom: 0; }

.csDialog.csAssetCreateDialog {
  height: 90%;
  max-height: 100%;
  max-width: 100%;
  top: 5%;
  width: 90%; }
  .csDialog.csAssetCreateDialog .csDialog__new_modal_inner {
    max-width: 100%; }
  .csDialog.csAssetCreateDialog .csDialog__content {
    background: #f2f2f2; }
    .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner {
      padding: 0;
      position: relative; }
      .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner > div {
        height: 100%; }
        .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner > div div[cs-dynamic-controller="dialogToLoad"] {
          height: 100%; }
      .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent {
        padding: 2rem; }
        .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent > div[ng-transclude] {
          height: 100%; }
          .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent > div[ng-transclude] > [cs-dynamic-controller="dialogToLoad"] {
            height: 100%; }
        .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .csAssetChooserDialog {
          height: 100%;
          left: 0;
          padding: 1rem 2rem 0;
          position: absolute;
          top: 0;
          width: 100%; }
          .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .csAssetChooserDialog .cs-new-template-asset {
            height: 100% !important; }
            .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .csAssetChooserDialog .cs-new-template-asset .cs-hierarchy-left-panel {
              height: 94.5%;
              margin-top: 1rem; }
            .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .csAssetChooserDialog .cs-new-template-asset .csWidget__header {
              border-bottom: 1.1rem solid #f2f2f2; }
        .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .cs-file-uploader .csDropzone {
          height: 20rem; }
        .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .csWidget cs-actions-icon {
          color: #404448; }
        .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .cs-upload-file-error {
          background: #ffaf31;
          color: #fff;
          margin-bottom: .8rem;
          padding: .8rem; }
        .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .cs-upload-file-list {
          height: 100%;
          overflow: hidden; }
        .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .cs-grid-cell {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: -ms-flex;
          display: flex; }
          .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .csTabedDialogContent .cs-grid-cell article {
            -webkit-flex: 1 1 0;
            -moz-flex: 1 1 0;
            -ms-flex: 1 1 0;
            flex: 1 1 0; }
      .csDialog.csAssetCreateDialog .csDialog__content .csDialog__content-inner .censhareScroll__content > .csTabedDialogContent {
        padding: 0; }

.csDialog__csAssetCreateRelationDialog,
.csDialog__csAssetCreateRelationDialog .csAssetCreateRelationDialog_dialog,
.csDialog__csAssetCreateRelationDialog div[cs-dynamic-controller="dialogToLoad"] {
  height: 100%; }

.csDialog__csAssetCreateRelationDialog .csAssetCreateRelationDialog_dialog {
  padding: 2rem 2rem 3rem; }

.csDialog__csAssetCreateRelationDialog .availableRelationsList_holder {
  background: #fff;
  -ms-flex: 1 1 100%;
  height: 100%;
  overflow: hidden; }
  .csDialog__csAssetCreateRelationDialog .availableRelationsList_holder.csHover, .csDialog__csAssetCreateRelationDialog .availableRelationsList_holder:hover, .csDialog__csAssetCreateRelationDialog .availableRelationsList_holder:focus {
    box-shadow: rgba(212, 212, 212, 0.5) 0 0 9px 2px; }
  .csDialog__csAssetCreateRelationDialog .availableRelationsList_holder .availableRelationsList {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-overflow-scrolling: touch; }
    .csDialog__csAssetCreateRelationDialog .availableRelationsList_holder .availableRelationsList .availableRelationsList_item {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 1.2em;
      color: #777;
      margin-right: 1rem;
      padding: .3rem 1.7rem;
      position: relative; }
      .csDialog__csAssetCreateRelationDialog .availableRelationsList_holder .availableRelationsList .availableRelationsList_item::after {
        content: " ";
        font-family: "SourceSansPro", sans-serif;
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 2rem;
        position: absolute;
        right: 1.7rem;
        top: .1rem; }
      .csDialog__csAssetCreateRelationDialog .availableRelationsList_holder .availableRelationsList .availableRelationsList_item.selected {
        background: #f2f2f2;
        color: #69bee6; }
        .csDialog__csAssetCreateRelationDialog .availableRelationsList_holder .availableRelationsList .availableRelationsList_item.selected::after {
          content: "\2713"; }
      .csDialog__csAssetCreateRelationDialog .availableRelationsList_holder .availableRelationsList .availableRelationsList_item:hover {
        background: #69bee6;
        color: #f2f2f2; }

.csWidget_csAssetFileListWidget .csAssetListItem {
  padding-bottom: .4rem;
  padding-top: .4rem; }
  .csWidget_csAssetFileListWidget .csAssetListItem .csAssetListItem__controls {
    top: .4rem; }
  .csWidget_csAssetFileListWidget .csAssetListItem.upload .csAssetListItem__value {
    text-transform: capitalize; }

.csWidget_csAssetFileListWidget .cs-progress {
  margin: 0;
  width: 75%; }

.csWidget_csAssetFileListWidget .csAssetListItem__controls {
  display: none; }

.csWidget_csAssetFileListWidget .csAssetListItem:hover .csAssetListItem__controls {
  display: block; }

/* ----------------------------------------
Shared csAssetProperties__list



Standard styling of metadata displayed in widgets
  ----------------------------------------- */
/* titles */
.csAssetProperties__category_title,
.csAssetProperties__title {
  border-bottom: 0.1rem solid #e6e6e6;
  line-height: 1;
  margin: 0 0 0.5rem;
  padding: 0 0 0.5rem; }
  .csAssetProperties__category_title ~ .csAssetProperties__category_title, .csAssetProperties__category_title ~
  .csAssetProperties__title {
    margin-top: 1rem; }

.csAssetProperties__category_title {
  border-color: #9c9c9c; }

/* list content */
.csAssetProperties__list {
  margin: 0 0 1rem 0;
  position: relative;
  width: 100%; }
  .csAssetProperties__list::before, .csAssetProperties__list::after {
    content: " ";
    display: table; }
  .csAssetProperties__list::after {
    clear: both; }
  .csAssetProperties__list cs-inline-editing .cs-icon {
    line-height: 2rem; }
  .csAssetProperties__list cs-inline-editing.cs-is-small .cs-select-component__values {
    min-height: 2.4rem; }
  .csAssetProperties__list cs-inline-editing .cs-select-component__values {
    height: auto;
    min-height: 2.4rem; }
  .csAssetProperties__list cs-inline-editing .cs-meta-data-row__main-control {
    min-width: 6rem; }
  .csAssetProperties__list cs-inline-editing .cs-meta-data-row__units {
    min-width: 7rem;
    width: auto; }
  .csAssetProperties__list cs-inline-editing[show-label] .edit-mode {
    margin: 0; }
    .csAssetProperties__list cs-inline-editing[show-label] .edit-mode .cs-meta-data-row__cell-label,
    .csAssetProperties__list cs-inline-editing[show-label] .edit-mode .csDialogForm__cell-label {
      max-width: 18rem;
      min-width: 9.6rem;
      width: 40%; }
    .csAssetProperties__list cs-inline-editing[show-label] .edit-mode .cs-label {
      color: #b2b2b2; }
    .csAssetProperties__list cs-inline-editing[show-label] .edit-mode .csDialogForm__row,
    .csAssetProperties__list cs-inline-editing[show-label] .edit-mode .cs-meta-data-row__default,
    .csAssetProperties__list cs-inline-editing[show-label] .edit-mode .cs-meta-data-row.csDialogForm__row .cs-meta-data-row__default {
      width: 100%; }
    .csAssetProperties__list cs-inline-editing[show-label] .edit-mode .csDialogForm__row .csDialogForm__cell {
      float: left;
      padding-left: 1rem;
      width: 60%; }
  .csAssetProperties__list .csAssetProperties__list__item {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem;
    min-height: 2rem;
    padding: 0.2rem 0;
    position: relative;
    width: 100%;
    /* csAssetProperties list label */
    /* csAssetProperties list value */
    /* block styling of csAssetProperties__list__item for asset relations */ }
    .csAssetProperties__list .csAssetProperties__list__item::before, .csAssetProperties__list .csAssetProperties__list__item::after {
      content: " ";
      display: table; }
    .csAssetProperties__list .csAssetProperties__list__item::after {
      clear: both; }
    .csAssetProperties__list .csAssetProperties__list__item cs-repeat .cs-template-include {
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      width: 100%; }
    .csAssetProperties__list .csAssetProperties__list__item .csAssetProperties__list__label {
      -webkit-flex: 0 1 40%;
      -moz-flex: 0 1 40%;
      -ms-flex: 0 1 40%;
      flex: 0 1 40%;
      overflow-wrap: break-word;
      word-wrap: break-word;
      color: #b2b2b2;
      display: block;
      line-height: inherit;
      max-height: 6.4rem;
      max-width: 18rem;
      min-width: 9.6rem;
      overflow: hidden;
      text-align: right;
      text-overflow: ellipsis;
      width: 40%; }
      .csAssetProperties__list .csAssetProperties__list__item .csAssetProperties__list__label .cs-icon {
        font-size: 1.6rem; }
    .csAssetProperties__list .csAssetProperties__list__item .csAssetProperties__list__value {
      -webkit-flex: 1 1 60%;
      -moz-flex: 1 1 60%;
      -ms-flex: 1 1 60%;
      flex: 1 1 60%;
      overflow-wrap: break-word;
      word-wrap: break-word;
      color: #1c1c1c;
      display: block;
      overflow: hidden;
      padding-left: 1rem;
      text-overflow: ellipsis;
      width: 60%; }
      .csAssetProperties__list .csAssetProperties__list__item .csAssetProperties__list__value .cs-checkbox {
        line-height: inherit;
        min-height: 1.6rem; }
      .csAssetProperties__list .csAssetProperties__list__item .csAssetProperties__list__value .cs-pre {
        white-space: pre-line; }
      .csAssetProperties__list .csAssetProperties__list__item .csAssetProperties__list__value div {
        max-width: 100%; }
    .csAssetProperties__list .csAssetProperties__list__item.csAssetRelationBlock {
      display: block; }
      .csAssetProperties__list .csAssetProperties__list__item.csAssetRelationBlock .csAssetProperties__list__label {
        display: block;
        margin-bottom: .2rem;
        text-align: left; }
      .csAssetProperties__list .csAssetProperties__list__item.csAssetRelationBlock .csAssetProperties__list__value {
        padding-left: 0;
        width: 100%; }
  .csAssetProperties__list .dateTimeWithTimezone {
    position: relative; }
  .csAssetProperties__list .projectTimeZoneLabel {
    color: #9c9c9c;
    left: 13%;
    line-height: 3rem;
    position: absolute;
    transform: translateX(31rem);
    user-select: none; }
    .csAssetProperties__list .projectTimeZoneLabel.labelSecondRaw {
      top: 4rem; }
  .csAssetProperties__list .usage-rights-set-icon {
    flex: auto;
    height: 1.6rem;
    text-align: right;
    visibility: hidden; }
  .csAssetProperties__list :hover .usage-rights-set-icon {
    visibility: visible; }

.csDialog__csAssetMetadataWidgetEditDialog {
  margin-bottom: 5rem; }

.csWidget_csAssetLocationWidget .csAssetLocationWidget__address {
  height: 0; }

.csWidget_csAssetLocationWidget .csAssetLocationWidget__places_search {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: width, opacity;
  -moz-transition-property: width, opacity;
  transition-property: width, opacity;
  left: 6rem;
  opacity: .91;
  position: relative;
  top: 1.3rem;
  width: 15rem;
  z-index: 10000; }
  .csWidget_csAssetLocationWidget .csAssetLocationWidget__places_search:focus {
    background: #fff;
    border-color: #e6e6e6;
    min-width: 20rem;
    opacity: .98;
    outline: none;
    width: 50%; }

.csWidget_csAssetLocationWidget .csAssetLocationWidget__results_list {
  background: #fff;
  font-size: 1.4rem;
  left: 6rem;
  line-height: 24px;
  min-width: 20rem;
  position: relative;
  text-overflow: ellipsis;
  top: 1rem;
  width: 50%;
  z-index: 10000; }
  .csWidget_csAssetLocationWidget .csAssetLocationWidget__results_list > li {
    border: 0.1rem solid #e6e6e6; }

.csWidget_csAssetLocationWidget .back:hover {
  background-color: #e6e6e6; }

.csWidgetConfigDialog ul.csAssetMetadataWidget__traitsList > li {
  margin-bottom: .2rem;
  min-height: 0; }

.csWidgetConfigDialog .radio-list {
  display: block; }

.csWidget_csAssetMetadataWidget h6.csAssetMetadata__header {
  border-bottom: 1px solid #f2f2f2;
  margin: 0 -1.5rem 0.5rem -1.5rem;
  padding-left: 1rem; }

.csWidget_csAssetMetadataWidget h6.csAssetMetadata__header_first {
  border-top: 1px solid #f2f2f2;
  padding-top: 0.5rem; }

.csWidget_csAssetMetadataWidget .csWidget__footer .footer-container {
  background-color: #f2f2f2;
  height: 4rem; }

.csWidget_csAssetMetadataWidget .csWidget__footer .property-label {
  float: left;
  margin-top: 1.1rem;
  padding-left: 1.5rem;
  width: 70%; }

.csWidget_csAssetMetadataWidget .csWidget__footer .property-control {
  float: right;
  margin-top: 0.5rem;
  padding-right: 1.5rem; }

.csDialog.csAssetNameDialog {
  max-height: 40rem; }
  .csDialog.csAssetNameDialog .csDialog__content .dialog-content-icon {
    color: #b2b2b2;
    display: block;
    font-size: 4.9rem;
    height: 6rem;
    margin-top: -1rem;
    position: static;
    width: 9rem; }
  .csDialog.csAssetNameDialog .csDialog__content div.col_icon {
    -webkit-flex: 0 0 6.5rem;
    -moz-flex: 0 0 6.5rem;
    -ms-flex: 0 0 6.5rem;
    flex: 0 0 6.5rem; }
  .csDialog.csAssetNameDialog .csDialog__content div.col_content {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
  .csDialog.csAssetNameDialog .csDialog__content h1 {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2em;
    color: #404448; }
  .csDialog.csAssetNameDialog .csDialog__content .csDialogForm__row {
    width: 100%; }

cs-asset-picker {
  width: 100%; }
  cs-asset-picker .cs-asset-picker {
    height: 3rem;
    position: relative;
    text-align: right; }
    cs-asset-picker .cs-asset-picker .csAutoSuggest {
      left: 0;
      margin-top: -.1rem;
      width: 100%; }
      cs-asset-picker .cs-asset-picker .csAutoSuggest .csTableControl__cell {
        border-top: none; }
      cs-asset-picker .cs-asset-picker .csAutoSuggest .cs-asset-picker-header {
        font-weight: bolder;
        height: 3rem;
        margin: 0 1rem;
        padding-top: 1rem; }
      cs-asset-picker .cs-asset-picker .csAutoSuggest .cs-asset-picker-table {
        height: 12rem; }
        cs-asset-picker .cs-asset-picker .csAutoSuggest .cs-asset-picker-table .csAssetListItem__controls {
          display: none; }
      cs-asset-picker .cs-asset-picker .csAutoSuggest .cs-asset-chooser {
        height: 3rem; }
      cs-asset-picker .cs-asset-picker .csAutoSuggest .ui-select-dropdown-separator-top {
        height: 1px;
        padding: 0 1rem;
        position: absolute;
        top: 0;
        width: 100%; }
        cs-asset-picker .cs-asset-picker .csAutoSuggest .ui-select-dropdown-separator-top .ui-select-dropdown-separator-content {
          background: #d9d9d9;
          height: 1px; }
      cs-asset-picker .cs-asset-picker .csAutoSuggest .csTableControl__cell_frozen-x {
        padding-left: 0 !important; }
    cs-asset-picker .cs-asset-picker .csTableControl__header {
      display: none; }
    cs-asset-picker .cs-asset-picker .cs-button-link-02 {
      border-radius: 0;
      box-shadow: 0 -0.2rem 0.3rem 0 rgba(0, 0, 0, 0.1), 0 -0.1rem 0.1rem 0 rgba(0, 0, 0, 0.05);
      padding-left: 1rem;
      text-align: left;
      width: 100%; }
    cs-asset-picker .cs-asset-picker .cs-input {
      left: 0;
      padding-right: 13rem;
      position: absolute; }
    cs-asset-picker .cs-asset-picker .cs-clearable-wrapper {
      right: auto !important; }
    cs-asset-picker .cs-asset-picker .create-new-button {
      margin-right: 1rem;
      margin-top: .3rem;
      position: relative; }
    cs-asset-picker .cs-asset-picker .hint {
      bottom: 0;
      left: 0;
      position: absolute;
      width: 100%; }
  cs-asset-picker.cs-is-alt .csAutoSuggest {
    background: #f2f2f2; }

.asset-picker-wrapp .csDropzone {
  display: none; }

/* ------------------------------
Asset preview styling

Table of content
1. General
2. Custom previews
  2.1 Product
  2.2 Article
  2.3 Development
  ------------------------------- */
/* ------------------------------
1. General
  ------------------------------- */
cs-asset-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  /* ------------------------------
    2. Custom previews
    ------------------------------- */
  /* --------------------
    2.1 Product
        -------------------- */
  /* --------------------
    2.2 Article
        -------------------- */
  /* --------------------
    2.3 Development
        -------------------- */ }
  cs-asset-preview .csAssetPreview__snippetRenderer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    overflow: hidden; }
  cs-asset-preview .csAssetPreview__customPreview__no_col_break {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid; }
  cs-asset-preview .csAssetPreview__customPreview__no_cols {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all; }
  cs-asset-preview ul {
    padding-left: 2rem; }
  cs-asset-preview .csAssetPreview__customProductPreview {
    padding: 0 1.5rem; }
    cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__head {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__head .csAssetPreview__customPreview__image {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 2rem 1rem 0;
        max-width: 25.5rem;
        width: 100%; }
      cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__head .csAssetPreview__customPreview__text {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow: hidden; }
    cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__content {
      -moz-column-count: auto;
      -webkit-column-count: auto;
      column-count: auto;
      -webkit-column-gap: 2rem;
      -moz-column-gap: 2rem;
      column-gap: 2rem;
      -moz-column-rule-color: transparent;
      -webkit-column-rule-color: transparent;
      column-rule-color: transparent;
      -moz-column-rule-style: solid;
      -webkit-column-rule-style: solid;
      column-rule-style: solid;
      -webkit-column-rule-width: 0;
      -moz-column-rule-width: 0;
      column-rule-width: 0;
      -webkit-column-width: 25.5rem;
      -moz-column-width: 25.5rem;
      column-width: 25.5rem;
      margin-bottom: 2rem; }
    cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__image {
      max-height: 30rem;
      max-width: 100%;
      text-align: center; }
      cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__image img {
        max-height: inherit;
        max-width: inherit;
        width: auto; }
    cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__title,
    cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__subtitle {
      color: #000;
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 1.2;
      white-space: normal; }
    cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__subtitle {
      color: #b2b2b2; }
    cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__retail_price {
      color: #b2b2b2;
      font-size: 2rem;
      font-style: italic;
      font-weight: 400;
      line-height: 1.2; }
    cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__offer_price {
      font-size: 2.8rem;
      font-style: italic;
      font-weight: 600;
      line-height: 1.2; }
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__image {
      max-height: 20rem; }
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__title,
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__subtitle {
      font-size: 2.4rem; }
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__retail_price {
      font-size: 1.6rem; }
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__offer_price {
      font-size: 2rem; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__head {
      display: block; }
      .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__head .csAssetPreview__customPreview__image {
        margin-right: 0; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__image {
      max-height: 15rem; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__title,
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__subtitle {
      font-size: 2rem;
      text-align: center; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__retail_price {
      font-size: 1.4rem;
      text-align: center; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customProductPreview .csAssetPreview__customPreview__offer_price {
      font-size: 1.4rem;
      text-align: center; }
  cs-asset-preview .csAssetPreview__customArticlePreview {
    padding: 0 1.5rem; }
    cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__head .csAssetPreview__customPreview__image {
      display: none; }
    cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__content {
      -moz-column-count: auto;
      -webkit-column-count: auto;
      column-count: auto;
      -webkit-column-gap: 2rem;
      -moz-column-gap: 2rem;
      column-gap: 2rem;
      -moz-column-rule-color: transparent;
      -webkit-column-rule-color: transparent;
      column-rule-color: transparent;
      -moz-column-rule-style: solid;
      -webkit-column-rule-style: solid;
      column-rule-style: solid;
      -webkit-column-rule-width: 0;
      -moz-column-rule-width: 0;
      column-rule-width: 0;
      -webkit-column-width: 25.5rem;
      -moz-column-width: 25.5rem;
      column-width: 25.5rem;
      -webkit-column-span: all;
      -moz-column-span: all;
      column-span: all;
      margin-bottom: 2rem; }
      cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__content li p {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin: 0; }
      cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__content img {
        vertical-align: top; }
      cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__content .csAssetPreview__customPreview__image {
        display: block; }
    cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__image {
      margin-bottom: 1rem;
      max-height: 40rem;
      max-width: 100%;
      text-align: center; }
      cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__image img {
        max-height: inherit;
        max-width: inherit;
        width: auto; }
    cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__title,
    cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__subtitle,
    cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__strapline {
      color: #000;
      font-size: 2.8rem;
      font-weight: 600;
      line-height: 1.2;
      white-space: normal; }
    cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__subtitle {
      font-size: 2rem;
      padding-bottom: 1em; }
    cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__strapline {
      color: #b2b2b2;
      font-size: 1.6rem;
      font-weight: 400;
      text-transform: uppercase; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__title,
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__subtitle,
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__strapline,
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__title,
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__subtitle,
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__strapline {
      text-align: center; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__head .csAssetPreview__customPreview__image,
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__head .csAssetPreview__customPreview__image {
      display: block; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__content .csAssetPreview__customPreview__image,
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__content .csAssetPreview__customPreview__image {
      display: none; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__title {
      font-size: 2rem; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customArticlePreview .csAssetPreview__customPreview__subtitle {
      font-size: 1.4rem; }
  cs-asset-preview .csAssetPreview__customDevelopmentPreview {
    padding: 0 1.5rem; }
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__head .csAssetPreview__customPreview__image {
      display: none; }
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__content {
      margin-bottom: 2rem; }
      cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__content li p {
        color: #1c1c1c;
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 2rem;
        margin: 0 0 1rem; }
      cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__content img {
        vertical-align: top; }
      cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__content .csAssetPreview__customPreview__image {
        display: block; }
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__image {
      margin-bottom: 1rem;
      max-height: 40rem;
      max-width: 100%;
      text-align: center; }
      cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__image img {
        margin-bottom: 2rem;
        max-height: 40rem;
        max-width: 100%; }
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__main-title,
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__title {
      color: #000;
      font-size: 2rem;
      font-weight: 600;
      line-height: 1.2;
      padding-top: .5rem;
      white-space: normal; }
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__title {
      border-top: .1rem solid #e6e6e6;
      font-size: 1.8rem; }
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__subtitle,
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__strapline {
      color: #000;
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 1.2;
      padding: 0;
      white-space: normal; }
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__subtitle {
      font-size: 2rem;
      padding-bottom: 1em; }
    cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__strapline {
      color: #b2b2b2;
      font-size: 1.6rem;
      font-weight: 400;
      text-transform: uppercase; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__head .csAssetPreview__customPreview__image,
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__head .csAssetPreview__customPreview__image {
      display: block; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__content .csAssetPreview__customPreview__image,
    .cs-has-widget-col-size-2 cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__content .csAssetPreview__customPreview__image {
      display: none; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__title {
      font-size: 2rem; }
    .cs-has-widget-col-size-1 cs-asset-preview .csAssetPreview__customDevelopmentPreview .csAssetPreview__customPreview__subtitle {
      font-size: 1.4rem; }
  cs-asset-preview .csAssetPreview__previewBehaviors {
    position: absolute;
    right: 0;
    width: 8rem; }
  cs-asset-preview .csAssetPreview__protocolPreview {
    padding: 0 1.5rem; }
    cs-asset-preview .csAssetPreview__protocolPreview h1 {
      color: #1c1c1c;
      font-size: 1.8rem;
      margin-bottom: 2rem;
      padding: 0; }
    cs-asset-preview .csAssetPreview__protocolPreview h3 {
      color: #1c1c1c;
      margin-bottom: 1rem;
      padding: 0; }
    cs-asset-preview .csAssetPreview__protocolPreview ul {
      color: #404448;
      margin: 0 0 2rem;
      padding: 0; }
      cs-asset-preview .csAssetPreview__protocolPreview ul .csAssetPreview__protocolPreview__assetDeleted {
        color: #b2b2b2; }
      cs-asset-preview .csAssetPreview__protocolPreview ul .csAssetPreview__protocolPreview__assetNotSupported {
        color: #ff4e4f;
        font-size: 1.6rem; }
    cs-asset-preview .csAssetPreview__protocolPreview .cs-widget-content-padding-bottom {
      color: #404448;
      padding-bottom: .5rem; }
  cs-asset-preview .csTextPreview {
    position: relative; }
  cs-asset-preview .csHover .csAssetSearchListItemRenderer {
    padding-right: 80px; }

.csWidget_csAssetPreviewAssignWidget .image {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%;
  /* drag over existing image */ }
  .csWidget_csAssetPreviewAssignWidget .image.acceptDrop {
    opacity: .5; }

.csDialog.csAssetPreviewDialog {
  height: 90%;
  max-height: 100%;
  max-width: 100%; }
  .csDialog.csAssetPreviewDialog .csDialog__content {
    background: #e6e6e6; }
    .csDialog.csAssetPreviewDialog .csDialog__content .csDialog__content-inner {
      overflow: hidden;
      padding: 0; }
      .csDialog.csAssetPreviewDialog .csDialog__content .csDialog__content-inner .csDialog__csAssetPreviewDialog {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        height: 100%; }
      .csDialog.csAssetPreviewDialog .csDialog__content .csDialog__content-inner .csAssetPreview__customSnippet {
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        background-color: #fff;
        padding-top: 1.5rem; }
        .csDialog.csAssetPreviewDialog .csDialog__content .csDialog__content-inner .csAssetPreview__customSnippet p {
          color: #1c1c1c;
          font-size: 1.4rem;
          font-weight: 300;
          line-height: 2rem;
          margin: 0 0 1rem; }
      .csDialog.csAssetPreviewDialog .csDialog__content .csDialog__content-inner .csDialog__actions {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
        height: 3rem; }
  .csDialog.csAssetPreviewDialog .csDialog__footer .csAssetPreviewDialogMetaRenderer {
    border-top: none;
    min-height: 4.4rem;
    padding: 0; }
    .csDialog.csAssetPreviewDialog .csDialog__footer .csAssetPreviewDialogMetaRenderer .csAssetSearchList__item__title_row {
      margin: 0;
      padding: 0; }
    .csDialog.csAssetPreviewDialog .csDialog__footer .csAssetPreviewDialogMetaRenderer .csAssetSearchList__item__features {
      margin: 0;
      padding: 0; }

cs-asset-preview-widget-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 1 100%;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%; }
  cs-asset-preview-widget-head .actions-dropdown-reserved-space {
    position: absolute;
    right: 1rem;
    top: .5rem; }
  cs-asset-preview-widget-head cs-actions-icon {
    display: none; }

.csWidget .csWidget__header .csWidget__ctrl.csWidget__ctrl_offsetRight {
  position: absolute;
  right: 2.5rem;
  text-align: left;
  top: 0; }

.cs-fullscreen-element .cs-fullscreen-controls-panel {
  animation-duration: 200ms;
  animation-name: slideDown;
  animation-timing-function: ease-in;
  transform: translateY(0%); }

.cs-fullscreen-element .cs-controls-hidden .cs-fullscreen-controls-panel {
  animation-duration: 600ms;
  animation-name: slideUp;
  animation-timing-function: ease-out;
  transform: translateY(-100%); }

.csWidget_csAssetPreviewWidget .csPrevNextCtrls a,
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a {
  color: #f2f2f2; }
  .csWidget_csAssetPreviewWidget .csPrevNextCtrls a .cs-icon,
  .csWidget_csAssetPreviewWidget .csPrevNextCtrls a span.icon,
  .csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a .cs-icon,
  .csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a span.icon {
    font-size: 3.2rem;
    height: 3.2rem;
    margin: 0;
    width: 3.2rem; }
  .csWidget_csAssetPreviewWidget .csPrevNextCtrls a:hover, .csWidget_csAssetPreviewWidget .csPrevNextCtrls a:focus,
  .csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a:hover,
  .csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a:focus {
    color: #fff; }

.csWidget_csAssetPreviewWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-1 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetPreviewWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-1 .csPrevNextCtrls a span.icon, .csWidget_csAssetPreviewWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-2 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetPreviewWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-2 .csPrevNextCtrls a span.icon, .csWidget_csAssetPreviewWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-3 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetPreviewWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-3 .csPrevNextCtrls a span.icon, .csWidget_csAssetPreviewWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-1 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetPreviewWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-1 .csPrevNextCtrls a span.icon, .csWidget_csAssetPreviewWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-2 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetPreviewWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-2 .csPrevNextCtrls a span.icon, .csWidget_csAssetPreviewWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-3 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetPreviewWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-3 .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-1 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-1 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-2 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-2 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-3 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-3 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-1 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-1 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-2 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-2 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-3 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-3 .csWidget_csAssetPreviewWidget .csPrevNextCtrls a span.icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-1 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-1 .csPrevNextCtrls a span.icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-2 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-2 .csPrevNextCtrls a span.icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-3 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-1.cs-has-widget-row-size-3 .csPrevNextCtrls a span.icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-1 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-1 .csPrevNextCtrls a span.icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-2 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-2 .csPrevNextCtrls a span.icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-3 .csPrevNextCtrls a .cs-icon,
.csWidget_csAssetAnnotationsWidget.cs-has-widget-col-size-2.cs-has-widget-row-size-3 .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-1
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-1
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-2
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-2
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-3
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-1.cs-has-widget-row-size-3
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-1
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-1
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-2
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-2
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a span.icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-3
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a .cs-icon,
.cs-has-widget-col-size-2.cs-has-widget-row-size-3
.csWidget_csAssetAnnotationsWidget .csPrevNextCtrls a span.icon {
  font-size: 2.4rem;
  height: 2.4rem;
  width: 2.4rem; }

.csWidget_csAssetPreviewWidget .csAssetPreviewWidget__container,
.csWidget_csAssetAnnotationsWidget .csAssetPreviewWidget__container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }
  .csWidget_csAssetPreviewWidget .csAssetPreviewWidget__container cs-xslt-toolbar,
  .csWidget_csAssetAnnotationsWidget .csAssetPreviewWidget__container cs-xslt-toolbar {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

cs-asset-preview.editPreviewMode .mejs-layers:hover .mejs-overlay-button {
  display: block; }

cs-asset-preview.editPreviewMode .mejs-controls {
  left: 4rem;
  width: calc(100% - 10rem); }
  cs-asset-preview.editPreviewMode .mejs-controls .mejs-playpause-button,
  cs-asset-preview.editPreviewMode .mejs-controls .mejs-stop-button,
  cs-asset-preview.editPreviewMode .mejs-controls .mejs-volume-button {
    display: none; }

cs-asset-preview.editPreviewMode .mejs-overlay-button {
  display: none; }

cs-asset-preview .csAssetPreviewWidget__preview {
  bottom: 4.8rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }
  cs-asset-preview .csAssetPreviewWidget__preview .csImageAssetPreview__preview {
    background-color: #404448; }
  cs-asset-preview .csAssetPreviewWidget__preview .cs-empty-state__content .cs-button-cta,
  cs-asset-preview .csAssetPreviewWidget__preview .cs-empty-state__content .csControl__menu > li.cta-appearance {
    display: none; }

cs-asset-preview-editor.preview-has-controls .preview-menu-flex-container {
  border-top: 1.1rem solid #d9d9d9; }

cs-asset-preview-editor .preview-menu-flex-container > .preview-editor-arrow-buttons-group {
  padding: 0.5rem 1.5rem; }

cs-asset-preview-editor .preview-menu-flex-container > .preview-action-button-group {
  padding: 0.5rem 1.2rem; }
  cs-asset-preview-editor .preview-menu-flex-container > .preview-action-button-group > button {
    margin-left: 1rem; }

cs-asset-preview-editor .csAssetPreviewEditor__wrapper {
  background-color: #fff;
  bottom: 0;
  color: #c7c7c7;
  height: 4.8rem;
  padding: 0.7rem 0.5rem 0.5rem;
  position: relative;
  width: 100%; }

cs-asset-preview-editor .preview-editor-arrow-buttons-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  bottom: 5.5rem;
  left: 0;
  margin-left: .25rem;
  position: absolute;
  width: 100%; }
  cs-asset-preview-editor .preview-editor-arrow-buttons-group > button {
    z-index: 5; }

cs-asset-preview-editor .preview-action-button-group {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: flex-end;
  -ms-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }

cs-asset-preview-editor .editor-in-edit-mode .preview-action-button-group {
  -webkit-flex-basis: 10rem;
  -moz-flex-basis: 10rem;
  -ms-flex-basis: 10rem;
  flex-basis: 10rem;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0; }

/* ### csAssetProperties ### */
/* overwrite styles for detailPanel on the right side */
.csDetailPanel .csAssetPreviewWidget {
  background: #fff;
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  transition-property: box-shadow;
  height: 100%;
  position: relative;
  text-align: left;
  /* cs-widget-content-padding-top:
    * A top padding for the content of csWidget__content__inner.
    * Has only a value if the header is optical framed (unlike the default header) */
  /*
    * for widgets in widgets (tab widgets) we want to get rid of the inner .csWidget design.
    */
  margin-bottom: 1.5rem; }
  .csDetailPanel .csAssetPreviewWidget.csHover, .csDetailPanel .csAssetPreviewWidget:hover, .csDetailPanel .csAssetPreviewWidget:focus {
    box-shadow: rgba(212, 212, 212, 0.5) 0 0 9px 2px; }
  .csDetailPanel .csAssetPreviewWidget.csHover, .csDetailPanel .csAssetPreviewWidget:hover {
    /* Show csWidget__ctrl on Hover */ }
    .csDetailPanel .csAssetPreviewWidget.csHover .csWidget__header .csWidget__ctrl, .csDetailPanel .csAssetPreviewWidget:hover .csWidget__header .csWidget__ctrl {
      display: block; }
    .csDetailPanel .csAssetPreviewWidget.csHover .csWidget__header .csControl__menu,
    .csDetailPanel .csAssetPreviewWidget.csHover .csWidget__header cs-action-overflow-group, .csDetailPanel .csAssetPreviewWidget:hover .csWidget__header .csControl__menu,
    .csDetailPanel .csAssetPreviewWidget:hover .csWidget__header cs-action-overflow-group {
      display: inline-block; }
  .csDetailPanel .csAssetPreviewWidget .csWidget__content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .csDetailPanel .csAssetPreviewWidget .csWidget__header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #404448;
    position: relative;
    /*
        * The default title structure
        */
    /*
        * The header tabs structure for tab widgets
        */ }
    .gridster .csWidget__is-draggable .csDetailPanel .csAssetPreviewWidget .csWidget__header [data-cs-grid-handler] {
      cursor: move; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_title {
      -webkit-flex: 0 1 100%;
      -moz-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      padding: 0 0 0 1.5rem; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs {
      -webkit-flex: 0 1 100%;
      -moz-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -ms-flex-pack: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border-bottom: 0.1rem solid #d9d9d9;
      height: 3.4rem;
      line-height: 3.4rem;
      max-width: 100%; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_menu {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        width: 100%; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static,
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        background-color: #f2f2f2;
        border-bottom: 0.1rem solid #d9d9d9;
        border-right: 0.1rem solid #d9d9d9;
        color: #777;
        cursor: pointer;
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 400;
        height: 3.4rem;
        line-height: 3.4rem;
        overflow: hidden;
        padding: 0 1.5rem;
        text-align: center;
        text-overflow: ellipsis;
        vertical-align: top;
        white-space: nowrap; }
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static .cs-icon,
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item .cs-icon {
          font-size: 1.6rem;
          vertical-align: top; }
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static:hover,
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item:hover {
          background-color: #e6e6e6;
          color: #404448; }
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static.cs-is-active,
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item.cs-is-active {
          background-color: #fff;
          border-bottom-color: #fff;
          color: #1c1c1c;
          cursor: default; }
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static.cs-is-disabled,
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item.cs-is-disabled {
          color: rgba(119, 119, 119, 0.3);
          cursor: default; }
          .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static.cs-is-disabled:hover,
          .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item.cs-is-disabled:hover {
            background-color: #f2f2f2;
            color: rgba(119, 119, 119, 0.3); }
          .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static.cs-is-disabled .csWidget__count,
          .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item.cs-is-disabled .csWidget__count {
            opacity: .5; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_static {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_dropdown {
        padding: 0; }
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_dropdown .csWidget__header_tab_menu_dropdown {
          padding: 0; }
          .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__header_tabs .csWidget__header_tab_item_dropdown .csWidget__header_tab_menu_dropdown .dropdown {
            padding: 0 1rem; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__sign {
      color: #404448;
      float: left;
      font-size: 1.6rem;
      height: 3.4rem;
      line-height: 3.4rem;
      margin-right: 0.5rem; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__sign .cs-icon::before {
        vertical-align: top; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      float: left;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2.4rem;
      margin: 0.5rem 1.5rem 0.5rem 0;
      max-width: 100%;
      width: auto; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__count {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      background: #d9d9d9;
      border-radius: .2rem;
      color: #fff;
      font-size: 1.2rem;
      font-weight: 400;
      height: 1.6rem;
      line-height: 1.6rem;
      margin: 0.9rem 1rem 0 -0.8rem;
      padding: 0 0.5rem;
      text-align: center; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__ctrl {
      display: block;
      height: 3.4rem;
      line-height: 2.4rem;
      margin-right: 1.1rem;
      padding: 0.5rem 0;
      z-index: 15; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__ctrl.cs-fullscreen-controls-panel {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        float: left;
        height: 4.4rem;
        left: 0;
        margin: 0;
        padding: 1rem;
        z-index: 100000; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__ctrl .ctrl-item.title {
        font-size: 1.6rem;
        font-weight: 300; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__ctrl .cs-icon {
        color: #777; }
        .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__ctrl .cs-icon.csHover, .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__ctrl .cs-icon:hover, .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__ctrl .cs-icon:focus {
          color: #404448; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csControl__menu,
    .csDetailPanel .csAssetPreviewWidget .csWidget__header cs-action-overflow-group {
      display: none; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csControl__menu.visible, .csDetailPanel .csAssetPreviewWidget .csWidget__header .csControl__menu.cs-is-open,
      .csDetailPanel .csAssetPreviewWidget .csWidget__header cs-action-overflow-group.visible,
      .csDetailPanel .csAssetPreviewWidget .csWidget__header cs-action-overflow-group.cs-is-open {
        display: inline-block; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__desc {
      font-size: 1.2rem;
      margin: 0.4rem 0 0 1.5rem;
      width: 70%; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__data {
      float: right;
      font-weight: 400;
      line-height: 1.2;
      margin: 1rem 1.6rem 0 0;
      max-width: 60%;
      text-align: right; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__data > span.cs-icon {
        display: inline-block;
        font-size: 1.6rem;
        height: 2.1rem;
        margin-left: .5rem;
        padding-left: 2.1rem; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__info {
      font-size: 1.2rem;
      position: absolute;
      right: 1.6rem;
      text-align: right;
      top: 3.4rem; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__header .csWidget__info > span.cs-icon {
        display: inline-block;
        font-size: 1.2rem;
        height: 1.3rem;
        margin-left: .5rem;
        padding-left: 1.6rem; }
  .csDetailPanel .csAssetPreviewWidget .csWidget__content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2em;
    color: #1c1c1c;
    line-height: 1.4rem;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__content .csWidget__content__inner {
      bottom: 0;
      clear: both;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__content .csWidget__content__actions {
      background: #ebebeb;
      border-top: 0.1rem solid #d9d9d9;
      overflow: hidden; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__content.foldedHeader {
      background-color: inherit; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__content p {
      color: #1c1c1c;
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 2rem;
      margin: 0 0 1rem; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__content .csWidget__image img {
      display: block;
      width: 100%; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__content .csWidget__no-preview {
      background: #404448;
      color: #f2f2f2;
      height: 100%;
      position: relative;
      text-align: center;
      width: 100%; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__content .csWidget__no-preview > .cs_inner {
        margin-top: -3rem;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__content .csWidget__textfile {
      height: 100%;
      padding: 20px;
      width: 100%; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__content .csWidget__textfile iframe {
        height: 100%;
        overflow: hidden;
        width: 100%; }
  .csDetailPanel .csAssetPreviewWidget .csWidget__footer {
    background: #fff; }
  .csDetailPanel .csAssetPreviewWidget .csWidget__resize {
    bottom: 0;
    height: 2rem;
    position: absolute;
    right: 0;
    width: 2rem;
    z-index: 30; }
  .csDetailPanel .csAssetPreviewWidget .csWidget__locker {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
    .csDetailPanel .csAssetPreviewWidget .csWidget__locker .locker-message {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
      .csDetailPanel .csAssetPreviewWidget .csWidget__locker .locker-message.dimmed {
        background-color: rgba(119, 119, 119, 0.4); }
      .csDetailPanel .csAssetPreviewWidget .csWidget__locker .locker-message .locker-message-content {
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        background-color: rgba(255, 255, 255, 0.7);
        left: 50%;
        max-width: 80%;
        padding: 1rem;
        position: absolute;
        text-align: center;
        top: 50%; }
  .csDetailPanel .csAssetPreviewWidget .csWidget__drag_handle {
    cursor: move;
    display: none;
    height: 1.5rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
    .gridster .csDetailPanel .csAssetPreviewWidget .csWidget__drag_handle {
      display: block; }
  .csDetailPanel .csAssetPreviewWidget .cs-add-widget-padding,
  .csDetailPanel .csAssetPreviewWidget .cs-widget-content-padding-frame {
    padding: 1.5rem; }
  .csDetailPanel .csAssetPreviewWidget .cs-add-widget-padding-frame,
  .csDetailPanel .csAssetPreviewWidget .cs-widget-content-padding-frame {
    padding: 0 1.5rem 1.5rem; }
  .csDetailPanel .csAssetPreviewWidget.cs-has-header .cs-widget-content-padding-top {
    padding-top: 0; }
  .csDetailPanel .csAssetPreviewWidget.cs-has-no-header .cs-widget-content-padding-top, .csDetailPanel .csAssetPreviewWidget.cs-has-tab-header .cs-widget-content-padding-top {
    padding-top: 1rem; }
  .csDetailPanel .csAssetPreviewWidget.cs-has-no-header .csWidget__ctrl {
    position: absolute;
    right: 0;
    top: 0; }
  .csDetailPanel .csAssetPreviewWidget .csWidget {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: none;
    height: 100%;
    position: relative; }
    .csDetailPanel .csAssetPreviewWidget .csWidget.csHover, .csDetailPanel .csAssetPreviewWidget .csWidget:hover, .csDetailPanel .csAssetPreviewWidget .csWidget:focus {
      box-shadow: none; }
    .csDetailPanel .csAssetPreviewWidget .csWidget .csWidget__drag_handle {
      display: none; }
    .csDetailPanel .csAssetPreviewWidget .csWidget.cs-has-header .cs-widget-content-padding-top {
      padding-top: 0; }
    .csDetailPanel .csAssetPreviewWidget .csWidget.cs-has-no-header .cs-widget-content-padding-top, .csDetailPanel .csAssetPreviewWidget .csWidget.cs-has-tab-header .cs-widget-content-padding-top {
      padding-top: 1rem; }
  .csDetailPanel .csAssetPreviewWidget cs-asset-preview {
    height: 25rem; }

.csWidget.csDetailpanel {
  margin-bottom: 1.5rem; }
  .csWidget.csDetailpanel span.label .cs-icon {
    position: relative; }
  .csWidget.csDetailpanel li:last-child {
    padding-bottom: 1rem; }
  .csWidget.csDetailpanel .due_date {
    display: block; }
    .csWidget.csDetailpanel .due_date::first-letter {
      text-transform: uppercase; }
    .csWidget.csDetailpanel .due_date.overdue {
      color: #ff4e4f; }

.csWidget_csAssetQueryWidget .csAssetQueryWidget__wrapper {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%;
  width: 100%; }
  .csWidget_csAssetQueryWidget .csAssetQueryWidget__wrapper .csAutoSuggest__layout .csAutoSuggest__buttons .cs-icon {
    font-size: 1.2rem;
    padding: 0 1rem; }
  .csWidget_csAssetQueryWidget .csAssetQueryWidget__wrapper .csAutoSuggest__layout .csAutoSuggest__buttons .or-and-query {
    color: #777; }
    .csWidget_csAssetQueryWidget .csAssetQueryWidget__wrapper .csAutoSuggest__layout .csAutoSuggest__buttons .or-and-query > span {
      margin: 0 1rem;
      padding: 0; }
      .csWidget_csAssetQueryWidget .csAssetQueryWidget__wrapper .csAutoSuggest__layout .csAutoSuggest__buttons .or-and-query > span:first-child {
        margin-right: 0; }
      .csWidget_csAssetQueryWidget .csAssetQueryWidget__wrapper .csAutoSuggest__layout .csAutoSuggest__buttons .or-and-query > span.active {
        color: #9c9c9c; }

.csWidget_csAssetQueryWidget .csAssetQueryWidget__search {
  flex: 0 0 auto; }

.csWidget_csAssetQueryWidget .csAssetQueryWidget__results {
  flex: 1 0 auto;
  position: relative; }
  .csWidget_csAssetQueryWidget .csAssetQueryWidget__results .cs-empty-state .cs-empty-state__content {
    margin-top: 0; }

.csWidget_csAssetQueryWidget .csAutoSuggest {
  top: 100%; }

.csAssetRelationConfigurationDialog {
  max-height: 420px;
  max-width: 560px; }

.csDialog__csAssetRelationConfigurationDialog {
  font-size: 1.4rem;
  height: 100%;
  padding: 2rem; }
  .csDialog__csAssetRelationConfigurationDialog .censhareScroll__content {
    padding: 0 !important; }
  .csDialog__csAssetRelationConfigurationDialog cs-asset-relation-configuration-dialog-component {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%; }
  .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_heading {
    -webkit-flex: 0 0 0;
    -moz-flex: 0 0 0;
    -ms-flex: 0 0 0;
    flex: 0 0 0;
    font-weight: 600;
    margin: .5rem 0 1.5rem; }
  .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_contentWrapper,
  .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_content {
    height: 100%; }
  .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_content {
    box-shadow: 0 3px 10px 0.1;
    -webkit-flex: 1 0 0;
    -moz-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0; }
  .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_list {
    -webkit-flex: 1 0 0;
    -moz-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    background-color: #fff;
    padding: 1rem 0; }
  .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_listItem {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #9c9c9c;
    font-weight: 400;
    height: 2.6rem;
    line-height: 2.6rem;
    padding: 0 1rem;
    width: 100%; }
    .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_listItem:hover {
      background-color: #f2f2f2; }
  .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_listItem_selected {
    color: #69bee6; }
    .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_listItem_selected .csAssetRelationConfigurationDialog_listItem_control {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex; }
  .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_listItem_title {
    -webkit-flex: 1 0 0;
    -moz-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    line-height: 2.6rem; }
  .csDialog__csAssetRelationConfigurationDialog .csAssetRelationConfigurationDialog_listItem_control {
    -webkit-flex: 0 0 0;
    -moz-flex: 0 0 0;
    -ms-flex: 0 0 0;
    flex: 0 0 0;
    display: none; }

.csManageFeatureGroupDialog .csDialog__content-inner > .clearfix,
.csManageFeatureGroupDialog .csDialog__content-inner > .clearfix > .clearfix {
  height: 100%; }

.csManageFeatureGroupDialog .csManageFeatureGroup {
  height: 100%;
  max-height: 60rem; }

.csAssetPreviewDialogMetaRenderer__item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2em;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-backface-visibility: hidden;
  border-top: 1px solid #f2f2f2;
  box-shadow: none;
  color: #b2b2b2;
  cursor: default;
  min-height: 6.4rem;
  overflow: hidden;
  padding: 1rem 1rem 1.1rem 2rem;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  vertical-align: top;
  width: 100%; }
  .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item_content {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-align-self: stretch;
    align-self: stretch;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    overflow: hidden; }
  .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item_controls {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    display: block;
    padding-left: 1rem;
    padding-right: 1rem; }
  .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__title_row {
    color: #404448;
    display: block;
    float: left;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
    margin-left: -4.4rem;
    padding: 0 0 0 5.4rem;
    width: 100%; }
    .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__title_row .csAssetSearchList__item__title_snippet {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
      .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__title_row .csAssetSearchList__item__title_snippet > span {
        vertical-align: top; }
  .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__description,
  .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__features {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    line-height: 1.4rem;
    margin-left: -4.4rem;
    padding: 0 1rem 0 5.4rem;
    width: 100%; }
    .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__description cs-snippet-renderer > span,
    .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__features cs-snippet-renderer > span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-left: .2rem; }
      .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__description cs-snippet-renderer > span:first-child,
      .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__features cs-snippet-renderer > span:first-child {
        padding-left: 0; }
    .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__description .cs-icon,
    .csAssetPreviewDialogMetaRenderer__item .csAssetSearchList__item__features .cs-icon {
      font-size: 1em;
      vertical-align: top; }

.csAssetSearchListItemRenderer > .csAssetSearchList__item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2em;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-backface-visibility: hidden;
  border-top: 1px solid #f2f2f2;
  box-shadow: none;
  color: #b2b2b2;
  cursor: default;
  min-height: 6.4rem;
  overflow: hidden;
  padding: 1rem 1rem 1.1rem 2rem;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  vertical-align: top;
  width: 100%; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item:focus, .csAssetSearchListItemRenderer > .csAssetSearchList__item:hover {
    border-top-color: #e6e6e6;
    box-shadow: inset 0 -2px 0 -1px #e6e6e6; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item_controls {
    display: block; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item .csImageAssetPreview__preview::before {
    display: block; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item.csHover .csAssetSearchList__item__image, .csAssetSearchListItemRenderer > .csAssetSearchList__item:hover .csAssetSearchList__item__image {
    background: #d9d9d9; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected {
    background-color: #d2ecf8;
    border-top-color: #b4dff3;
    box-shadow: inset 0 -2px 0 -1px #b4dff3; }
    .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected:focus, .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected:hover {
      background-color: #b4dff3;
      border-top-color: #69bee6;
      box-shadow: inset 0 -2px 0 -1px #69bee6; }
    .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected .csAssetSearchList__item__image,
    .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected.csDarkSnippet .csImageAssetPreview__preview {
      background: #69bee6;
      border-color: #69bee6; }
      .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected .csAssetSearchList__item__image cs-asset-thumbnail,
      .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected.csDarkSnippet .csImageAssetPreview__preview cs-asset-thumbnail {
        opacity: .4; }
      .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected .csAssetSearchList__item__image::before,
      .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected.csDarkSnippet .csImageAssetPreview__preview::before {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex: 1 1 0;
        -moz-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #fff;
        content: "\e854";
        font-family: "cs-icons", sans-serif;
        font-size: 2.2rem;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 2; }
    .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected .csAssetSearchList__item_controls {
      display: block; }
    .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected .csAssetListItem__value,
    .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected .csAssetSearchList__item__description,
    .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected .csAssetSearchList__item__features {
      color: #777; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item_content {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-align-self: stretch;
    align-self: stretch;
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 55rem;
    overflow: hidden; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item_controls {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    padding-left: 1rem;
    padding-right: 1rem; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__image {
    background: #d9d9d9;
    display: block;
    float: left;
    height: 4.4rem;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 4.4rem; }
    .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__image > cs-snippet-renderer {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      height: 100%;
      position: absolute;
      width: 100%; }
      .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__image > cs-snippet-renderer img.csPreview-icon {
        bottom: 0;
        height: auto;
        left: 0;
        margin: auto;
        min-height: 0;
        min-width: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__title_row {
    color: #404448;
    display: block;
    float: left;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
    margin-left: -4.4rem;
    padding: 0 0 0 5.4rem;
    width: 100%; }
    .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__title_row .csAssetSearchList__item__title_snippet {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
      .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__title_row .csAssetSearchList__item__title_snippet > span {
        vertical-align: top; }
  .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__description,
  .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__features {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    line-height: 1.4rem;
    margin-left: -4.4rem;
    padding: 0 1rem 0 5.4rem;
    width: 100%; }
    .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__description cs-snippet-renderer > span,
    .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__features cs-snippet-renderer > span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-left: .2rem; }
      .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__description cs-snippet-renderer > span:first-child,
      .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__features cs-snippet-renderer > span:first-child {
        padding-left: 0; }
    .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__description .cs-icon,
    .csAssetSearchListItemRenderer > .csAssetSearchList__item .csAssetSearchList__item__features .cs-icon {
      font-size: 1em;
      vertical-align: top; }

.csAssetSearchListItemRenderer.csUploadProgressSnippet .cs-progressbar-number {
  display: none; }

.csAssetSearchGalleryItemRenderer.csVirtualListRenderer_Container {
  padding-bottom: 2rem;
  padding-right: 2rem; }
  .csAssetSearchGalleryItemRenderer.csVirtualListRenderer_Container .VerticalScrollbar {
    bottom: 2rem;
    top: 2rem; }
    .cs-has-filterbar .csAssetSearchGalleryItemRenderer.csVirtualListRenderer_Container .VerticalScrollbar {
      top: 1px; }

.csAssetSearchGalleryItemRenderer.csVirtualListRenderer_Item {
  padding: 2rem 0 0 2rem; }

.csAssetSearchGallery__item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #777;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  .csAssetSearchGallery__item[cs-selection-item] {
    cursor: default; }
  .csAssetSearchGallery__item .csAssetSearchGallery__item__title_row .operations .csControl__menu {
    display: flex; }
    .csAssetSearchGallery__item .csAssetSearchGallery__item__title_row .operations .csControl__menu.visible {
      display: block; }
  .csAssetSearchGallery__item.csSelected {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    transition-duration: 0; }
    .csAssetSearchGallery__item.csSelected .csAssetSearchGallery__item__title_row {
      color: #69bee6; }
    .csAssetSearchGallery__item.csSelected .csAssetSearchGallery__item__image {
      background: #69bee6;
      border-color: #69bee6; }
      .csAssetSearchGallery__item.csSelected .csAssetSearchGallery__item__image cs-asset-thumbnail {
        opacity: .4; }
      .csAssetSearchGallery__item.csSelected .csAssetSearchGallery__item__image::before {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex: 1 1 0;
        -moz-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #fff;
        content: "\e854";
        font-family: "cs-icons", sans-serif;
        font-size: 2.4rem;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 2; }
      .csAssetSearchGallery__item.csSelected .csAssetSearchGallery__item__image .csImageAssetPreview__preview::before {
        content: "\e854";
        display: block; }
      .csAssetSearchGallery__item.csSelected .csAssetSearchGallery__item__image .csImageAssetPreview__preview_center {
        opacity: .4; }
    .csAssetSearchGallery__item.csSelected .csAssetListItem__title,
    .csAssetSearchGallery__item.csSelected .csAssetListItem__value {
      color: #69bee6; }
    .csAssetSearchGallery__item.csSelected .csAssetSearchGallery__item__title_row .operations .csControl__menu {
      display: block; }
  .csAssetSearchGallery__item > .csAssetSearchGallery__item__title_row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #404448;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    min-height: 2.4rem;
    padding: .2rem 0; }
    .csAssetSearchGallery__item > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -ms-flex-pack: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .csAssetSearchGallery__item > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchGallery__item__title_snippet {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .csAssetSearchGallery__item > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchGallery__item__title_snippet > span {
          vertical-align: top; }
      .csAssetSearchGallery__item > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchGallery__item__extra_snippet {
        display: flex; }
      .csAssetSearchGallery__item > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .operations {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
        .csAssetSearchGallery__item > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .operations .csControl__menu {
          display: flex;
          vertical-align: top; }
      .csAssetSearchGallery__item > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > li .cs-icon {
        line-height: inherit;
        vertical-align: top; }
      .csAssetSearchGallery__item > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > .csActionGroup__item .cs-icon {
        line-height: inherit;
        vertical-align: top; }
  .csAssetSearchGallery__item > .csAssetSearchGallery__item__image {
    -webkit-flex: 3 1 auto;
    -moz-flex: 3 1 auto;
    -ms-flex: 3 1 auto;
    flex: 3 1 auto;
    background: #d9d9d9;
    display: block;
    overflow: hidden;
    position: relative; }
    .csAssetSearchGallery__item > .csAssetSearchGallery__item__image > cs-snippet-renderer {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      height: 100%;
      position: absolute;
      width: 100%; }
      .csAssetSearchGallery__item > .csAssetSearchGallery__item__image > cs-snippet-renderer img.csPreview-icon {
        bottom: 0;
        height: auto;
        left: 0;
        margin: auto;
        min-height: initial;
        min-width: initial;
        position: absolute;
        right: 0;
        top: 0;
        width: 20%; }
    .csAssetSearchGallery__item > .csAssetSearchGallery__item__image .cs-progressbar-wrapper.cs-is-radial {
      padding-bottom: 92px; }

.csAssetSearchGalleryItemRenderer .singleColumnLayout cs-asset-thumbnail img {
  height: 90%;
  object-fit: contain;
  width: 90%; }

.csAssetSearchGallery__item.ui-draggable-dragging {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #777;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  .csAssetSearchGallery__item.ui-draggable-dragging[cs-selection-item] {
    cursor: default; }
  .csAssetSearchGallery__item.ui-draggable-dragging .csAssetSearchGallery__item__title_row .operations .csControl__menu {
    display: flex; }
    .csAssetSearchGallery__item.ui-draggable-dragging .csAssetSearchGallery__item__title_row .operations .csControl__menu.visible {
      display: block; }
  .csAssetSearchGallery__item.ui-draggable-dragging.csSelected {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    transition-duration: 0; }
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__title_row {
      color: #69bee6; }
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image {
      background: #69bee6;
      border-color: #69bee6; }
      .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image cs-asset-thumbnail {
        opacity: .4; }
      .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image::before {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex: 1 1 0;
        -moz-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #fff;
        content: "\e854";
        font-family: "cs-icons", sans-serif;
        font-size: 2.4rem;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 2; }
      .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image .csImageAssetPreview__preview::before {
        content: "\e854";
        display: block; }
      .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image .csImageAssetPreview__preview_center {
        opacity: .4; }
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetListItem__title,
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetListItem__value {
      color: #69bee6; }
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__title_row .operations .csControl__menu {
      display: block; }
  .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #404448;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    min-height: 2.4rem;
    padding: .2rem 0; }
    .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -ms-flex-pack: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchGallery__item__title_snippet {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchGallery__item__title_snippet > span {
          vertical-align: top; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchGallery__item__extra_snippet {
        display: flex; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .operations {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
        .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .operations .csControl__menu {
          display: flex;
          vertical-align: top; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > li .cs-icon {
        line-height: inherit;
        vertical-align: top; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > .csActionGroup__item .cs-icon {
        line-height: inherit;
        vertical-align: top; }
  .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__image {
    -webkit-flex: 3 1 auto;
    -moz-flex: 3 1 auto;
    -ms-flex: 3 1 auto;
    flex: 3 1 auto;
    background: #d9d9d9;
    display: block;
    overflow: hidden;
    position: relative; }
    .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__image > cs-snippet-renderer {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      height: 100%;
      position: absolute;
      width: 100%; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__image > cs-snippet-renderer img.csPreview-icon {
        bottom: 0;
        height: auto;
        left: 0;
        margin: auto;
        min-height: initial;
        min-width: initial;
        position: absolute;
        right: 0;
        top: 0;
        width: 20%; }
    .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__image .cs-progressbar-wrapper.cs-is-radial {
      padding-bottom: 92px; }

@media (max-width: 1200px) {
  .csAssetSearchGalleryRenderer > .csAssetSearchGallery__item {
    margin: 1%;
    width: 23%; } }

.csAssetSearchCardItemRenderer.csVirtualListRenderer_Container {
  padding-bottom: 2rem;
  padding-right: 2rem; }
  .csAssetSearchCardItemRenderer.csVirtualListRenderer_Container .VerticalScrollbar {
    bottom: 2rem;
    top: 2rem; }
    .cs-has-filterbar .csAssetSearchCardItemRenderer.csVirtualListRenderer_Container .VerticalScrollbar {
      top: 1px; }

.csAssetSearchCardItemRenderer.csVirtualListRenderer_Item {
  padding: 2rem 0 0 2rem; }

.csAssetSearchCard__item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 1px solid #e6e6e6;
  color: #b2b2b2;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  .csAssetSearchCard__item:hover {
    background: #f2f2f2;
    border: 1px solid #d9d9d9; }
  .csAssetSearchCard__item[cs-selection-item] {
    cursor: default; }
  .csAssetSearchCard__item .csAssetSearchCard__item__title_row .operations .csControl__menu {
    display: block; }
    .csAssetSearchCard__item .csAssetSearchCard__item__title_row .operations .csControl__menu.visible {
      display: block; }
  .csAssetSearchCard__item.csHover > .csAssetSearchCard__item__title_row {
    padding-right: 0; }
  .csAssetSearchCard__item.csSelected {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    transition-duration: 0; }
    .csAssetSearchCard__item.csSelected .csAssetSearchCard__item__title_row {
      color: #69bee6; }
    .csAssetSearchCard__item.csSelected .csAssetSearchCard__item__image {
      background: #69bee6;
      border-color: #69bee6; }
      .csAssetSearchCard__item.csSelected .csAssetSearchCard__item__image cs-asset-thumbnail {
        opacity: .4; }
      .csAssetSearchCard__item.csSelected .csAssetSearchCard__item__image::before {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex: 1 1 0;
        -moz-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #fff;
        content: "\e854";
        font-family: "cs-icons", sans-serif;
        font-size: 2.4rem;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 2; }
      .csAssetSearchCard__item.csSelected .csAssetSearchCard__item__image .csImageAssetPreview__preview::before {
        content: "\e854";
        display: block; }
      .csAssetSearchCard__item.csSelected .csAssetSearchCard__item__image .csImageAssetPreview__preview_center {
        opacity: .4; }
    .csAssetSearchCard__item.csSelected .csAssetListItem__title,
    .csAssetSearchCard__item.csSelected .csAssetListItem__value {
      color: #69bee6; }
    .csAssetSearchCard__item.csSelected .csAssetSearchCard__item__title_row .operations .csControl__menu {
      display: block; }
  .csAssetSearchCard__item > .csAssetSearchCard__item__title_row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #404448;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 1rem 1rem 0 1.5rem;
    min-height: 2.2rem;
    padding: 0 1.5rem 0 0; }
    .csAssetSearchCard__item > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -ms-flex-pack: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .csAssetSearchCard__item > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchCard__item__title_snippet {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        .csAssetSearchCard__item > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchCard__item__title_snippet > span {
          vertical-align: top; }
      .csAssetSearchCard__item > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .operations {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
        .csAssetSearchCard__item > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .operations .csControl__menu {
          vertical-align: top; }
      .csAssetSearchCard__item > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > li .cs-icon {
        line-height: inherit;
        vertical-align: top; }
      .csAssetSearchCard__item > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > .csActionGroup__item .cs-icon {
        line-height: inherit;
        vertical-align: top; }
  .csAssetSearchCard__item > .csAssetSearchCard__item__description_row,
  .csAssetSearchCard__item > .csAssetSearchCard__item__extra_row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 1.8rem;
    padding: 0 1.5rem; }
    .csAssetSearchCard__item > .csAssetSearchCard__item__description_row > div,
    .csAssetSearchCard__item > .csAssetSearchCard__item__extra_row > div {
      overflow: hidden;
      text-overflow: ellipsis; }
  .csAssetSearchCard__item > .csAssetSearchCard__item__image {
    -webkit-flex: 3 1 auto;
    -moz-flex: 3 1 auto;
    -ms-flex: 3 1 auto;
    flex: 3 1 auto;
    background: #d9d9d9;
    display: block;
    min-height: 11.2rem;
    overflow: hidden;
    position: relative; }
    .csAssetSearchCard__item > .csAssetSearchCard__item__image > cs-snippet-renderer {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      height: 100%;
      position: absolute;
      width: 100%; }
      .csAssetSearchCard__item > .csAssetSearchCard__item__image > cs-snippet-renderer img.csPreview-icon {
        bottom: 0;
        height: auto;
        left: 0;
        margin: auto;
        min-height: initial;
        min-width: initial;
        position: absolute;
        right: 0;
        top: 0;
        width: 20%; }
    .csAssetSearchCard__item > .csAssetSearchCard__item__image .cs-progressbar-wrapper.cs-is-radial {
      padding-bottom: 9.2rem; }

.csAssetSearchCard__item.ui-draggable-dragging {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border: 1px solid #e6e6e6;
  color: #b2b2b2;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  .csAssetSearchCard__item.ui-draggable-dragging:hover {
    background: #f2f2f2;
    border: 1px solid #d9d9d9; }
  .csAssetSearchCard__item.ui-draggable-dragging[cs-selection-item] {
    cursor: default; }
  .csAssetSearchCard__item.ui-draggable-dragging .csAssetSearchCard__item__title_row .operations .csControl__menu {
    display: block; }
    .csAssetSearchCard__item.ui-draggable-dragging .csAssetSearchCard__item__title_row .operations .csControl__menu.visible {
      display: block; }
  .csAssetSearchCard__item.ui-draggable-dragging.csHover > .csAssetSearchCard__item__title_row {
    padding-right: 0; }
  .csAssetSearchCard__item.ui-draggable-dragging.csSelected {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    transition-duration: 0; }
    .csAssetSearchCard__item.ui-draggable-dragging.csSelected .csAssetSearchCard__item__title_row {
      color: #69bee6; }
    .csAssetSearchCard__item.ui-draggable-dragging.csSelected .csAssetSearchCard__item__image {
      background: #69bee6;
      border-color: #69bee6; }
      .csAssetSearchCard__item.ui-draggable-dragging.csSelected .csAssetSearchCard__item__image cs-asset-thumbnail {
        opacity: .4; }
      .csAssetSearchCard__item.ui-draggable-dragging.csSelected .csAssetSearchCard__item__image::before {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex: 1 1 0;
        -moz-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #fff;
        content: "\e854";
        font-family: "cs-icons", sans-serif;
        font-size: 2.4rem;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 2; }
      .csAssetSearchCard__item.ui-draggable-dragging.csSelected .csAssetSearchCard__item__image .csImageAssetPreview__preview::before {
        content: "\e854";
        display: block; }
      .csAssetSearchCard__item.ui-draggable-dragging.csSelected .csAssetSearchCard__item__image .csImageAssetPreview__preview_center {
        opacity: .4; }
    .csAssetSearchCard__item.ui-draggable-dragging.csSelected .csAssetListItem__title,
    .csAssetSearchCard__item.ui-draggable-dragging.csSelected .csAssetListItem__value {
      color: #69bee6; }
    .csAssetSearchCard__item.ui-draggable-dragging.csSelected .csAssetSearchCard__item__title_row .operations .csControl__menu {
      display: block; }
  .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__title_row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #404448;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 1rem 1rem 0 1.5rem;
    min-height: 2.2rem;
    padding: 0 1.5rem 0 0; }
    .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -ms-flex-pack: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchCard__item__title_snippet {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchCard__item__title_snippet > span {
          vertical-align: top; }
      .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .operations {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
        .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .operations .csControl__menu {
          vertical-align: top; }
      .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > li .cs-icon {
        line-height: inherit;
        vertical-align: top; }
      .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > .csActionGroup__item .cs-icon {
        line-height: inherit;
        vertical-align: top; }
  .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__description_row,
  .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__extra_row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 1.8rem;
    padding: 0 1.5rem; }
    .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__description_row > div,
    .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__extra_row > div {
      overflow: hidden;
      text-overflow: ellipsis; }
  .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__image {
    -webkit-flex: 3 1 auto;
    -moz-flex: 3 1 auto;
    -ms-flex: 3 1 auto;
    flex: 3 1 auto;
    background: #d9d9d9;
    display: block;
    min-height: 11.2rem;
    overflow: hidden;
    position: relative; }
    .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__image > cs-snippet-renderer {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      height: 100%;
      position: absolute;
      width: 100%; }
      .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__image > cs-snippet-renderer img.csPreview-icon {
        bottom: 0;
        height: auto;
        left: 0;
        margin: auto;
        min-height: initial;
        min-width: initial;
        position: absolute;
        right: 0;
        top: 0;
        width: 20%; }
    .csAssetSearchCard__item.ui-draggable-dragging > .csAssetSearchCard__item__image .cs-progressbar-wrapper.cs-is-radial {
      padding-bottom: 9.2rem; }

/* Responsive */
@media (max-width: 120rem) {
  .csAssetSearchCardRenderer > .csAssetSearchCard__item {
    margin: 1%;
    width: 23%; } }

.csAssetSearchGroupedListRenderer article.group {
  display: block;
  font-size: 0;
  margin: 0 10%; }
  .csAssetSearchGroupedListRenderer article.group h3 {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e6e6e6;
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 5px; }
  .csAssetSearchGroupedListRenderer article.group > ul {
    color: #777;
    margin: 0;
    padding: 0; }
    .csAssetSearchGroupedListRenderer article.group > ul > li {
      margin-bottom: 20px; }

.csAssetSearchListGroupItemRenderer .csAssetSearchListGroupItem {
  margin: 2.5rem 0;
  padding: 0 2rem; }

.csAssetSearchListGroupItemRenderer ul.csControl__menu {
  position: absolute;
  right: 0;
  top: 0; }

li.csAssetSearchGalleryGroupItemRenderer .csAssetSearchGalleryGroupItem {
  margin: 2.5rem 0 -0.5rem 2rem;
  padding: 0; }

li.csAssetSearchGalleryGroupItemRenderer div {
  left: 20px;
  padding-bottom: 2px;
  position: absolute;
  right: 0;
  top: 10px; }
  li.csAssetSearchGalleryGroupItemRenderer div ul.csControl__menu {
    position: absolute;
    right: 0;
    top: 0; }

.csAssetSearchRelationItemRenderer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0 !important;
  position: relative; }
  .csAssetSearchRelationItemRenderer div.csAssetSearchGallery__item {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #69bee6;
    border: none;
    color: #f2f2f2;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%; }
    .csAssetSearchRelationItemRenderer div.csAssetSearchGallery__item > div.csAssetSearchGallery__item-title {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 0 1 auto;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.2em;
      color: #f2f2f2;
      padding: 0 .3rem;
      text-align: center; }

.csAssetSearchGallery__item.ui-draggable-dragging {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #777;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  .csAssetSearchGallery__item.ui-draggable-dragging[cs-selection-item] {
    cursor: default; }
  .csAssetSearchGallery__item.ui-draggable-dragging .csAssetSearchGallery__item__title_row .operations .csControl__menu {
    display: flex; }
    .csAssetSearchGallery__item.ui-draggable-dragging .csAssetSearchGallery__item__title_row .operations .csControl__menu.visible {
      display: block; }
  .csAssetSearchGallery__item.ui-draggable-dragging.csSelected {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    transition-duration: 0; }
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__title_row {
      color: #69bee6; }
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image {
      background: #69bee6;
      border-color: #69bee6; }
      .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image cs-asset-thumbnail {
        opacity: .4; }
      .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image::before {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex: 1 1 0;
        -moz-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #fff;
        content: "\e854";
        font-family: "cs-icons", sans-serif;
        font-size: 2.4rem;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 2; }
      .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image .csImageAssetPreview__preview::before {
        content: "\e854";
        display: block; }
      .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__image .csImageAssetPreview__preview_center {
        opacity: .4; }
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetListItem__title,
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetListItem__value {
      color: #69bee6; }
    .csAssetSearchGallery__item.ui-draggable-dragging.csSelected .csAssetSearchGallery__item__title_row .operations .csControl__menu {
      display: block; }
  .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #404448;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    min-height: 2.4rem;
    padding: .2rem 0; }
    .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -ms-flex-pack: space-between;
      -ms-justify-content: space-between;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchGallery__item__title_snippet {
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchGallery__item__title_snippet > span {
          vertical-align: top; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csAssetSearchGallery__item__extra_snippet {
        display: flex; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .operations {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
        .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .operations .csControl__menu {
          display: flex;
          vertical-align: top; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > li .cs-icon {
        line-height: inherit;
        vertical-align: top; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__title_row .csAssetSearchList__item__title_row__inner .csControl__menu > .csActionGroup__item .cs-icon {
        line-height: inherit;
        vertical-align: top; }
  .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__image {
    -webkit-flex: 3 1 auto;
    -moz-flex: 3 1 auto;
    -ms-flex: 3 1 auto;
    flex: 3 1 auto;
    background: #d9d9d9;
    display: block;
    overflow: hidden;
    position: relative; }
    .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__image > cs-snippet-renderer {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      height: 100%;
      position: absolute;
      width: 100%; }
      .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__image > cs-snippet-renderer img.csPreview-icon {
        bottom: 0;
        height: auto;
        left: 0;
        margin: auto;
        min-height: initial;
        min-width: initial;
        position: absolute;
        right: 0;
        top: 0;
        width: 20%; }
    .csAssetSearchGallery__item.ui-draggable-dragging > .csAssetSearchGallery__item__image .cs-progressbar-wrapper.cs-is-radial {
      padding-bottom: 92px; }

.csAssetSearchRelationAssetItemRenderer.csVirtualListRenderer_Container {
  margin: 0;
  padding: 1rem 0; }
  .csAssetChooserDialog .csAssetSearchRelationAssetItemRenderer.csVirtualListRenderer_Container {
    padding-bottom: 0; }
  .csAssetSearchRelationAssetItemRenderer.csVirtualListRenderer_Container .VerticalScrollbar {
    bottom: 2rem;
    top: 2.1rem; }
    .cs-has-filterbar .csAssetSearchRelationAssetItemRenderer.csVirtualListRenderer_Container .VerticalScrollbar {
      top: 1px; }

ul.csAssetSearchRelationAssetItemRenderer {
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative; }
  ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    background: #fff;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #777;
    margin: 0;
    padding: 0;
    position: relative;
    width: 12rem;
    height: 100%;
    width: 100%; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item[cs-selection-item] {
      cursor: default; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item.csHover, ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item.csSelected {
      border-color: transparent; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item.csHover::before {
      content: "";
      height: 100%;
      position: absolute;
      width: 100%; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item.csHover li.csAssetSearchRelationAsset__item-controls span.operations .csControl__menu {
      display: block !important; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item.csSelected::before {
      box-shadow: 0 0 0 2px #69bee6;
      content: "";
      height: 100%;
      position: absolute;
      width: 100%; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item.csSelected .csAssetSearchRelationAsset__item-title {
      color: #69bee6; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item.csSelected > li.csAssetSearchRelationAsset__item-image {
      background: #69bee6; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item.csSelected li.csAssetSearchRelationAsset__item-controls span.operations .csControl__menu {
      display: block; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item li.csAssetSearchRelationAsset__item-controls span.operations .csControl__menu {
      display: none; }
      ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item li.csAssetSearchRelationAsset__item-controls span.operations .csControl__menu.visible {
        display: block; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item > li.csAssetSearchRelationAsset__item-title {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #404448;
      line-height: 18px;
      min-height: 3rem;
      padding: .6rem 1.5rem; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item > li.csAssetSearchRelationAsset__item-extra {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.2rem;
      font-weight: 600;
      line-height: 1.2em;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      color: #777;
      height: 3rem;
      line-height: 16px;
      overflow: hidden;
      padding: .6rem 1.5rem;
      white-space: nowrap; }
      ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item > li.csAssetSearchRelationAsset__item-extra > cs-snippet-renderer > span {
        margin-right: 1rem; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item > li.csAssetSearchRelationAsset__item-image {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      -webkit-flex: 3 1 auto;
      -moz-flex: 3 1 auto;
      -ms-flex: 3 1 auto;
      flex: 3 1 auto;
      background: #d9d9d9;
      display: block;
      overflow: hidden;
      position: relative; }
      ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item > li.csAssetSearchRelationAsset__item-image > cs-snippet-renderer {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        height: 100%;
        position: absolute;
        width: 100%; }
        ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item > li.csAssetSearchRelationAsset__item-image > cs-snippet-renderer > div.csImageAssetPreview__preview {
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
          overflow: hidden; }
        ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item > li.csAssetSearchRelationAsset__item-image > cs-snippet-renderer img.csPreview-icon {
          height: auto;
          min-height: initial;
          min-width: initial;
          width: 20%; }
    ul.csAssetSearchRelationAssetItemRenderer .csAssetSearchRelationAsset__item > li.csAssetSearchRelationAsset__item-controls .operations {
      box-shadow: 0 0 0 0 transparent;
      padding-top: .6rem;
      right: 1px;
      top: 1px; }

/* Dragging */
.csAssetSearchRelationAsset__item.ui-draggable-dragging {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #777;
  margin: 0;
  padding: 0;
  position: relative;
  width: 12rem; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging[cs-selection-item] {
    cursor: default; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging.csHover, .csAssetSearchRelationAsset__item.ui-draggable-dragging.csSelected {
    border-color: transparent; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging.csHover::before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging.csHover li.csAssetSearchRelationAsset__item-controls span.operations .csControl__menu {
    display: block !important; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging.csSelected::before {
    box-shadow: 0 0 0 2px #69bee6;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging.csSelected .csAssetSearchRelationAsset__item-title {
    color: #69bee6; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging.csSelected > li.csAssetSearchRelationAsset__item-image {
    background: #69bee6; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging.csSelected li.csAssetSearchRelationAsset__item-controls span.operations .csControl__menu {
    display: block; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging li.csAssetSearchRelationAsset__item-controls span.operations .csControl__menu {
    display: none; }
    .csAssetSearchRelationAsset__item.ui-draggable-dragging li.csAssetSearchRelationAsset__item-controls span.operations .csControl__menu.visible {
      display: block; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging > li.csAssetSearchRelationAsset__item-title {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #404448;
    line-height: 18px;
    min-height: 3rem;
    padding: .6rem 1.5rem; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging > li.csAssetSearchRelationAsset__item-extra {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2em;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #777;
    height: 3rem;
    line-height: 16px;
    overflow: hidden;
    padding: .6rem 1.5rem;
    white-space: nowrap; }
    .csAssetSearchRelationAsset__item.ui-draggable-dragging > li.csAssetSearchRelationAsset__item-extra > cs-snippet-renderer > span {
      margin-right: 1rem; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging > li.csAssetSearchRelationAsset__item-image {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-flex: 3 1 auto;
    -moz-flex: 3 1 auto;
    -ms-flex: 3 1 auto;
    flex: 3 1 auto;
    background: #d9d9d9;
    display: block;
    overflow: hidden;
    position: relative; }
    .csAssetSearchRelationAsset__item.ui-draggable-dragging > li.csAssetSearchRelationAsset__item-image > cs-snippet-renderer {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      height: 100%;
      position: absolute;
      width: 100%; }
      .csAssetSearchRelationAsset__item.ui-draggable-dragging > li.csAssetSearchRelationAsset__item-image > cs-snippet-renderer > div.csImageAssetPreview__preview {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        overflow: hidden; }
      .csAssetSearchRelationAsset__item.ui-draggable-dragging > li.csAssetSearchRelationAsset__item-image > cs-snippet-renderer img.csPreview-icon {
        height: auto;
        min-height: initial;
        min-width: initial;
        width: 20%; }
  .csAssetSearchRelationAsset__item.ui-draggable-dragging > li.csAssetSearchRelationAsset__item-controls .operations {
    box-shadow: 0 0 0 0 transparent;
    padding-top: .6rem;
    right: 1px;
    top: 1px; }

/* Responsive */
@media (max-width: 1200px) {
  .csAssetSearchGalleryRenderer > .csAssetSearchGallery__item {
    margin: 1%;
    width: 23%; } }

.csAssetSocialMediaFeedback {
  height: 100%;
  overflow: hidden; }

.csAssetSocialMediaFeedback__list_item {
  border-top: 0.1rem solid #f2f2f2;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0.6rem 2rem; }
  .csAssetSocialMediaFeedback__list_item:last-child {
    border-bottom: 0.1rem solid #f2f2f2; }
  .csAssetSocialMediaFeedback__list_item .cs-icon {
    font-size: 1.6rem;
    margin-right: 0.5rem;
    vertical-align: top; }
  .csAssetSocialMediaFeedback__list_item .csAssetSocialMediaFeedback__list__label {
    font-weight: 300; }

.csAssetSocialMediaFeedback__grid_item {
  display: block;
  font-size: 1.4rem;
  line-height: .9;
  padding: 1rem;
  text-align: center; }
  .csAssetSocialMediaFeedback__grid_item .cs-icon {
    line-height: 1;
    margin-bottom: 0.5rem; }
  .csAssetSocialMediaFeedback__grid_item .csAssetSocialMediaFeedback__grid__count {
    display: block;
    font-size: 2.6rem;
    line-height: 1;
    padding-bottom: 0.5rem; }
  .csAssetSocialMediaFeedback__grid_item .csAssetSocialMediaFeedback__grid__label {
    display: block;
    font-size: 1.2rem;
    padding-bottom: 0.5rem; }
  .csAssetSocialMediaFeedback__grid_item.csAssetSocialMediaFeedback__grid_item__1 {
    border-bottom: 0.1rem solid #f2f2f2;
    border-right: 0.1rem solid #f2f2f2; }
  .csAssetSocialMediaFeedback__grid_item.csAssetSocialMediaFeedback__grid_item__2 {
    border-bottom: 0.1rem solid #f2f2f2; }
  .csAssetSocialMediaFeedback__grid_item.csAssetSocialMediaFeedback__grid_item__3 {
    border-right: 0.1rem solid #f2f2f2; }

.csAssetSocialMediaFeedback__grid.cs-small-state .cs-grid-cell {
  border-right: 0.1rem solid #f2f2f2; }

.csAssetSocialMediaFeedback__grid.cs-small-state .cs-grid-cell:last-child {
  border-right: 0; }

.csAssetSocialMediaFeedback__grid.cs-small-state .csAssetSocialMediaFeedback__grid__label {
  padding-bottom: 0; }

.csAssetSocialMediaFeedback__grid.cs-small-state .csAssetSocialMediaFeedback__grid__count {
  font-size: 1.6rem;
  line-height: inherit;
  padding-bottom: 0; }

.csWidget_csAssetStateWidget .csAssetStateWidget__footer {
  padding: 0 1.6rem; }
  .csWidget_csAssetStateWidget .csAssetStateWidget__footer .csAssetProperties__list {
    font-size: 1.2rem;
    padding-top: 0.5rem; }

cs-asset-table-control {
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%; }

.csTableControl__autoscrollarea_top,
.csTableControl__autoscrollarea_bottom {
  position: absolute;
  width: 100%;
  z-index: 100; }

.csTableControl__autoscrollarea_top {
  top: 0; }

.csTableControl__autoscrollarea_bottom {
  bottom: 0; }

.csTableControl__notificationarea {
  background-color: rgba(105, 190, 230, 0.8);
  color: #fff;
  pointer-events: none;
  position: absolute;
  text-align: center;
  z-index: 80; }

.csTableControl {
  border-collapse: collapse;
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  height: 100%;
  width: 100%; }
  .csTableControl.cs-empty-table-state {
    background: url("../img/empty_state_table.svg") center center/7.5rem no-repeat;
    font-family: "SourceSansPro", "Arial", sans-serif; }
    .csTableControl.cs-empty-table-state .csTableControl__body {
      cursor: default; }
  .csTableControl:hover .csTableControl__cell {
    will-change: transform, contents; }
  .csTableControl .csBusySpinner__cover {
    display: none;
    z-index: -1; }

.cs-load-table-state .csBusySpinner__cover {
  display: block;
  z-index: 9998; }

.csTableControl__header {
  background-color: #d9d9d9;
  position: relative;
  white-space: nowrap;
  z-index: 5; }

.csTableControl__header_invisible {
  height: 0;
  opacity: 0; }

.csTableControl__header .csTableControl__cell:first-child,
.csTableControl__row .csTableControl__cell:first-child {
  padding-left: 1.5rem; }

.csTableControl__body {
  cursor: pointer;
  flex-grow: 1;
  position: relative; }
  .csTableControl__body.csTableControl__no_events * {
    pointer-events: none !important; }

.csTableControl__row {
  height: 0;
  left: 0;
  top: 0;
  white-space: nowrap; }
  .csTableControl__row.dropAreaBelow::after, .csTableControl__row.dropAreaAbove::before {
    background-color: #69bee6;
    content: "";
    display: block;
    height: .3rem;
    margin-top: -.1rem;
    position: absolute;
    width: 100%;
    z-index: 100; }
  .csTableControl__row.csTableControl__row_first_row.dropAreaAbove::before {
    height: .3rem;
    margin-top: 0; }
  .csTableControl__row.csTableControl__row_last_row.dropAreaBelow::after {
    height: .3rem;
    margin-top: -.3rem; }

.csTableControl__cell {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border-top: 0.1rem solid #e6e6e6;
  display: inline-block;
  pointer-events: all;
  position: relative;
  vertical-align: top; }
  .csTableControl__cell .cs-checkbox {
    line-height: inherit;
    min-height: auto;
    width: 3rem; }
  .csTableControl__cell .cs-checkbox-style {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.csTableControl__row_wrapper {
  height: calc(100% - .2rem); }

.csTableControl__static_body .csTableControl__row {
  height: auto;
  left: auto;
  position: relative;
  top: auto;
  white-space: normal; }

.csTableControl__static_body .csTableControl__cell {
  height: auto !important;
  line-height: inherit !important;
  padding: .4rem; }

.csTableControl__static_body .csTableControl__cell_content *:not(.cs-icon) {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.csTableControl__static_body .csTableControl_static_row_cell {
  display: flex;
  flex-direction: row; }

.csTableControl__static_body .csTableControl_static_row_cell > div {
  flex: 0 0 auto; }

.csTableControl__static_body .csTableControl_static_row_cell .csTableControl_static_row_cell_content {
  flex: 1;
  min-width: 0; }
  .csTableControl__static_body .csTableControl_static_row_cell .csTableControl_static_row_cell_content span div,
  .csTableControl__static_body .csTableControl_static_row_cell .csTableControl_static_row_cell_content span span {
    overflow: hidden;
    text-overflow: ellipsis; }

.csTableControl__cell .csHover {
  background-color: transparent !important; }

.csTableControl__cell_even {
  background-color: #f2f2f2; }

.csTableControl__cell_odd {
  background-color: #fff; }

.csTableControl__header_cell {
  background-color: #d9d9d9;
  border-bottom: 0;
  border-top: 0;
  position: relative; }
  .csTableControl__header_cell.frozen-y {
    cursor: ew-resize; }
  .csTableControl__header_cell:hover {
    background-color: #c7c7c7 !important; }
  .csTableControl__header_cell .csTableControl__resizehandle {
    border-right: .1rem solid #fff;
    cursor: col-resize;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem; }

.csTableControl__cell_not-frozen {
  z-index: 1; }

.csTableControl__cell_frozen-x {
  z-index: 2; }

.csTableControl__cell_frozen-y {
  z-index: 3; }

.csTableControl__cell_frozen-xy {
  z-index: 4; }

.csTableControl__cell_active_sorting {
  border: none;
  border-bottom: 0.1rem solid #5eabcf;
  cursor: col-resize;
  opacity: .9;
  z-index: 10; }

.csTableControl__header_cell {
  padding: 0 1rem;
  position: relative; }
  .csTableControl__header_cell .csTableControl__column_sorting {
    cursor: default;
    margin-left: .5rem;
    position: relative;
    top: -.3rem; }
    .csTableControl__header_cell .csTableControl__column_sorting span {
      left: 0;
      position: absolute; }
    .csTableControl__header_cell .csTableControl__column_sorting .cs-icon-arrow-up {
      top: -.3rem; }
    .csTableControl__header_cell .csTableControl__column_sorting .cs-icon-arrow-down {
      top: .3rem; }

.csTableControl__cell_content {
  display: block;
  overflow: hidden;
  padding: 0 1rem;
  text-overflow: ellipsis; }

.csTableControl__cell_content,
.csTableControl__cell_chevron,
.csTableControl__cell_checkbox {
  display: inline-block;
  height: 100%;
  vertical-align: top; }

.csTableControl__cell_content {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }
  .csTableControl__cell_content .csTableControl__snippet img {
    height: 75%;
    vertical-align: middle;
    width: auto; }
  .csTableControl__cell_content .csTableControl__snippet span {
    padding-right: .4rem; }

.csTableControl__cell_group {
  font-weight: bold; }

.csTableControl__cell_chevron {
  color: #b2b2b2;
  cursor: pointer;
  font-size: 1.4rem;
  text-align: center;
  visibility: hidden;
  width: 3rem; }
  .csTableControl__cell_chevron.csTableControl__cell_chevron_visible {
    visibility: visible; }

.csTableControl__row_hovered .csTableControl__cell {
  background-color: #f2f2f2;
  border-top: 0.1rem solid #d9d9d9; }
  .csTableControl__row_hovered .csTableControl__cell .csTableControl_static_row_cell_behaviors {
    display: flex; }

.csTableControl__row_hovered + .csTableControl__row .csTableControl__cell {
  border-top: 0.1rem solid #d9d9d9; }

.csTableControl__row_marked .csTableControl__cell {
  background-color: #ddffab;
  border-top: 0.1rem solid #d2eca4; }

.csTableControl__row_marked + .csTableControl__row .csTableControl__cell {
  border-top: 0.1rem solid #d2eca4; }

.csTableControl__row_marked.csTableControl__row_hovered .csTableControl__cell {
  background-color: #d2eca4;
  border-top: 0.1rem solid #b4e068; }

.csTableControl__row_marked.csTableControl__row_hovered + .csTableControl__row .csTableControl__cell {
  border-top: 0.1rem solid #b4e068; }

.csTableControl__row_marked:last-child .csTableControl__cell {
  border-bottom: 0.1rem solid #d2eca4; }

.csTableControl__row_marked:last-child.csTableControl__row_hovered .csTableControl__cell {
  border-bottom: 0.1rem solid #b4e068; }

.csTableControl__row_selected:not(.csTableControl__row_marked) .csTableControl__cell {
  background-clip: padding-box;
  background-color: #d2ecf8;
  border-bottom: none;
  border-top: 0.1rem solid #b4dff3; }

.csTableControl__row_selected:not(.csTableControl__row_marked) + .csTableControl__row .csTableControl__cell {
  border-top: 0.1rem solid #b4dff3; }

.csTableControl__row_selected:not(.csTableControl__row_marked).csTableControl__row_hovered .csTableControl__cell {
  background-color: #bce2f4;
  border-top: 0.1rem solid #69bee6; }

.csTableControl__row_selected:not(.csTableControl__row_marked).csTableControl__row_hovered + .csTableControl__row .csTableControl__cell {
  border-top: 0.1rem solid #69bee6; }

.csTableControl__row_selected:not(.csTableControl__row_marked):last-child .csTableControl__cell {
  border-bottom: 0.1rem solid #b4dff3; }

.csTableControl__row_selected:not(.csTableControl__row_marked):last-child.csTableControl__row_hovered .csTableControl__cell {
  border-bottom: 0.1rem solid #69bee6; }

.csTableControl__cell_content,
.csTableControl__cell_chevron {
  color: #000; }

.ui-resizable-handle {
  border-right: 0.1rem solid #fff;
  cursor: col-resize;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: .4rem; }

.csTableControl__is_hierarchical .csTableControl__cell_group {
  margin-left: -2rem; }
  .csTableControl__is_hierarchical .csTableControl__cell_group .cs-button {
    padding-top: .3rem; }
    .csTableControl__is_hierarchical .csTableControl__cell_group .cs-button.manualSortButton {
      color: #69bee6; }

.csTableControl__is_hierarchical .csTableControl__cell:first-child {
  padding-left: 0; }
  .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content {
    padding-left: 0;
    width: calc(100% - 3rem); }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_1 {
      margin-left: 0;
      padding-left: 0rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_2 {
      margin-left: 0;
      padding-left: 2rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_3 {
      margin-left: 0;
      padding-left: 4rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_4 {
      margin-left: 0;
      padding-left: 6rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_5 {
      margin-left: 0;
      padding-left: 8rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_6 {
      margin-left: 0;
      padding-left: 10rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_7 {
      margin-left: 0;
      padding-left: 12rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_8 {
      margin-left: 0;
      padding-left: 14rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_9 {
      margin-left: 0;
      padding-left: 16rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_10 {
      margin-left: 0;
      padding-left: 18rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_11 {
      margin-left: 0;
      padding-left: 20rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_12 {
      margin-left: 0;
      padding-left: 22rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_13 {
      margin-left: 0;
      padding-left: 24rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_14 {
      margin-left: 0;
      padding-left: 26rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_15 {
      margin-left: 0;
      padding-left: 28rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_16 {
      margin-left: 0;
      padding-left: 30rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_17 {
      margin-left: 0;
      padding-left: 32rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_18 {
      margin-left: 0;
      padding-left: 34rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_19 {
      margin-left: 0;
      padding-left: 36rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_20 {
      margin-left: 0;
      padding-left: 38rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_21 {
      margin-left: 0;
      padding-left: 40rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_22 {
      margin-left: 0;
      padding-left: 42rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_23 {
      margin-left: 0;
      padding-left: 44rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_24 {
      margin-left: 0;
      padding-left: 46rem; }
    .csTableControl__is_hierarchical .csTableControl__cell:first-child .csTableControl__cell_content.csTableControl__cell_group.csTableControl__cell_group_indent_25 {
      margin-left: 0;
      padding-left: 48rem; }

.csTableControl__is_hierarchical .csTableControl__header_cell:first-child {
  padding-left: 3rem; }
  .csTableControl__is_hierarchical .csTableControl__header_cell:first-child .csTableControl__cell_content {
    width: 100%; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_1 {
  padding-left: 2rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_2 {
  padding-left: 4rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_3 {
  padding-left: 6rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_4 {
  padding-left: 8rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_5 {
  padding-left: 10rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_6 {
  padding-left: 12rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_7 {
  padding-left: 14rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_8 {
  padding-left: 16rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_9 {
  padding-left: 18rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_10 {
  padding-left: 20rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_11 {
  padding-left: 22rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_12 {
  padding-left: 24rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_13 {
  padding-left: 26rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_14 {
  padding-left: 28rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_15 {
  padding-left: 30rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_16 {
  padding-left: 32rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_17 {
  padding-left: 34rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_18 {
  padding-left: 36rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_19 {
  padding-left: 38rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_20 {
  padding-left: 40rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_21 {
  padding-left: 42rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_22 {
  padding-left: 44rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_23 {
  padding-left: 46rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_24 {
  padding-left: 48rem; }

.csTableControl__is_hierarchical .csTableControl__cell.csTableControl__cell_indent_25 {
  padding-left: 50rem; }

.csTableControl__is_checkable .csTableControl__static_body {
  height: calc(100% - 2rem); }

.csTableControl__is_checkable .csTableControl__row {
  white-space: nowrap; }

.csTableControl__is_checkable .csTableControl__row_selected:not(.csTableControl__row_marked):last-child .csTableControl__cell {
  border-bottom: 0; }

.csTableControl__is_checkable .csTableControl__row_selected:not(.csTableControl__row_marked):last-child.csTableControl__row_hovered .csTableControl__cell {
  border-bottom: 0; }

.csTableControl__is_checkable .csTableControl__cell {
  padding: 0; }

.csTableControl__is_checkable .csTableControl__header_cell {
  padding: 0 1rem 0 0; }

.csTableControl__is_checkable .csTableControl__cell_content {
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: nowrap; }

.csTableControl__drag_in_progress .censhareScroll__scrollbar_x,
.csTableControl__drag_in_progress .censhareScroll__scrollbar_y {
  display: none; }

.csTableControl__cell_drag {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.4rem; }

.cs-action-class-hidden-active .csTableControl_static_row_cell_content * {
  color: #1c1c1c; }

.cs-action-class-hidden-inactive .csTableControl_static_row_cell_content * {
  color: #b2b2b2; }

cs-asset-table-control-search-view {
  display: block;
  height: 100%;
  padding: 1rem 2rem 7rem 0;
  width: 100%; }

cs-asset-thumbnail {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  cs-asset-thumbnail img {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: scale-down; }
  cs-asset-thumbnail .asset-icon-thumbnail {
    height: 2rem;
    width: 2rem; }

.csAssetListItemRendererWidgetmxn_2rows cs-asset-thumbnail .asset-icon-thumbnail,
.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer cs-asset-thumbnail .asset-icon-thumbnail,
.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows cs-asset-thumbnail .asset-icon-thumbnail {
  height: 1.6rem;
  width: 1.6rem; }

.csAssetTwitterPreview__container {
  margin-top: -1rem;
  padding: 0 1rem; }

.csAssetVersionsWidget__content .csAssetVersionsWidget__entry {
  border-top: 0.1rem solid #e6e6e6;
  padding: 0 1.5rem; }
  .csAssetVersionsWidget__content .csAssetVersionsWidget__entry:first-child {
    border-top: 0; }
  .csAssetVersionsWidget__content .csAssetVersionsWidget__entry:last-child {
    border-bottom: 0.1rem solid #e6e6e6; }
  .csAssetVersionsWidget__content .csAssetVersionsWidget__entry:hover, .csAssetVersionsWidget__content .csAssetVersionsWidget__entry:focus {
    background-color: #f2f2f2; }

.csAssetVersionEntry {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 1.4rem;
  padding: 1rem 0;
  position: relative; }
  .csAssetVersionEntry .csAssetVersionEntry__version {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 3rem;
    min-width: 6rem;
    padding-right: 2rem;
    vertical-align: top; }
  .csAssetVersionEntry .csAssetVersionEntry__avatar {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-position: center center;
    background-size: cover;
    display: inline-block;
    height: 3rem;
    margin-right: 1rem;
    vertical-align: top;
    width: 3rem; }
  .csAssetVersionEntry .csAssetVersionEntry__person {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2rem;
    max-width: 23rem;
    min-width: 18rem;
    padding: 0.5rem 2rem 0 0;
    vertical-align: top; }
  .csAssetVersionEntry .csAssetVersionEntry__small_info {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    display: none;
    line-height: 1.5rem;
    overflow: hidden;
    padding-right: 2rem;
    vertical-align: top; }
    .csAssetVersionEntry .csAssetVersionEntry__small_info .csAssetVersionEntry__small_info__date {
      color: #9c9c9c;
      font-weight: 300; }
  .csAssetVersionEntry .csAssetVersionEntry__content {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 2rem;
    min-width: 27rem;
    overflow: hidden;
    padding: 0.5rem 0; }
  .csAssetVersionEntry .csAssetVersionsEntry__change {
    overflow-wrap: break-word;
    word-wrap: break-word;
    overflow: hidden;
    padding-bottom: 1rem; }
    .csAssetVersionEntry .csAssetVersionsEntry__change:last-child {
      padding-bottom: 0; }
  .csAssetVersionEntry .csAssetVersionsEntry__change__type {
    float: left;
    width: 2.4rem; }
    .csAssetVersionEntry .csAssetVersionsEntry__change__type > .cs-icon {
      color: #c7c7c7;
      font-size: 1.4rem;
      vertical-align: top; }
  .csAssetVersionEntry .csAssetVersionsEntry__change__label {
    float: left; }
    .csAssetVersionEntry .csAssetVersionsEntry__change__label.cs-is-removed {
      text-decoration: line-through; }
  .csAssetVersionEntry .csAssetVersionsEntry__change__content {
    clear: both;
    margin-left: 2.4rem; }
  .csAssetVersionEntry .csAssetVersionsEntry__change__previous_value {
    display: block;
    text-decoration: line-through; }
  .csAssetVersionEntry .csAssetVersionsEntry__change__current_value {
    display: block; }
  .csAssetVersionEntry .csAssetVersionsEntry__change__masterFile {
    height: 24rem;
    max-width: 36rem;
    width: 100%; }
    .csAssetVersionEntry .csAssetVersionsEntry__change__masterFile .csAssetVersionsEntry__change__preview {
      height: 100%; }
    .csAssetVersionEntry .csAssetVersionsEntry__change__masterFile .csAssetPreview__snippetRenderer {
      -webkit-flex: 1 1 100%;
      -moz-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      overflow: hidden; }
  .csAssetVersionEntry .csAssetVersionsEntry__change__map {
    height: 24rem;
    max-width: 36rem;
    width: 100%; }
  .csAssetVersionEntry .csAssetVersionEntry__day,
  .csAssetVersionEntry .csAssetVersionEntry__time {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.4rem;
    line-height: 3rem;
    padding-left: 2rem;
    width: 14rem; }
  .csAssetVersionEntry .csAssetVersionEntry__controls {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: none;
    position: absolute;
    right: 0;
    top: 1rem; }
  .csAssetVersionEntry:hover .csAssetVersionEntry__controls,
  .csAssetVersionEntry:focus .csAssetVersionEntry__controls {
    display: block; }

/*
 * the responsive cases: small screen, smaller than 2 gridster cols
 */
.cs-has-widget-col-size-1 .csAssetVersionEntry,
.cs-has-widget-col-size-2 .csAssetVersionEntry {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .cs-has-widget-col-size-1 .csAssetVersionEntry .csAssetVersionEntry__avatar,
  .cs-has-widget-col-size-2 .csAssetVersionEntry .csAssetVersionEntry__avatar {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1; }
  .cs-has-widget-col-size-1 .csAssetVersionEntry .csAssetVersionEntry__person,
  .cs-has-widget-col-size-2 .csAssetVersionEntry .csAssetVersionEntry__person {
    display: none; }
  .cs-has-widget-col-size-1 .csAssetVersionEntry .csAssetVersionEntry__small_info,
  .cs-has-widget-col-size-2 .csAssetVersionEntry .csAssetVersionEntry__small_info {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
    display: block; }
  .cs-has-widget-col-size-1 .csAssetVersionEntry .csAssetVersionEntry__version,
  .cs-has-widget-col-size-2 .csAssetVersionEntry .csAssetVersionEntry__version {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
    min-width: 4rem;
    padding-right: 0; }
  .cs-has-widget-col-size-1 .csAssetVersionEntry .csAssetVersionEntry__content,
  .cs-has-widget-col-size-2 .csAssetVersionEntry .csAssetVersionEntry__content {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
    min-width: 0;
    padding-left: 0.8rem; }
  .cs-has-widget-col-size-1 .csAssetVersionEntry .csAssetVersionEntry__day,
  .cs-has-widget-col-size-1 .csAssetVersionEntry .csAssetVersionEntry__time,
  .cs-has-widget-col-size-2 .csAssetVersionEntry .csAssetVersionEntry__day,
  .cs-has-widget-col-size-2 .csAssetVersionEntry .csAssetVersionEntry__time {
    display: none; }

/*
 * the responsive cases: small screen, smaller than 1 gridster cols
 */
.cs-has-widget-col-size-1 .csAssetVersionEntry .csAssetVersionEntry__small_info {
  max-width: 16rem; }

.csAssetWorkflowEditDialog {
  height: 70%; }
  .csAssetWorkflowEditDialog .csDialogForm__row .csDialogForm__cell {
    color: #404448;
    font-weight: 400; }
    .csAssetWorkflowEditDialog .csDialogForm__row .csDialogForm__cell .button {
      outline: none; }
      .csAssetWorkflowEditDialog .csDialogForm__row .csDialogForm__cell .button.cs-timeselector {
        margin-left: 0; }

.csWidget_csAssetWorkflowStatusWidget .due_date {
  display: block; }
  .csWidget_csAssetWorkflowStatusWidget .due_date::first-letter {
    text-transform: uppercase; }
  .csWidget_csAssetWorkflowStatusWidget .due_date.overdue {
    color: #ff4e4f; }

.csWidget_csAssetWorkflowStatusWidget .annotation {
  display: block;
  word-break: break-word; }

.csWidget_csAssetWorkflowStatusWidget .cs-button-alt {
  float: right; }

.csAvailabilityWidget .weekHeader {
  border-right: 1px solid #dcdcdc;
  height: 25px;
  margin-left: 40px;
  width: 211px; }
  .csAvailabilityWidget .weekHeader .weekDay {
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 0;
    border-top: 1px solid #dcdcdc;
    float: left;
    height: 100%;
    line-height: 25px;
    text-align: center;
    width: 30px; }

.csAvailabilityWidget .timeSlotsTable {
  margin-left: 10px;
  position: relative;
  width: 241px; }
  .csAvailabilityWidget .timeSlotsTable .timeSlotRow {
    height: 25px;
    position: relative;
    width: 100%; }
    .csAvailabilityWidget .timeSlotsTable .timeSlotRow .timeUnitsLabel {
      position: absolute;
      top: -7px; }
    .csAvailabilityWidget .timeSlotsTable .timeSlotRow .timeSlotWeekDays {
      border-right: 1px solid #dcdcdc;
      margin-left: 30px;
      width: 211px; }
  .csAvailabilityWidget .timeSlotsTable .availableTimeBar {
    background-color: #69bee6;
    position: absolute;
    width: 20px; }

.csAvailabilityWidget .dayAvailabilityRow {
  height: 25px;
  margin-left: 40px;
  width: 210px; }
  .csAvailabilityWidget .dayAvailabilityRow .dayAvailability {
    color: #404448;
    float: left;
    height: 100%;
    line-height: 25px;
    text-align: center;
    width: 30px; }

/* --------------------------------------
censhare Web LESS Item Renderers
copyright: censhare AG

Table of content
/*  ### csAssetListItem template ###
* ul:Item
* ul:Item csHover
* ul:Item -> Preview
* ul:Item -> Title
* ul:Item -> Value
* ul:Item -> Progress
* ul:Item -> Controls
* ul:item dragging
  --------------------------------------- */
/* ----------------------------------------
* Default flavor styling
  ----------------------------------------- */
ul.csAssetListItem {
  /* item */
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  transition-property: background-color;
  -webkit-backface-visibility: hidden;
  background-color: rgba(247, 247, 247, 0);
  box-shadow: inset 0 -2px 0 -1px #f2f2f2;
  display: block;
  font-size: 1.2rem;
  line-height: 1.4rem;
  min-height: 4.7rem;
  padding: 0;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  width: 100%;
  /* item preview */
  /* item title */
  /* Item value (multiple possible) */
  /* item progress */
  /* item controls */
  /* item dragging for all flavors */
  /* item csHover */
  /* csAssetListItem csSelected */
  /* if we have no padding outside of the list to the border of the widget, we can have them inside: so, on hover, the background change has the full width */ }
  ul.csAssetListItem::before, ul.csAssetListItem::after {
    content: " ";
    display: table; }
  ul.csAssetListItem::after {
    clear: both; }
  ul.csAssetListItem:focus, ul.csAssetListItem:hover {
    box-shadow: 0 -1px 0 0 #e6e6e6, inset 0 -2px 0 -1px #e6e6e6; }
  ul.csAssetListItem > li {
    display: block;
    width: 100%; }
  ul.csAssetListItem .csAssetListItem__preview {
    background: #d9d9d9;
    float: left;
    height: 4.3rem;
    overflow: hidden;
    position: relative;
    width: 4.3rem;
    /* place li next to item preview, but only for csAssetListItems. */ }
    ul.csAssetListItem .csAssetListItem__preview.csImageAssetPreview__preview_center {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 1 1 0;
      -moz-flex: 1 1 0;
      -ms-flex: 1 1 0;
      flex: 1 1 0;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -ms-flex-pack: center;
      -ms-justify-content: center;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center; }
    ul.csAssetListItem .csAssetListItem__preview img {
      max-height: 100%;
      max-width: 100%; }
      ul.csAssetListItem .csAssetListItem__preview img.csPreview-icon {
        max-height: 50%;
        max-width: 50%; }
    ul.csAssetListItem .csAssetListItem__preview .cs-icon {
      color: #fff;
      font-size: 2.15rem;
      line-height: 2;
      text-align: center;
      width: 100%; }
    ul.csAssetListItem .csAssetListItem__preview .csImageAssetPreview__preview {
      display: block;
      height: 100%; }
    ul.csAssetListItem .csAssetListItem__preview ~ li[class^="csAssetListItem__"]:not(.csAssetListItem__controls),
    ul.csAssetListItem .csAssetListItem__preview ~ li[class*=" csAssetListItem__"]:not(.csAssetListItem__controls) {
      padding-left: 1rem;
      width: calc(100% - 4.3rem - .1rem); }
  ul.csAssetListItem .csAssetListItem__title {
    -webkit-backface-visibility: hidden;
    color: #404448;
    display: block;
    float: left;
    font-size: 1.4rem;
    font-weight: 600;
    height: 1.6rem;
    line-height: 1.5rem;
    -webkit-transform: translate3d(0, 0, 0); }
    ul.csAssetListItem .csAssetListItem__title cs-snippet-renderer,
    ul.csAssetListItem .csAssetListItem__title .cs-snippet-renderer {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      max-width: 100%;
      min-width: 5rem; }
  ul.csAssetListItem .csAssetListItem__value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #b2b2b2;
    float: left;
    font-size: 1.2rem;
    line-height: 1.4rem; }
    ul.csAssetListItem .csAssetListItem__value .cs-icon {
      font-size: 1.2rem;
      vertical-align: top; }
  ul.csAssetListItem .csAssetListItem__progress {
    display: inline-block;
    /* copied from csAssetList.scss - Optimize: merge this directive with the implementation below */ }
    ul.csAssetListItem .csAssetListItem__progress .csProgress {
      background: #ccc;
      display: block;
      float: left;
      height: 8px;
      margin-top: .5rem;
      padding: 0;
      position: relative;
      width: 65%;
      z-index: 1; }
      ul.csAssetListItem .csAssetListItem__progress .csProgress.no-bg {
        background: transparent; }
    ul.csAssetListItem .csAssetListItem__progress .csProgress__bar {
      background: #b5dff2;
      display: block;
      height: 8px;
      left: 0;
      position: absolute;
      top: 0;
      z-index: 2; }
    ul.csAssetListItem .csAssetListItem__progress .csProgress__label {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.2rem;
      font-weight: 400;
      line-height: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #777;
      float: left;
      max-width: 35%;
      padding: 6px 0 5px; }
    ul.csAssetListItem .csAssetListItem__progress .csProgress__stats {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.2rem;
      font-weight: 600;
      line-height: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      color: #404448;
      float: left;
      max-width: 34.99%;
      padding: .2rem .5rem 0 1rem;
      text-align: left; }
    ul.csAssetListItem .csAssetListItem__progress .alert {
      background: #ffa3a3; }
    ul.csAssetListItem .csAssetListItem__progress .valid {
      background: #b4e068; }
  ul.csAssetListItem .csAssetListItem__controls {
    height: 1.6rem;
    left: auto;
    line-height: 1.6rem;
    padding: 0 0 0 1rem;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: top;
    width: auto; }
    ul.csAssetListItem .csAssetListItem__controls .cs-icon {
      font-size: 1.6rem;
      line-height: inherit; }
  ul.csAssetListItem.ui-draggable-dragging {
    border: 0.1rem solid #d9d9d9;
    display: block;
    padding: .3rem 0; }
  ul.csAssetListItem:hover, ul.csAssetListItem.visible {
    background-color: #f7f7f7;
    cursor: default;
    /* show controls on item csHover */ }
    ul.csAssetListItem:hover .csAssetListItem__controls, ul.csAssetListItem.visible .csAssetListItem__controls {
      display: block; }
  ul.csAssetListItem.csSelected {
    background-color: #d2ecf8;
    box-shadow: inset 0 1px 0 0 #b4dff3, inset 0 -2px 0 -1px #b4dff3; }
    ul.csAssetListItem.csSelected:focus, ul.csAssetListItem.csSelected:hover {
      background-color: #b4dff3;
      box-shadow: inset 0 1px 0 0 #69bee6, inset 0 -2px 0 -1px #69bee6; }
    ul.csAssetListItem.csSelected .csAssetListItem__preview cs-asset-thumbnail {
      opacity: .4; }
    ul.csAssetListItem.csSelected .csAssetListItem__preview::before {
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 1 1 0;
      -moz-flex: 1 1 0;
      -ms-flex: 1 1 0;
      flex: 1 1 0;
      -ms-flex-pack: center;
      -ms-justify-content: center;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      color: #fff;
      content: "\e854";
      font-family: "cs-icons", sans-serif;
      font-size: 2.2rem;
      height: 100%;
      position: absolute;
      width: 100%;
      z-index: 2; }
    ul.csAssetListItem.csSelected .csAssetListItem__value {
      color: #777; }
    ul.csAssetListItem.csSelected .csAssetListItem__preview,
    ul.csAssetListItem.csSelected.csDarkSnippet .csImageAssetPreview__preview {
      background: #69bee6;
      border-color: #69bee6; }
      ul.csAssetListItem.csSelected .csAssetListItem__preview .csImageAssetPreview__preview::before,
      ul.csAssetListItem.csSelected.csDarkSnippet .csImageAssetPreview__preview .csImageAssetPreview__preview::before {
        content: "\e854";
        display: block; }
      ul.csAssetListItem.csSelected .csAssetListItem__preview .csImageAssetPreview__preview_center,
      ul.csAssetListItem.csSelected.csDarkSnippet .csImageAssetPreview__preview .csImageAssetPreview__preview_center {
        opacity: .4; }
    ul.csAssetListItem.csSelected .csAssetListItem__controls {
      display: block; }
  ul.csAssetListItem.cs-add-list-hor-widget-padding,
  .cs-add-list-hor-widget-padding ul.csAssetListItem {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    ul.csAssetListItem.cs-add-list-hor-widget-padding .csAssetListItem__controls,
    .cs-add-list-hor-widget-padding ul.csAssetListItem .csAssetListItem__controls {
      right: .9rem; }

/* ----------------------------------------
* Three line flavors ("large")
  ----------------------------------------- */
.csAssetListItemRendererWidget2xn ul.csAssetListItem {
  border-top: 1px solid #f2f2f2;
  box-shadow: none;
  min-height: 4.7rem;
  padding-bottom: 0.4rem;
  padding-top: 0.4rem; }
  .csAssetListItemRendererWidget2xn ul.csAssetListItem:focus, .csAssetListItemRendererWidget2xn ul.csAssetListItem:hover {
    border-top-color: #e6e6e6;
    box-shadow: inset 0 -2px 0 -1px #e6e6e6; }
  .csAssetListItemRendererWidget2xn ul.csAssetListItem.csSelected {
    border-top-color: #b4dff3;
    box-shadow: inset 0 -2px 0 -1px #b4dff3; }
    .csAssetListItemRendererWidget2xn ul.csAssetListItem.csSelected:focus, .csAssetListItemRendererWidget2xn ul.csAssetListItem.csSelected:hover {
      border-top-color: #69bee6;
      box-shadow: inset 0 -2px 0 -1px #69bee6; }
  .csAssetListItemRendererWidget2xn ul.csAssetListItem .csAssetListItem__preview {
    height: 4.3rem;
    width: 4.3rem;
    /* place li next to item preview */ }
    .csAssetListItemRendererWidget2xn ul.csAssetListItem .csAssetListItem__preview ~ li[class^="csAssetListItem__"]:not(.csAssetListItem__controls),
    .csAssetListItemRendererWidget2xn ul.csAssetListItem .csAssetListItem__preview ~ li[class*=" csAssetListItem__"]:not(.csAssetListItem__controls) {
      padding-left: 1rem;
      width: calc(100% - 4.3rem - .1rem); }
    .csAssetListItemRendererWidget2xn ul.csAssetListItem .csAssetListItem__preview .cs-icon {
      font-size: 2.15rem; }
  .csAssetListItemRendererWidget2xn ul.csAssetListItem .csAssetListItem__controls {
    top: 0.4rem; }
  .csAssetListItemRendererWidget2xn ul.csAssetListItem.csHover .csAssetListItem__title, .csAssetListItemRendererWidget2xn ul.csAssetListItem.visible .csAssetListItem__title {
    width: calc(100% - 11rem) !important; }

/* ----------------------------------------
* Three line flavors ("large")
  ----------------------------------------- */
.csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem {
  border-top: 1px solid #f2f2f2;
  box-shadow: none;
  min-height: 3.4rem;
  padding-bottom: 0.1rem;
  padding-top: 0.1rem; }
  .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem:focus, .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem:hover {
    border-top-color: #e6e6e6;
    box-shadow: inset 0 -2px 0 -1px #e6e6e6; }
  .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem.csSelected {
    border-top-color: #b4dff3;
    box-shadow: inset 0 -2px 0 -1px #b4dff3; }
    .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem.csSelected:focus, .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem.csSelected:hover {
      border-top-color: #69bee6;
      box-shadow: inset 0 -2px 0 -1px #69bee6; }
  .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem .csAssetListItem__preview {
    height: 3.2rem;
    width: 3.2rem;
    /* place li next to item preview */ }
    .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem .csAssetListItem__preview ~ li[class^="csAssetListItem__"]:not(.csAssetListItem__controls),
    .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem .csAssetListItem__preview ~ li[class*=" csAssetListItem__"]:not(.csAssetListItem__controls) {
      padding-left: 1rem;
      width: calc(100% - 3.2rem - .1rem); }
    .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem .csAssetListItem__preview .cs-icon {
      font-size: 1.7rem; }
  .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem.csHover .csAssetListItem__title, .csAssetListItemRendererWidgetmxn_2rowsExtra ul.csAssetListItem.visible .csAssetListItem__title {
    width: calc(100% - 12rem) !important; }

/* ----------------------------------------
* Two line flavors ("medium")
  ----------------------------------------- */
.csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem,
.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem,
.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem {
  box-shadow: inset 0 2px 0 -1px #f2f2f2;
  min-height: 4.2rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }
  .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem:focus, .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem:hover,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem:focus,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem:hover,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem:focus,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem:hover {
    box-shadow: inset 0 2px 0 -1px #e6e6e6, inset 0 -1px 0 0 #e6e6e6; }
  .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem.csSelected,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem.csSelected,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem.csSelected {
    box-shadow: inset 0 2px 0 -1px #b4dff3, inset 0 -1px 0 0 #b4dff3; }
    .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem.csSelected:focus, .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem.csSelected:hover,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem.csSelected:focus,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem.csSelected:hover,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem.csSelected:focus,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem.csSelected:hover {
      box-shadow: inset 0 2px 0 -1px #69bee6, inset 0 -1px 0 0 #69bee6; }
  .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem .csAssetListItem__preview,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem .csAssetListItem__preview,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem .csAssetListItem__preview {
    height: 3.2rem;
    width: 3.2rem;
    /* place li next to item preview */ }
    .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem .csAssetListItem__preview ~ li[class^="csAssetListItem__"]:not(.csAssetListItem__controls),
    .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem .csAssetListItem__preview ~ li[class*=" csAssetListItem__"]:not(.csAssetListItem__controls),
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem .csAssetListItem__preview ~ li[class^="csAssetListItem__"]:not(.csAssetListItem__controls),
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem .csAssetListItem__preview ~ li[class*=" csAssetListItem__"]:not(.csAssetListItem__controls),
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem .csAssetListItem__preview ~ li[class^="csAssetListItem__"]:not(.csAssetListItem__controls),
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem .csAssetListItem__preview ~ li[class*=" csAssetListItem__"]:not(.csAssetListItem__controls) {
      padding-left: 1rem;
      width: calc(100% - 3.2rem - .1rem); }
    .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem .csAssetListItem__preview .cs-icon,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem .csAssetListItem__preview .cs-icon,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem .csAssetListItem__preview .cs-icon {
      font-size: 1.6rem; }
  .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem .csAssetListItem__controls,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem .csAssetListItem__controls,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem .csAssetListItem__controls {
    right: 10px;
    top: 0.5rem; }
  .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem.csSelected .csAssetListItem__preview::before,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem.csSelected .csAssetListItem__preview::before,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem.csSelected .csAssetListItem__preview::before {
    font-size: 2rem; }
  .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem.csHover .csAssetListItem__title, .csAssetListItemRendererWidgetmxn_2rows ul.csAssetListItem.visible .csAssetListItem__title,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem.csHover .csAssetListItem__title,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer ul.csAssetListItem.visible .csAssetListItem__title,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem.csHover .csAssetListItem__title,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows ul.csAssetListItem.visible .csAssetListItem__title {
    width: calc(100% - 10.2rem) !important; }

.csAssetListItemRendererWidgetmxn_2rows.csAssetListItemRendererWidgetmxn_birthday ul.csAssetListItem,
.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer.csAssetListItemRendererWidgetmxn_birthday ul.csAssetListItem,
.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows.csAssetListItemRendererWidgetmxn_birthday ul.csAssetListItem {
  border-top: none; }

/* ----------------------------------------
* One line flavor, without icon ("small")
  ----------------------------------------- */
.csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem,
.csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem,
.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem {
  box-shadow: inset 0 2px 0 -1px #f2f2f2;
  min-height: 3.4rem;
  padding-bottom: 0.9rem;
  padding-top: 0.9rem; }
  .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem:focus, .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem:hover,
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem:focus,
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem:hover,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem:focus,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem:hover {
    box-shadow: inset 0 1px 0 0 #e6e6e6, 0 1px 0 0 #e6e6e6; }
  .csTableControl__cell .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem,
  .csTableControl__cell .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem:focus,
  .csTableControl__cell .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem:hover, .csTableControl__cell
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem,
  .csTableControl__cell
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem:focus,
  .csTableControl__cell
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem:hover, .csTableControl__cell
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem,
  .csTableControl__cell
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem:focus,
  .csTableControl__cell
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem:hover {
    box-shadow: none; }
  .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.csSelected,
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csSelected,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csSelected {
    box-shadow: inset 0 1px 0 0 #b4dff3, 0 1px 0 0 #b4dff3; }
    .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.csSelected:focus, .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.csSelected:hover,
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csSelected:focus,
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csSelected:hover,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csSelected:focus,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csSelected:hover {
      box-shadow: inset 0 1px 0 0 #69bee6, 0 1px 0 0 #69bee6; }
  .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem .csAssetListItem__preview,
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__preview,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__preview {
    height: 1.6rem;
    width: 1.6rem;
    /* place li next to item preview */ }
    .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem .csAssetListItem__preview ~ li[class^="csAssetListItem__"]:not(.csAssetListItem__controls),
    .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem .csAssetListItem__preview ~ li[class*=" csAssetListItem__"]:not(.csAssetListItem__controls),
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__preview ~ li[class^="csAssetListItem__"]:not(.csAssetListItem__controls),
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__preview ~ li[class*=" csAssetListItem__"]:not(.csAssetListItem__controls),
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__preview ~ li[class^="csAssetListItem__"]:not(.csAssetListItem__controls),
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__preview ~ li[class*=" csAssetListItem__"]:not(.csAssetListItem__controls) {
      padding-left: 1rem;
      width: calc(100% - 1.6rem - .1rem); }
    .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem .csAssetListItem__preview .cs-icon,
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__preview .cs-icon,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__preview .cs-icon {
      color: #777;
      font-size: 1.6rem;
      line-height: 1.6rem; }
  .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem .csAssetListItem__title,
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__title,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__title {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem; }
  .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem .csAssetListItem__controls,
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__controls,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__controls {
    line-height: 2.4rem;
    top: 0.5rem; }
    .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem .csAssetListItem__controls .cta-appearance,
    .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem .csAssetListItem__controls .button-appearance,
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__controls .cta-appearance,
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__controls .button-appearance,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__controls .cta-appearance,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__controls .button-appearance {
      margin-top: 0; }
  .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.csHover, .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.visible,
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csHover,
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.visible,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csHover,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.visible {
    /* place li next to item preview */ }
    .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.csHover .csAssetListItem__preview, .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.visible .csAssetListItem__preview,
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csHover .csAssetListItem__preview,
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.visible .csAssetListItem__preview,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csHover .csAssetListItem__preview,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.visible .csAssetListItem__preview {
      background: none; }
    .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.csHover .csAssetListItem__title, .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.visible .csAssetListItem__title,
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csHover .csAssetListItem__title,
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.visible .csAssetListItem__title,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csHover .csAssetListItem__title,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.visible .csAssetListItem__title {
      width: calc(100% - 8.7rem) !important; }
    .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.csHover ~ li:not(.csAssetListItem__controls), .csAssetListItemRendererWidgetmxn_1rowsTitle ul.csAssetListItem.visible ~ li:not(.csAssetListItem__controls),
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csHover ~ li:not(.csAssetListItem__controls),
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.visible ~ li:not(.csAssetListItem__controls),
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csHover ~ li:not(.csAssetListItem__controls),
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.visible ~ li:not(.csAssetListItem__controls) {
      padding-left: 1rem;
      width: calc(100% - 1.6rem - .1rem); }

.csAssetListItemRendererWidgetmxn_1rowsTitle.csAssetListItemRendererWidgetmxn_1rows .csAssetListItem,
.csAssetListItemRendererWidgetmxn_1rows.csAssetListItemRendererWidgetmxn_1rows .csAssetListItem,
.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row.csAssetListItemRendererWidgetmxn_1rows .csAssetListItem {
  box-shadow: none !important; }

/* ----------------------------------------
* One line flavor ("small")
  ----------------------------------------- */
.csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem,
.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem,
.csAssetListItemRendererWidget_1row ul.csAssetListItem {
  box-shadow: inset 0 2px 0 -1px #f2f2f2;
  min-height: 3.4rem;
  padding-bottom: 0.9rem;
  padding-top: 0.9rem; }
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem:focus, .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem:hover,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem:focus,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem:hover,
  .csAssetListItemRendererWidget_1row ul.csAssetListItem:focus,
  .csAssetListItemRendererWidget_1row ul.csAssetListItem:hover {
    box-shadow: inset 0 1px 0 0 #e6e6e6, 0 1px 0 0 #e6e6e6; }
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csSelected,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csSelected,
  .csAssetListItemRendererWidget_1row ul.csAssetListItem.csSelected {
    box-shadow: inset 0 1px 0 0 #b4dff3, 0 1px 0 0 #b4dff3; }
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csSelected:focus, .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csSelected:hover,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csSelected:focus,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csSelected:hover,
    .csAssetListItemRendererWidget_1row ul.csAssetListItem.csSelected:focus,
    .csAssetListItemRendererWidget_1row ul.csAssetListItem.csSelected:hover {
      box-shadow: inset 0 1px 0 0 #69bee6, 0 1px 0 0 #69bee6; }
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__preview,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__preview,
  .csAssetListItemRendererWidget_1row ul.csAssetListItem .csAssetListItem__preview {
    background: transparent;
    border: none;
    height: 1.6rem;
    width: 1.6rem; }
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__preview img.csPreview-icon,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__preview img.csPreview-icon,
    .csAssetListItemRendererWidget_1row ul.csAssetListItem .csAssetListItem__preview img.csPreview-icon {
      max-height: 100%;
      max-width: 100%; }
    .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__preview .cs-icon,
    .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__preview .cs-icon,
    .csAssetListItemRendererWidget_1row ul.csAssetListItem .csAssetListItem__preview .cs-icon {
      color: #777;
      font-size: 1.6rem;
      line-height: 1.6rem; }
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem .csAssetListItem__title,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem .csAssetListItem__title,
  .csAssetListItemRendererWidget_1row ul.csAssetListItem .csAssetListItem__title {
    width: calc(100% - 1.6rem - .1rem); }
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csSelected .csAssetListItem__preview img,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csSelected .csAssetListItem__preview img,
  .csAssetListItemRendererWidget_1row ul.csAssetListItem.csSelected .csAssetListItem__preview img {
    display: none; }
  .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csSelected .csAssetListItem__preview::before,
  .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csSelected .csAssetListItem__preview::before,
  .csAssetListItemRendererWidget_1row ul.csAssetListItem.csSelected .csAssetListItem__preview::before {
    color: #69bee6;
    font-size: 1.6rem; }

.csAssetListItemRendererWidget_1row ul.csAssetListItem {
  box-shadow: none;
  padding-top: .5rem; }
  .csAssetListItemRendererWidget_1row ul.csAssetListItem:focus, .csAssetListItemRendererWidget_1row ul.csAssetListItem:hover {
    box-shadow: none; }
  .csAssetListItemRendererWidget_1row ul.csAssetListItem .csAssetListItem__title {
    font-weight: 400; }

.csWidget_csBudgetManagementWidget .positive span {
  color: #b4e068; }

.csWidget_csBudgetManagementWidget .negative span {
  color: #ff4e4f; }

.csWidget_csBudgetManagementWidget .csTableControl__cell_content {
  width: 100%; }

.csWidget_csBudgetManagementWidget .csAssetTableItemRenderer_1rows .csAssetListItem__title,
.csWidget_csBudgetManagementWidget .csAssetListItemRenderer_1rows .csAssetListItem__title {
  line-height: 1.6rem;
  margin: 0; }

.csWidget_csBudgetManagementWidget .csAssetListItemRendererWidget2xn .csAssetTableItemRenderer_1rows .csAssetListItem__title,
.csWidget_csBudgetManagementWidget .csAssetListItemRendererWidget2xn .csAssetTableItemRenderer_1rows .csAssetListItem__controls {
  height: 4.3rem;
  line-height: 4.3rem; }

.csWidget_csBudgetManagementWidget .csAssetListItemRendererWidgetmxn_2rows .csAssetTableItemRenderer_1rows .csAssetListItem__title,
.csWidget_csBudgetManagementWidget .csAssetListItemRendererWidgetmxn_2rows .csAssetTableItemRenderer_1rows .csAssetListItem__controls,
.csWidget_csBudgetManagementWidget .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer .csAssetTableItemRenderer_1rows .csAssetListItem__title,
.csWidget_csBudgetManagementWidget .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer .csAssetTableItemRenderer_1rows .csAssetListItem__controls,
.csWidget_csBudgetManagementWidget .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows .csAssetTableItemRenderer_1rows .csAssetListItem__title,
.csWidget_csBudgetManagementWidget .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows .csAssetTableItemRenderer_1rows .csAssetListItem__controls {
  height: 3.2rem;
  line-height: 3.2rem; }

.csWidget_csBudgetWidget .csWidget__content .cs-progressbar-wrapper {
  line-height: 1rem;
  margin-bottom: 1rem; }
  .csWidget_csBudgetWidget .csWidget__content .cs-progressbar-wrapper .cs-progressbar {
    margin: 0; }

.csWidget_csBudgetWidget .csWidget__content .cs-grid-wrapper .cs-grid-cell:last-child {
  text-align: right; }

.csWidget_csBudgetWidget .csWidget__content .display {
  font-size: 0; }
  .csWidget_csBudgetWidget .csWidget__content .display div {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1.3rem;
    padding: .2rem 0;
    vertical-align: middle; }
  .csWidget_csBudgetWidget .csWidget__content .display .cs-asset-name {
    width: 70%; }
    .csWidget_csBudgetWidget .csWidget__content .display .cs-asset-name span {
      margin-left: .5rem;
      vertical-align: middle; }
    .csWidget_csBudgetWidget .csWidget__content .display .cs-asset-name img {
      height: 1.6rem;
      vertical-align: middle;
      width: 1.6rem; }
      .csWidget_csBudgetWidget .csWidget__content .display .cs-asset-name img:not([src]) {
        visibility: hidden; }
  .csWidget_csBudgetWidget .csWidget__content .display .cs-asset-value {
    text-align: right;
    width: 30%; }

.csCalendarHead {
  height: 5.6rem; }
  .csCalendarHead.week40 .day {
    width: 4rem; }
  .csCalendarHead.week31 .day {
    width: 3.1rem; }
  .csCalendarHead.week31 .day .shortName,
  .csCalendarHead.week40 .day .shortName {
    display: none; }
  .csCalendarHead.week20 .day {
    width: 2rem; }
    .csCalendarHead.week20 .day .longName {
      display: none; }
  .csCalendarHead.month84 .weeks .week {
    width: 8.4rem; }
  .csCalendarHead.month63 .weeks .week {
    width: 6.3rem; }
  .csCalendarHead.month35 .weeks .week {
    width: 3.5rem; }
    .csCalendarHead.month35 .weeks .week .endOfWeek {
      display: none; }
  .csCalendarHead.year60 .month {
    width: 6rem; }
    .csCalendarHead.year60 .month .short {
      display: none; }
  .csCalendarHead.year30 .month {
    width: 3rem; }
    .csCalendarHead.year30 .month .full {
      display: none; }

.csCalendarHead.calendar_head__month_view .months {
  height: 2rem;
  overflow: hidden; }
  .csCalendarHead.calendar_head__month_view .months .month {
    border-bottom: .1rem solid #dcdcdc;
    border-left: .1rem solid #dcdcdc;
    border-top: .1rem solid #dcdcdc;
    float: left;
    font-size: 1.4rem;
    font-weight: 600;
    height: 2rem;
    overflow: hidden;
    padding-left: 0.5rem;
    padding-top: 0.2rem; }

.csCalendarHead.calendar_head__month_view .weeks {
  overflow: hidden; }
  .csCalendarHead.calendar_head__month_view .weeks .week {
    border-bottom: .1rem solid #dcdcdc;
    border-left: .1rem solid #dcdcdc;
    color: #9c9c9c;
    float: left;
    font-size: 1.2rem;
    font-weight: 400;
    height: 3.6rem;
    line-height: 140%;
    margin: 0;
    text-align: center; }

.csCalendarHead.calendar_head__week_view {
  float: left;
  height: 5.6rem;
  overflow: hidden; }
  .csCalendarHead.calendar_head__week_view .week {
    border-color: #d9d9d9;
    border-style: solid;
    border-width: .1rem 0 .1rem .1rem;
    box-sizing: border-box;
    float: left;
    padding-top: .2rem; }
    .csCalendarHead.calendar_head__week_view .week > span.monthYear {
      font-size: 1.4rem;
      font-weight: 600;
      margin: 0 0 0 0.5rem; }
    .csCalendarHead.calendar_head__week_view .week > span.weekNo {
      float: right;
      font-size: 1.2rem;
      margin: 0 0.5rem 0 0; }
    .csCalendarHead.calendar_head__week_view .week .days {
      margin-top: 2px; }
      .csCalendarHead.calendar_head__week_view .week .days .day {
        border-top: 0.1rem solid #d9d9d9;
        float: left;
        padding: .3rem 0;
        text-align: center; }
        .csCalendarHead.calendar_head__week_view .week .days .day:not(:last-child) {
          border-right: 0.1rem solid #d9d9d9; }
        .csCalendarHead.calendar_head__week_view .week .days .day:last-child {
          margin-right: -.1rem; }

.csCalendarHead.calendar_head__year_view .year {
  float: left; }
  .csCalendarHead.calendar_head__year_view .year .yearNumber {
    border-left: 0.1rem solid #d9d9d9;
    border-top: 0.1rem solid #d9d9d9;
    font-size: 1.4rem;
    font-weight: 600;
    height: 2rem;
    padding-left: 0.5rem;
    padding-top: .2rem; }
  .csCalendarHead.calendar_head__year_view .year div.months {
    border-top: 0.1rem solid #d9d9d9; }
    .csCalendarHead.calendar_head__year_view .year div.months .month {
      border-bottom: 0.1rem solid #d9d9d9;
      border-left: 0.1rem solid #d9d9d9;
      float: left;
      height: 3.5rem;
      line-height: 140%;
      text-align: center; }

.currentTimeUnit {
  background-color: #fbe8e8; }

.csCalendarRow {
  height: 50px;
  position: relative; }
  .csCalendarRow .currentTimeUnit {
    position: absolute;
    width: 0; }
  .csCalendarRow .currentTimeUnit,
  .csCalendarRow .eventSetTimeUnit {
    background-repeat: no-repeat;
    height: calc(100% - 1px);
    pointer-events: none; }

.cs-chart {
  margin: 0; }

.nvtooltip {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  box-shadow: 0 0.2px 0.5px rgba(0, 0, 0, 0.2);
  font-size: .75em; }
  .nvtooltip h3 {
    background-color: #5eabcf;
    color: #f2f2f2; }

.cs-code-editor {
  min-height: 180px;
  width: 100%; }

.csColumnPathRenderer {
  height: 100%; }
  .csAssetCreateDialog .csAssetChooserDialog .csAssetChooserView.csAssetChooserViewSingleSelect .csColumnPathRenderer {
    margin-right: -2rem; }
  .csAssetChooserView.csAssetChooserViewMultiSelect .csColumnPathRenderer {
    margin-top: 1rem; }
  .csColumnPathRenderer .csColumnPathRenderer__wrapper {
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    width: 100%; }
  .csColumnPathRenderer .csColumnPathRenderer__columns_container {
    margin-right: 1rem; }
  .csColumnPathRenderer .csScrollWrapper .csScrollSurface.transition {
    -webkit-transition: all 0.12s ease-in-out;
    -moz-transition: all 0.12s ease-in-out;
    transition: all 0.12s ease-in-out; }
  .csColumnPathRenderer .csSearchViewContent_columnLayout_column:last-child::after {
    content: "";
    display: none; }
  .csColumnPathRenderer .csSearchViewContent_columnLayout_column.inactive .csAssetSearchListItemRenderer > .csAssetSearchList__item.csSelected .csAssetSearchList__item__title_row {
    color: inherit; }
  .csColumnPathRenderer .csSearchViewContent_columnLayout__top .csPrevNextCtrls a {
    height: 3rem; }
  .csColumnPathRenderer .csSearchViewContent_columnLayout_selected {
    color: #c7c7c7; }
  .csColumnPathRenderer .csSearchViewContent_columnLayout_selectedItems {
    color: #9c9c9c;
    font-size: 2.6rem;
    font-weight: 300; }

.csDialog.csCommandActionDialog .csDialog__csCommandActionDialog {
  height: 100%; }
  .csDialog.csCommandActionDialog .csDialog__csCommandActionDialog > div {
    height: 100%; }
    .csDialog.csCommandActionDialog .csDialog__csCommandActionDialog > div > div {
      height: 100%; }
      .csDialog.csCommandActionDialog .csDialog__csCommandActionDialog > div > div > div {
        height: 100%; }
        .csDialog.csCommandActionDialog .csDialog__csCommandActionDialog > div > div > div > div {
          height: 100%; }
          .csDialog.csCommandActionDialog .csDialog__csCommandActionDialog > div > div > div > div .cs-file-uploader {
            height: 100%; }

.csDialog.csCommandActionDialog .error {
  color: #ff4e4f; }

.csDialog.csCommandActionDialog .cs-file-uploader_uploadInProgress {
  margin: 0 auto;
  width: 7.4rem; }

.csWidget_csCommunicationWidget .message-bubble-design,
.csWidget_csCommunicationWidget .csCommunicationWidget__composer,
.csWidget_csCommunicationWidget .csCommunicationWidget__message {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: padding, margin;
  -moz-transition-property: padding, margin;
  transition-property: padding, margin;
  background-color: #f2f2f2;
  clear: both;
  display: block;
  margin-bottom: 1rem;
  margin-left: 6.4rem;
  padding: 1.5rem 2rem 0;
  position: relative; }
  .csWidget_csCommunicationWidget .message-bubble-design::before,
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer::before,
  .csWidget_csCommunicationWidget .csCommunicationWidget__message::before {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: left, opacity;
    -moz-transition-property: left, opacity;
    transition-property: left, opacity;
    border-color: transparent #f2f2f2;
    border-style: solid;
    border-width: 1rem 1rem 1rem 0;
    content: "";
    display: block;
    left: -1rem;
    opacity: 1;
    position: absolute;
    top: 1.2rem;
    width: 0;
    z-index: 1; }

.csWidget_csCommunicationWidget .csCommunicationWidget__avatar {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 50%;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: left, top;
  -moz-transition-property: left, top;
  transition-property: left, top;
  background-color: #f2f2f2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 4.4rem;
  left: -6.4rem;
  position: absolute;
  top: 0;
  width: 4.4rem; }

.csWidget_csCommunicationWidget .csCommunicationWidget__animate_1line {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  opacity: 1; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__animate_1line.ng-hide {
    margin-bottom: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 0 !important; }

.csWidget_csCommunicationWidget .csCommunicationWidget__composer {
  font-size: 1.4rem;
  /* the composer is "open" */ }
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_header {
    padding-bottom: 1rem; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_header .cs-tabs-01,
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_header .csPageActions__filterbar__left > ul.csControl__menu,
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_header .csPageActions__filterbar__right > ul.csControl__menu,
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_header .csPageActions__filterbar__center > ul.csControl__menu {
      border-bottom: 0; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_header .cs-tabs-01 li,
      .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_header .csPageActions__filterbar__left > ul.csControl__menu li,
      .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_header .csPageActions__filterbar__right > ul.csControl__menu li,
      .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_header .csPageActions__filterbar__center > ul.csControl__menu li {
        height: auto;
        line-height: 1.6rem;
        padding-bottom: 0; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_content .csCommunicationWidget__composer_add-task,
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_content .csCommunicationWidget__composer_add-message {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: height;
    -moz-transition-property: height;
    transition-property: height;
    height: auto; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_content .csTextWithCaptions {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: height, line-height;
    -moz-transition-property: height, line-height;
    transition-property: height, line-height;
    color: #1c1c1c;
    cursor: text;
    font-size: 1.4rem;
    font-weight: 300;
    height: auto;
    line-height: 1rem;
    margin-bottom: 1.5rem;
    min-height: 3rem;
    padding: 1rem;
    width: 100%; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_content .csTextWithCaptions .caption {
      border-radius: .2rem;
      display: inline-block;
      height: 2.2rem;
      line-height: 1.8rem;
      margin: -.5rem 0 -.2rem 0;
      padding: .2rem;
      vertical-align: middle; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_content .csTextWithCaptions .caption span {
        color: #fff;
        display: inline-block;
        font-weight: 600;
        line-height: 1.5rem;
        margin-left: .1rem;
        padding: 0 .3rem; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_content .csTextWithCaptions .cs-tag-01,
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_content .csTextWithCaptions .cs-tag-02,
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_content .csTextWithCaptions .cs-tag-03 {
      margin-bottom: .1rem; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_content .csNoPreviewAvailable__preview {
    min-height: 14rem; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: height, max-height, padding, opacity;
    -moz-transition-property: height, max-height, padding, opacity;
    transition-property: height, max-height, padding, opacity;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.4rem;
    height: auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 0; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .action-buttons {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      line-height: 2.4rem; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .action-buttons li {
        color: #777;
        display: inline-block;
        margin-right: 1rem; }
        .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .action-buttons li.add-marker {
          cursor: pointer;
          position: relative; }
          .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .action-buttons li.add-marker .markers-dropdown {
            -webkit-transform: translate3d(-50%, 0, 0);
            -moz-transform: translate3d(-50%, 0, 0);
            -ms-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
            background-color: #fff;
            left: 50%;
            padding-top: 0;
            top: 2.4rem;
            width: auto; }
            .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .action-buttons li.add-marker .markers-dropdown > li {
              display: block;
              height: 2.4rem;
              margin: 0;
              padding: 0.4rem 1rem 0; }
              .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .action-buttons li.add-marker .markers-dropdown > li > cs-tag .cs-tag-text {
                max-width: 18rem;
                text-overflow: ellipsis; }
              .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .action-buttons li.add-marker .markers-dropdown > li:hover {
                background: #69bee6; }
          .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .action-buttons li.add-marker:hover .markers-dropdown {
            display: block; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .post-buttons {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .post-buttons .cs-button,
      .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__composer_controls .post-buttons .csControl__menu > li.button-appearance {
        margin-right: 0.5rem; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer.cs-is-reply .csCommunicationWidget__composer_controls, .csWidget_csCommunicationWidget .csCommunicationWidget__composer.cs-is-active .csCommunicationWidget__composer_controls {
    border-top: 0.1rem solid #d9d9d9;
    max-height: 7rem;
    opacity: 1;
    overflow: visible;
    padding-bottom: 1.5rem;
    padding-top: 1rem; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer.cs-is-reply .csTextWithCaptions, .csWidget_csCommunicationWidget .csCommunicationWidget__composer.cs-is-active .csTextWithCaptions {
    line-height: 1.6rem;
    margin-bottom: 1rem;
    min-height: 10.2rem; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__composer .cs-datepicker .cs-dropdown-container {
    margin-left: -12.6rem; }

.csWidget_csCommunicationWidget .csCommunicationWidget__messages {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: padding;
  -moz-transition-property: padding;
  transition-property: padding;
  padding-top: 0; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__messages.csCommunicationWidget__messages__has-replies {
    padding-left: 6.4rem; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__messages .csCommunicationWidget__reply-message-form {
    padding-left: 6.4rem; }

.csWidget_csCommunicationWidget .csCommunicationWidget__message {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: padding;
  -moz-transition-property: padding;
  transition-property: padding; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_header {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: margin;
    -moz-transition-property: margin;
    transition-property: margin;
    display: block;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.6rem;
    margin: 0;
    min-height: 2.6rem;
    padding-bottom: 1rem; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__message.csCommunicationWidget__message__has-task .csCommunicationWidget__message_header {
    border-bottom: 0.1rem solid #d9d9d9;
    margin-bottom: 1rem;
    min-height: 2.7rem; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content {
    color: #404448;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.6rem;
    overflow: hidden;
    position: relative; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__message_text {
      line-height: 2.1rem;
      margin-bottom: 1rem; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__message_text p {
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        margin-bottom: 1rem;
        white-space: pre-line;
        word-break: keep-all;
        word-wrap: break-word; }
        .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__message_text p:last-child {
          margin-bottom: 0; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__message_text .cs-tag-01,
      .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__message_text .cs-tag-02,
      .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__message_text .cs-tag-03 {
        margin-bottom: 0;
        margin-top: .25rem; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__message_section {
      margin-bottom: 1rem; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__task_footer {
      border-top: 0.1rem solid #d9d9d9;
      font-size: 1.4rem;
      line-height: 1.6rem;
      margin-bottom: 1rem;
      padding: 1rem 0 0; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__attached_assets {
      margin-bottom: 2rem;
      width: 100%; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__attached_assets .attached-asset .preview {
        width: 100%; }
        .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__attached_assets .attached-asset .preview > div {
          min-height: 20rem; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__attached_assets .attached-asset .csImageAssetPreview__preview {
        border-radius: 0; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__attached_assets .attached-asset ul.csAssetListItem {
        min-height: 2.5rem; }
        .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__attached_assets .attached-asset ul.csAssetListItem.csHover {
          background-color: rgba(247, 247, 247, 0);
          border: none; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__attached_assets .attached-asset cs-asset-preview cs-image-asset-preview {
        background: transparent; }
      .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content .csCommunicationWidget__attached_assets .attached-asset + .attached-asset {
        margin-top: 1rem; }
    .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_content > div:last-child {
      margin-bottom: 1.5rem; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_actions {
    background-color: rgba(242, 242, 242, 0.8);
    display: none;
    height: 2.4rem;
    left: auto;
    line-height: 2.4rem;
    position: absolute;
    right: 2rem;
    top: 0.85rem;
    width: auto;
    z-index: 10; }
  .csWidget_csCommunicationWidget .csCommunicationWidget__message:hover .csCommunicationWidget__message_actions {
    display: block; }

.csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message,
.cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message {
  margin-left: 0; }
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message::before,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message::before {
    left: 0;
    opacity: 0; }
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message .csCommunicationWidget__avatar,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__avatar {
    left: 2rem;
    top: 1.5rem; }
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message .csCommunicationWidget__message_header,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message_header {
    margin-left: 5.4rem;
    min-height: 4.4rem; }
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message .csCommunicationWidget__message__author,
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message .csCommunicationWidget__message__in_reply_to,
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message .csCommunicationWidget__message__date,
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message .csCommunicationWidget__task_progress,
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message .csCommunicationWidget__task_deadline,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message__author,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message__in_reply_to,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__message__date,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__task_progress,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__task_deadline {
    display: block; }
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__message .csCommunicationWidget__divider,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__message .csCommunicationWidget__divider {
    display: none; }

.csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__composer,
.cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__composer {
  margin-left: 0;
  margin-top: 2.2rem;
  padding-top: 3.2rem; }
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__composer::before,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__composer::before {
    left: 0;
    opacity: 0; }
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__composer .csCommunicationWidget__avatar,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__composer .csCommunicationWidget__avatar {
    border: 0.2rem solid #fff;
    left: 2rem;
    top: -2.2rem; }

.csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__messages.csCommunicationWidget__messages__has-replies,
.cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__messages.csCommunicationWidget__messages__has-replies {
  margin-bottom: 1rem;
  margin-top: -1rem;
  padding-left: 0; }
  .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__messages.csCommunicationWidget__messages__has-replies .csCommunicationWidget__message,
  .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__messages.csCommunicationWidget__messages__has-replies .csCommunicationWidget__message {
    margin-bottom: 0;
    padding-left: 4rem; }
    .csWidget_csCommunicationWidget.cs-has-widget-col-size-3mi .csCommunicationWidget__messages.csCommunicationWidget__messages__has-replies .csCommunicationWidget__message .csCommunicationWidget__avatar,
    .cs-has-widget-col-size-3mi .csWidget_csCommunicationWidget .csCommunicationWidget__messages.csCommunicationWidget__messages__has-replies .csCommunicationWidget__message .csCommunicationWidget__avatar {
      left: 4rem; }

.csWidget_csCommunicationWidget .messageControlsHiddenNotification {
  background: #f2f2f2;
  font-size: 14px;
  margin-bottom: 2rem;
  min-height: 5rem;
  padding: 2rem;
  text-align: center;
  width: 100%; }

.csWidget_csCommunicationWidget .messageControlsHiddenNotification .cs-icon {
  font-size: 2rem; }

.csWidget_csCommunicationWidget .messageControlsHiddenNotification .message-text {
  position: relative;
  top: -.4rem; }

/**
 * This will remove the negative bottom value produced by the censhareScroll
 * container only when the scrolling container has vertical scrollbars. This
 * prevents cut off content like the appearing marker dropdown when the user
 * would hover over the "Add marker" icon (see ticket C5-30681).
 */
.csCommunicationWidget__inner.censhareScroll__main:not(.censhareScroll__scrollbar_y_hidden) .censhareScroll__viewport {
  bottom: 0 !important; }

.csWidget_csComparePreviewVersionWidget .csFirstWidgetWrapper {
  margin-right: .75rem; }

.csWidget_csComparePreviewVersionWidget .csSecondWidgetWrapper {
  margin-left: .75rem; }

.csWidget_csComparePreviewVersionWidget .csTwoColumnsComponentWrapper {
  border-bottom: 0.1rem solid #d9d9d9;
  margin-bottom: 1rem;
  padding: 0 2rem 5.3rem 1.5rem; }

.csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__header .csWidget__header_title__subtitle {
  border-bottom: 0.1rem solid #d9d9d9;
  border-top: 0.1rem solid #d9d9d9;
  margin: 0; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__header .csWidget__header_title__subtitle__heading {
    margin-top: 0.5rem; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__header .csWidget__header_title__subtitle .search-choice-close {
    display: none; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__header .csWidget__header_title__subtitle .cs-sync-zoomControls {
    display: block;
    float: right; }

.csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__header .cs-select-container {
  margin: -.2rem .5rem .5rem 0;
  width: 8rem; }

.csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__header .cs-checkbox-sync {
  float: right;
  line-height: 0;
  margin-top: .5rem;
  min-height: 0;
  padding-right: 1rem; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__header .cs-checkbox-sync .cs-checkbox-style {
    margin-right: .5rem; }

.csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__header .csWidget__label {
  color: #9c9c9c;
  font-size: 1.2rem;
  margin: 0 0.5rem 0.5rem 0; }

.csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__content .csAssetVersionEntry {
  padding: .25rem 0; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__content .csAssetVersionEntry__info {
    color: #9c9c9c;
    font-size: 1.2rem; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__content .csAssetVersionEntry__person {
    color: #1c1c1c;
    min-width: 0;
    padding: 0.5rem 1rem 0 0; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__content .csAssetVersionEntry__day {
    padding-left: 0;
    width: inherit; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__content .csAssetVersionEntry__time {
    padding-left: 1rem; }

.csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__content .csAssetVersionsEntry__change__preview:hover {
  cursor: move; }

.csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__content .cs-state-headline {
  font-size: 1.2rem; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .csWidget__content .cs-state-headline__heading {
    display: block;
    font-size: 1.4rem; }

.csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions .csWidget .cs-empty-state {
  background: #404448;
  margin-top: 3.5rem; }

.csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions__zoom {
  float: right; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions__zoom.cs-is-disabled .cs-input,
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions__zoom.cs-is-disabled .cs-zoompicker-suffix {
    color: #9c9c9c; }
  .csWidget_csComparePreviewVersionWidget .csAssetComparePreviewVersions__zoom .btn-group {
    margin-right: 1rem; }

.csWidget_csComparePreviewVersionWidget .csWidget__header_wrapper {
  flex: auto;
  margin: 0 1.5rem 0 1.5rem;
  padding: 0 !important; }

.csWidget_csComparePropertiesWidget .csComparePropertiesWidget__container {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%; }

.csWidget_csComparePropertiesWidget .cs-toolbar {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
  .csWidget_csComparePropertiesWidget .cs-toolbar .cs-select {
    max-width: 30rem; }

.csWidget_csComparePropertiesWidget .toolbar-container {
  position: relative; }

.csWidget_csComparePropertiesWidget .toolbar-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden; }
  .csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content cs-inline-editing .cs-meta-data-row__main-control {
    min-width: 6rem; }
  .csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content cs-inline-editing .read-mode {
    min-height: 2rem; }
  .csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content cs-inline-editing:not(.uneditable):not(.hierarchical):hover .cs-meta-data-row {
    min-height: 2rem; }
  .csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content .csMetadataRow .cs-icon-edit,
  .csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content .csMetadataRow .cs-icon-lock {
    cursor: pointer;
    display: none;
    float: right; }
  .csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content .csMetadataRow.csMetadataRow__editMode {
    margin: .4rem 0; }
  .csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content .csMetadataRow:not(.csMetadataRow__editMode):not(.csMetadataRow__uneditable):not(.csMetadataRow__hierarchical):hover {
    background-color: #f2f2f2;
    border: solid 1px #d9d9d9;
    margin: -.3rem;
    padding: .2rem; }
    .csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content .csMetadataRow:not(.csMetadataRow__editMode):not(.csMetadataRow__uneditable):not(.csMetadataRow__hierarchical):hover .cs-icon-edit {
      display: inline-block; }
  .csWidget_csComparePropertiesWidget .csComparePropertiesWidget__content .csMetadataRow.csMetadataRow__uneditable:hover .cs-icon-lock {
    display: inline-block; }

.csComparisonRenderer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%;
  padding: 1rem 2rem 5rem 0; }
  .csAssetChooserDialogContainer .csComparisonRenderer {
    padding-bottom: 2rem;
    padding-right: 0; }
  .csComparisonRenderer .csComparisonRenderer__preview {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    position: relative; }
    .csComparisonRenderer .csComparisonRenderer__preview .csTwoColumnsComponentWrapper {
      padding: 0; }
      .csComparisonRenderer .csComparisonRenderer__preview .csTwoColumnsComponentWrapper .csAssetPreviewDialogMetaRenderer {
        padding: 1.1rem 0;
        width: 100%; }
        .csComparisonRenderer .csComparisonRenderer__preview .csTwoColumnsComponentWrapper .csAssetPreviewDialogMetaRenderer ul.csAssetListItem:hover {
          background: transparent;
          cursor: default; }
      .csComparisonRenderer .csComparisonRenderer__preview .csTwoColumnsComponentWrapper.cs-is-single-column .csTwoColumnsWrapper .csWidgetWrapper.csFirstWidgetWrapper {
        padding-right: 0; }
    .csComparisonRenderer .csComparisonRenderer__preview cs-zoom-controls {
      padding-right: 15px; }
    .csComparisonRenderer .csComparisonRenderer__preview .cs-button-transparent {
      font-size: 2.2rem; }
  .csComparisonRenderer .csWidget .csWidget__header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .csComparisonRenderer .csWidget .csWidget__header .csWidget__header_title {
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: none; }
  .csComparisonRenderer .csWidget .csWidget__header .csWidget__label {
    float: none;
    max-width: none;
    overflow: visible;
    white-space: normal;
    width: auto; }
  .csComparisonRenderer .csWidget .csWidget__header .csWidget__ctrl {
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    line-height: 2rem;
    position: static;
    white-space: nowrap; }
    .csComparisonRenderer .csWidget .csWidget__header .csWidget__ctrl .cs-label {
      display: inline-block;
      line-height: inherit;
      vertical-align: top; }
    .csComparisonRenderer .csWidget .csWidget__header .csWidget__ctrl .cs-checkbox {
      line-height: 2rem; }
  .csComparisonRenderer .asset-preview-container {
    height: calc(100% - 6.4rem); }
  .csComparisonRenderer .asset-info-container {
    height: 6.4rem; }

.csAssetChooserDialog .csComparisonRenderer {
  padding-top: 2rem; }

.csDialog.csConfirmDialog {
  height: 27rem;
  width: 42%; }
  .csDialog.csConfirmDialog .csDialog__head {
    background: #ffaf31; }
  .csDialog.csConfirmDialog .csDialog__footer .cs-button-cta,
  .csDialog.csConfirmDialog .csDialog__footer .csControl__menu > li.cta-appearance {
    background-color: #ffaf31;
    border-color: #ffaf31; }

.csWidget_csContentDiffWidget .csContentDiffWidget__container {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%; }

.csWidget_csContentDiffWidget .csContentDiffWidget__toolbar {
  padding: .5rem 1.5rem;
  -ms-flex-pack: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }
  .csWidget_csContentDiffWidget .csContentDiffWidget__toolbar .cs-toolbar-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-right: .5rem;
    max-width: 100%;
    width: 35rem; }
    .csWidget_csContentDiffWidget .csContentDiffWidget__toolbar .cs-toolbar-item .cs-label {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
    .csWidget_csContentDiffWidget .csContentDiffWidget__toolbar .cs-toolbar-item .cs-select-new {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      min-width: 20rem; }

.csWidget_csContentDiffWidget .csContentDiffWidget__content {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden; }

.csWidget_csContentDiffWidget diff {
  display: inline-block;
  margin-left: .3rem; }
  .csWidget_csContentDiffWidget diff[type="deletion"] {
    text-decoration: line-through; }
  .csWidget_csContentDiffWidget diff[type="insertion"] {
    color: #b4e068; }

.csContentEditorAssetRendererContent .csAssetReference button,
.csContentEditorInspectorView .csAssetReference button {
  display: none; }

.csContentEditorAssetRendererContent {
  margin: 1rem 0 1rem .5rem; }
  .csContentEditorAssetRendererContent .csAssetReference {
    max-width: 30rem; }
  .csContentEditorAssetRendererContent ul.csAssetListItem > li {
    padding-left: 0 !important; }
  .csContentEditorAssetRendererContent[data-renderer-layout-type="formulaImage"] .csAssetReference {
    max-width: 100%; }
    .csContentEditorAssetRendererContent[data-renderer-layout-type="formulaImage"] .csAssetReference .csDropzone {
      max-width: 30rem; }
    .csContentEditorAssetRendererContent[data-renderer-layout-type="formulaImage"] .csAssetReference ul.csAssetListItem > li img {
      float: left;
      max-width: 100%; }
    .csContentEditorAssetRendererContent[data-renderer-layout-type="formulaImage"] .csAssetReference ul.csAssetListItem > li.csAssetListItem__fullSize {
      padding: 0; }
    .csContentEditorAssetRendererContent[data-renderer-layout-type="formulaImage"] .csAssetReference ul.csAssetListItem > li:not(.csAssetListItem__preview) {
      padding-left: 0; }
  .csContentEditorAssetRendererContent .csAssetReference ul.csAssetListItem {
    padding: 0; }
    .csContentEditorAssetRendererContent .csAssetReference ul.csAssetListItem li.csAssetListItem__preview {
      float: left;
      height: 20rem;
      width: 20rem; }
    .csContentEditorAssetRendererContent .csAssetReference ul.csAssetListItem > li:not(.csAssetListItem__preview) {
      padding-left: 22rem; }
    .csContentEditorAssetRendererContent .csAssetReference ul.csAssetListItem.csHover {
      background-color: #f7f7f7; }
    .csContentEditorAssetRendererContent .csAssetReference ul.csAssetListItem .csAssetListItem__overridetitle {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 1.2em;
      color: #404448;
      display: block;
      margin: 0 0 0 16rem; }
    .csContentEditorAssetRendererContent .csAssetReference ul.csAssetListItem .csAssetListItem__overridevalue {
      color: #9c9c9c;
      display: block;
      font-size: 1.2rem;
      margin: 0 0 0 16rem; }
  .csContentEditorAssetRendererContent .csAssetListItem__staticPreview img {
    float: left;
    margin-right: 2rem;
    max-height: 60rem;
    max-width: 20rem; }
  .csContentEditorAssetRendererContent ul.csAssetListItem > li.csAssetListItem_right {
    float: right;
    min-height: 5.7rem;
    width: calc(100% - 22rem); }
  .csContentEditorAssetRendererContent ul.csAssetListItem > li {
    margin: 0 !important;
    padding: .2rem 0; }

ul.csAssetListItem.borderLessOverlayImage {
  position: relative;
  width: 30rem; }
  ul.csAssetListItem.borderLessOverlayImage .borderLessOverlayImage_header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }
    ul.csAssetListItem.borderLessOverlayImage .borderLessOverlayImage_header .csAssetListItem__overridetitle {
      -webkit-flex: 1 1 100%;
      -moz-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin: 0 !important; }
    ul.csAssetListItem.borderLessOverlayImage .borderLessOverlayImage_header .csAssetListItem__controls {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding: 0;
      position: static; }
  ul.csAssetListItem.borderLessOverlayImage > li {
    padding: 0 !important; }
  ul.csAssetListItem.borderLessOverlayImage .csAssetListItem__staticPreviewx2 {
    max-height: 100%;
    max-width: 100%;
    min-height: 7rem;
    text-align: center;
    width: 30rem; }
    ul.csAssetListItem.borderLessOverlayImage .csAssetListItem__staticPreviewx2 img {
      max-height: 22.5rem;
      max-width: 30rem; }
    ul.csAssetListItem.borderLessOverlayImage .csAssetListItem__staticPreviewx2 cs-no-preview-available {
      min-height: 17rem; }
    ul.csAssetListItem.borderLessOverlayImage .csAssetListItem__staticPreviewx2 cs-asset-thumbnail {
      background: #9c9c9c;
      min-height: 12.8rem;
      padding: 2rem; }
      ul.csAssetListItem.borderLessOverlayImage .csAssetListItem__staticPreviewx2 cs-asset-thumbnail .asset-icon-thumbnail {
        max-height: 50%;
        max-width: 50%; }
  ul.csAssetListItem.borderLessOverlayImage .csAssetListItem_right.csAssetListItem_overlay {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transform: translate3d(0, -3rem, 0);
    -moz-transform: translate3d(0, -3rem, 0);
    -ms-transform: translate3d(0, -3rem, 0);
    transform: translate3d(0, -3rem, 0);
    bottom: 0;
    float: none;
    height: 0;
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }
    ul.csAssetListItem.borderLessOverlayImage .csAssetListItem_right.csAssetListItem_overlay ul.csAssetListItem {
      background: rgba(255, 255, 255, 0.8);
      padding: .5rem; }
      ul.csAssetListItem.borderLessOverlayImage .csAssetListItem_right.csAssetListItem_overlay ul.csAssetListItem > li {
        padding: 0; }
  ul.csAssetListItem.borderLessOverlayImage.csHover .csAssetListItem_right.csAssetListItem_overlay {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: auto;
    opacity: 1; }

.csContentEditorAttributeRadioRenderer .csAttributeRendererItem .csAttributeRendererValueRadio {
  padding-top: .4rem !important; }

.csAttributeRendererItem {
  border-left: .2rem solid transparent;
  margin-left: -.5rem;
  padding-left: .6rem;
  position: relative; }
  .csAttributeRendererItem label.csAttributeRendererKey {
    cursor: pointer; }
  .csAttributeRendererItem.isActive label.csAttributeRendererKey {
    color: #69bee6; }
  .csAttributeRendererItem .csAttributeRendererKey,
  .csAttributeRendererItem .csAttributeRendererValue {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.2;
    outline: none; }
    .csAttributeRendererItem .csAttributeRendererKey > *,
    .csAttributeRendererItem .csAttributeRendererValue > * {
      color: inherit;
      font-size: 1.4rem;
      line-height: 1.2; }
  .csAttributeRendererItem .csAttributeRendererKey {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    padding: .9rem 0 .5rem;
    text-align: right;
    width: 12rem; }
  .csAttributeRendererItem .csAttributeRendererValue {
    color: #404448;
    float: right;
    width: calc(100% - 14rem); }
    .csAttributeRendererItem .csAttributeRendererValue.cs-is-small {
      padding-top: .5rem; }
  .csAttributeRendererItem .csAttributeRendererValueText,
  .csAttributeRendererItem .csAttributeRendererValueRadio {
    padding: .9rem 0 .5rem; }
    .csAttributeRendererItem .csAttributeRendererValueText.cs-is-small,
    .csAttributeRendererItem .csAttributeRendererValueRadio.cs-is-small {
      padding-top: .4rem; }
  .csAttributeRendererItem .csAttributeRendererValueRadio {
    padding-top: .7rem; }
  .csAttributeRendererItem .cs-inline-validation-indicator {
    position: absolute;
    top: 1.5rem; }

.csContentEditorTreeView .csContentEditorAttributeRenderer .csAttributeRendererItem,
.csContentEditorTreeView .csContentEditorAttributeRadioRenderer .csAttributeRendererItem {
  border-left: .2rem solid transparent;
  margin-left: -.5rem;
  padding-left: .6rem;
  position: relative; }

.csContentEditorPrettyV2View .csContentEditorElementRootDiv .nodeTitle {
  -ms-flex-pack: flex-end;
  -ms-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: 2rem; }

.csContentEditorElementRootDiv {
  -webkit-flex: 0 1 100%;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  margin: 1.5rem 0 1.5rem 0.5rem;
  padding: 0;
  position: relative; }
  .csContentEditorElementRootDiv h2:first-child {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #9c9c9c;
    font-size: 1.4rem;
    padding: 0; }
  .csContentEditorElementRootDiv .nodeTitle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: visible; }
  .csContentEditorElementRootDiv.collapsed .csControl__menu-icon {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .csContentEditorElementRootDiv.lastElement {
    margin-bottom: 0.5rem; }
  .csContentEditorElementRootDiv.hasFocus {
    color: inherit; }
  .csContentEditorElementRootDiv.isActive > h2 {
    color: #69bee6; }
  .csContentEditorElementRootDiv.hasFocus.isActive {
    color: inherit; }
    .csContentEditorElementRootDiv.hasFocus.isActive > h2 {
      color: #66b6dc; }
  .csContentEditorElementRootDiv hr {
    margin: 1rem 0 1rem 0.5rem; }

.attributesHeadline {
  color: #9c9c9c;
  font-size: 1.4rem;
  padding-left: 0; }

.csContentEditorElementRenderer_attributes {
  padding-left: .5rem; }

.csContentEditorElementRootDiv > h2:first-child {
  overflow: visible; }
  .csContentEditorElementRootDiv > h2:first-child .csControl__menu-icon {
    background: #fff;
    border: 0.3rem solid #fff;
    height: 1.8rem;
    line-height: 1.2rem;
    width: 1.8rem; }
    .csContentEditorElementRootDiv > h2:first-child .csControl__menu-icon::before {
      color: #9c9c9c; }
    .csContentEditorElementRootDiv > h2:first-child .csControl__menu-icon.csContentEditorCollapseButton {
      font-size: 1.2rem;
      margin-left: -1.3rem;
      margin-top: .5rem; }

.csContentEditorElementRootDiv.hasFocus > h2 .csContentEditorCollapseButton::before {
  color: #69bee6; }

.csContentEditorElementRootDiv.isActive > h2 .csContentEditorCollapseButton::before {
  color: #69bee6; }

.csContentEditorElementRootDiv.hasFocus.isActive > h2 .csContentEditorCollapseButton {
  color: #66b6dc; }
  .csContentEditorElementRootDiv.hasFocus.isActive > h2 .csContentEditorCollapseButton::before {
    color: #66b6dc; }

.csContentEditorFlatView .csContentEditorElementRootDiv > h2:first-child,
.csContentEditorPrettyV2View .csContentEditorElementRootDiv > h2:first-child {
  margin-left: .5rem; }
  .csContentEditorFlatView .csContentEditorElementRootDiv > h2:first-child .csContentEditorCollapseButton,
  .csContentEditorPrettyV2View .csContentEditorElementRootDiv > h2:first-child .csContentEditorCollapseButton {
    display: none; }

[class*="cs-slicegroup"] .csContentEditorElementRootDiv > h2:first-child .csControl__menu-icon {
  background: #f2f2f2;
  border-color: #f2f2f2; }

.csContentEditorInlineTextRendererContentEditable {
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2em;
  border-left: .1rem solid transparent;
  color: #404448;
  cursor: text;
  line-height: 1.4;
  margin: .5rem 0 0 -.4rem;
  outline: none;
  padding-left: .8rem;
  position: relative; }
  .csContentEditorInlineTextRendererContentEditable > * {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    white-space: pre-wrap; }
  .csContentEditorInlineTextRendererContentEditable[dir="rtl"] {
    text-align: right; }

.csContentEditorInlineTextRendererError {
  color: #ff4e4f;
  padding-left: .4rem; }

.csContentEditorTreeView .csContentEditorInlineTextRendererContentEditable.isActive::before {
  background: #66b6dc;
  border: .2rem solid #fff;
  bottom: 0;
  content: " ";
  display: block;
  left: -.3rem;
  padding: .1rem;
  position: absolute;
  top: 0;
  width: .2rem; }

[data-attributes*="spellingError"] {
  background: transparent url("../img/spell-check_curly-underline.svg") -1px bottom repeat-x; }

.csDialog__csContentEditorInlineTextRendererAttributeDialog {
  height: 100%; }

.csContentEditorInlineTextRendererAttributeDialog .csContentEditorView {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.csContentEditorMetadataRenderer {
  position: relative; }
  .csContentEditorMetadataRenderer.collapsed > div,
  .csContentEditorMetadataRenderer.collapsed > ul {
    display: none; }
  .csContentEditorMetadataRenderer .csContentEditorMetadataRendererValue {
    padding: .5rem; }
    .csContentEditorMetadataRenderer .csContentEditorMetadataRendererValue div > * {
      color: #404448;
      font-size: 1.4rem;
      font-weight: 300;
      line-height: 1.2; }
    .csContentEditorMetadataRenderer .csContentEditorMetadataRendererValue .csContentEditorMetadataRendererLocaleAndUnit .chosen-container:not(:last-child) {
      margin-bottom: 1rem; }
  .csContentEditorMetadataRenderer .chosen-container {
    padding: 0; }
    .csContentEditorMetadataRenderer .chosen-container abbr.search-choice-close::after {
      content: ""; }
  .csContentEditorMetadataRenderer a.chosen-single > span {
    color: #404448;
    font-size: 1.4rem;
    font-weight: 300;
    padding-left: 1rem; }
  .csContentEditorMetadataRenderer .cs-checkbox {
    margin-bottom: -.5rem; }

.csContentEditorMetadataRendererValue > div .csContentEditorMetadataRendererValueItem {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex; }
  .csContentEditorMetadataRendererValue > div .csContentEditorMetadataRendererValueItem > *:not(:last-child) {
    margin-right: 1rem; }
  .csContentEditorMetadataRendererValue > div .csContentEditorMetadataRendererValueItem > *:last-child {
    margin-right: 0; }
  .csContentEditorMetadataRendererValue > div .csContentEditorMetadataRendererValueItem > *:not(.cs-checkbox) {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

.csContentEditorMetadataRendererValue > div cs-hierarchical-value.csContentEditorMetadataRendererValueItem > span {
  margin-top: 0; }

.csContentEditorMetadataRendererValue > div.hasAddon .csContentEditorMetadataRendererValueItem {
  margin-bottom: 1rem; }

@media (max-width: 767px) {
  .csContentEditorMetadataRendererValue > div .csContentEditorMetadataRendererValueItem {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .csContentEditorMetadataRendererValue > div .csContentEditorMetadataRendererValueItem > * {
      margin-bottom: 1rem;
      margin-right: 0 !important; }
      .csContentEditorMetadataRendererValue > div .csContentEditorMetadataRendererValueItem > *:last-child {
        margin-bottom: 0 !important; } }

.csWidget_csContentEditorPreviewWidget .cs-toolbar .cs-select {
  max-width: 20rem;
  min-width: 5rem;
  width: auto !important; }
  .csWidget_csContentEditorPreviewWidget .cs-toolbar .cs-select .chosen-drop {
    width: auto; }

.csWidget_csContentEditorPreviewWidget cs-select-new {
  display: inline-block;
  min-width: 9rem; }
  .csWidget_csContentEditorPreviewWidget cs-select-new.device-width {
    min-width: 16rem; }

.csWidget_csContentEditorPreviewWidget .csContentEditorPreviewContainer {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  min-height: 15rem;
  padding: 1rem; }
  .csWidget_csContentEditorPreviewWidget .csContentEditorPreviewContainer .frame {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%; }
  .csWidget_csContentEditorPreviewWidget .csContentEditorPreviewContainer .object {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%; }

.csContentEditorAssetRendererContent.csContentEditorAssetRelation {
  margin-bottom: 0; }
  .csContentEditorAssetRendererContent.csContentEditorAssetRelation .csAssetReference ul.csAssetListItem > li:not(.csAssetListItem__preview) {
    padding-left: 9rem; }
  .csContentEditorAssetRendererContent.csContentEditorAssetRelation .csAssetReference ul.csAssetListItem > li.csAssetListItem__preview {
    height: 8rem;
    width: 8rem; }
  .csContentEditorAssetRendererContent.csContentEditorAssetRelation .csAssetReference ul.csAssetListItem .csAssetListItem__overridetitle {
    padding-top: 1.2rem; }

.cs-inline-validation-indicator {
  display: none;
  font-size: 1.4rem;
  padding-left: .5rem;
  position: relative;
  vertical-align: middle; }
  .cs-inline-validation-indicator.cs-node-is-invalid {
    display: inline-block;
    position: relative; }
    .cs-inline-validation-indicator.cs-node-is-invalid::before {
      color: #ff4e4f; }
    .cs-inline-validation-indicator.cs-node-is-invalid .cs-error-info-popover {
      background: #fff;
      border: 0.1rem solid #d9d9d9;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
      display: none;
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.4rem;
      left: 3rem;
      line-height: 2.5rem;
      padding: 0 .5rem;
      position: absolute;
      top: -.1rem;
      white-space: nowrap;
      z-index: 100; }
      .cs-inline-validation-indicator.cs-node-is-invalid .cs-error-info-popover::after, .cs-inline-validation-indicator.cs-node-is-invalid .cs-error-info-popover::before {
        border: solid transparent;
        content: " ";
        height: 0;
        left: -.6rem;
        pointer-events: none;
        position: absolute;
        width: 0;
        z-index: 20; }
      .cs-inline-validation-indicator.cs-node-is-invalid .cs-error-info-popover::before {
        border-bottom: .5rem solid transparent;
        border-right: 0.5rem solid #e2e2e2;
        border-top: .5rem solid transparent;
        margin-left: -.3rem;
        margin-top: -.5rem;
        top: 1.2rem; }
      .cs-inline-validation-indicator.cs-node-is-invalid .cs-error-info-popover::after {
        border-bottom: .4rem solid transparent;
        border-right: 0.4rem solid #fff;
        border-top: .4rem solid transparent;
        margin-left: -.1rem;
        margin-top: -.4rem;
        top: 1.2rem; }
      .cs-inline-validation-indicator.cs-node-is-invalid .cs-error-info-popover::after {
        border-right-color: #fff; }
    .cs-inline-validation-indicator.cs-node-is-invalid:hover .cs-error-info-popover {
      display: block; }

cs-content-editor-asset-reference-node-wrapper {
  width: 100%; }

.csContentEditorInlineAction {
  vertical-align: top; }
  .csContentEditorInlineAction button {
    text-transform: capitalize; }

.cs-inline-count-indicator {
  display: none;
  font-size: 1.2rem;
  padding-left: .5rem;
  position: relative;
  vertical-align: middle; }
  .cs-inline-count-indicator.cs-node-count-is-warning, .cs-inline-count-indicator.cs-node-count-is-info {
    display: inline-block; }
  .cs-inline-count-indicator.cs-node-count-is-warning {
    color: #ff4e4f; }

.csContentEditorPrettyV2View .csContentEditorElementRootDiv.highlightBackground,
.csContentEditorFlatView .csContentEditorElementRootDiv.highlightBackground {
  background-color: #e6e6e6; }

.csContentEditorElementRootDiv .csContentEditorRenderer__csInput__borderLess {
  border: none;
  padding: 0; }

.csContentEditorElementRootDiv .csContentEditorRenderer__slice {
  margin: 0 0.5rem;
  padding-top: 1rem; }
  .csContentEditorElementRootDiv .csContentEditorRenderer__slice:not(:last-of-type) {
    padding: 1rem 0; }
  .csContentEditorElementRootDiv .csContentEditorRenderer__slice > h2 {
    margin: 0;
    padding: 0; }
    .csContentEditorElementRootDiv .csContentEditorRenderer__slice > h2 + * {
      padding-top: 0.5rem; }

.csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumns {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1rem;
  padding: 0.5rem 0 0 0; }
  .csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumns .csContentEditorRenderer__controlsColumn__ctrlGroup__control {
    width: 70%; }

.csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumnx2,
.csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumnx3 {
  padding: 0; }
  .csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumnx2 .csContentEditorRenderer__controlsColumn__ctrlGroup,
  .csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumnx3 .csContentEditorRenderer__controlsColumn__ctrlGroup {
    padding: 0 0 0.5rem; }

.csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumnx2 {
  -webkit-flex: 0 0 50%;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

.csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumnx3 {
  -webkit-flex: 0 0 33%;
  -moz-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%; }

.csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumn__ctrlGroup {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  font-size: 1.4rem;
  font-weight: 300;
  min-height: 2.6rem; }

.csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumn__ctrlGroup__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: visible;
  width: 29%; }
  .csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumn__ctrlGroup__label label {
    font-size: 1.4rem;
    font-weight: 300;
    height: 2.6rem;
    line-height: 2.6rem; }

.csContentEditorElementRootDiv.isActive .csContentEditorRenderer__controlsColumn__ctrlGroup__label label {
  color: #69bee6; }

.csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumn__ctrlGroup__control {
  width: 100%; }

.csContentEditorTreeView section.csSliceDynamic > * > * > * > * > .csContentEditorElementRootDiv {
  margin-left: 0;
  margin-top: 0; }

.csContentEditorView.fullSize .csContentEditorRenderer__controlsColumnx2,
.csContentEditorView.fullSize .csContentEditorRenderer__controlsColumnx3 {
  -webkit-flex: 0 0 33%;
  -moz-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%; }

.csContentEditorView.midSize2 .csContentEditorRenderer__controlsColumnx2,
.csContentEditorView.midSize2 .csContentEditorRenderer__controlsColumnx3 {
  -webkit-flex: 0 0 50%;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

.csContentEditorView.midSize .csContentEditorRenderer__controlsColumnx2,
.csContentEditorView.midSize .csContentEditorRenderer__controlsColumnx3 {
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

.csContentEditorView.smallSize .csContentEditorRenderer__controlsColumnx2,
.csContentEditorView.smallSize .csContentEditorRenderer__controlsColumnx3 {
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

.csContentEditorView.smallSize .csContentEditorRenderer__controlsColumn__ctrlGroup {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.csContentEditorView.smallSize .csContentEditorRenderer__controlsColumn__ctrlGroup__label,
.csContentEditorView.smallSize .csContentEditorRenderer__controlsColumn__ctrlGroup__control {
  width: 100%; }

.csContentEditorTextInlineEditorWrapper {
  position: relative; }
  .csContentEditorTextInlineEditorWrapper div.csContentEditorTextInlineEditor {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2em;
    color: #404448;
    cursor: text;
    line-height: 1.4;
    margin: 0 0 0 -.4rem;
    outline: none;
    padding-left: .8rem;
    position: relative; }
    .csContentEditorTextInlineEditorWrapper div.csContentEditorTextInlineEditor > * {
      color: inherit;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0;
      white-space: pre-wrap; }
  .csContentEditorTextInlineEditorWrapper .validation-indicator-wrapper {
    padding-top: .2rem; }
    .csContentEditorTextInlineEditorWrapper .validation-indicator-wrapper .cs-inline-validation-indicator {
      width: 2.3rem; }

.csContentEditorTreeView .csContentEditorTextInlineEditorWrapper.isActive .validation-indicator-wrapper::before {
  background: #66b6dc;
  border: .2rem solid #fff;
  bottom: 0;
  content: " ";
  display: block;
  left: -.7rem;
  padding: .1rem;
  position: absolute;
  top: 0;
  width: .2rem; }

.csContentEditorCanvasView .csContentEditorTextInlineEditorWrapper div.csContentEditorTextInlineEditor {
  margin: .5rem 0 0; }

.csContentEditorTextRunSpellCheckPopover_noResult {
  background: inherit !important;
  color: inherit !important; }

.csContentEditorToolbar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
  .csContentEditorToolbar .toolbar_validation_info {
    border: none;
    font-size: 1.4rem;
    line-height: 2.4rem; }
  .csContentEditorToolbar .toolbar_validation_stepper_control {
    font-size: 1.4rem;
    line-height: 2.4rem;
    min-width: 2rem; }
    .csContentEditorToolbar .toolbar_validation_stepper_control span::before {
      width: 1.7rem; }
    .csContentEditorToolbar .toolbar_validation_stepper_control.disabled span::before {
      color: inherit;
      opacity: .5; }

.csContentEditorSearchField {
  display: inline-block;
  text-align: left; }
  .csContentEditorSearchField .csContentEditorSearchFieldSearch {
    display: inline-block;
    position: relative; }
    .csContentEditorSearchField .csContentEditorSearchFieldSearch input.cs-input {
      display: inline-block;
      padding-left: 2.4rem;
      vertical-align: middle;
      width: 24rem; }
    .csContentEditorSearchField .csContentEditorSearchFieldSearch .cs-icon-search {
      color: #777;
      display: block;
      font-size: 1.4rem;
      height: 2.4rem;
      left: .6rem;
      line-height: 2.4rem;
      position: absolute;
      top: 0; }
    .csContentEditorSearchField .csContentEditorSearchFieldSearch .cs-icon-close-cross {
      color: #c7c7c7;
      display: block;
      font-size: 1.6rem;
      line-height: 2.4rem;
      position: absolute;
      right: .5rem;
      top: 0; }
  .csContentEditorSearchField .csContentEditorSearchFieldReplace {
    display: inline-block;
    position: relative; }
    .csContentEditorSearchField .csContentEditorSearchFieldReplace input.cs-input {
      display: inline-block;
      vertical-align: middle;
      width: 24rem; }
    .csContentEditorSearchField .csContentEditorSearchFieldReplace .cs-icon-close-cross {
      color: #c7c7c7;
      display: block;
      font-size: 1.6rem;
      line-height: 2.4rem;
      position: absolute;
      right: .5rem;
      top: 0; }

.csContentEditorView {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  overflow: hidden; }

.csContentEditorInspectorView {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  overflow: hidden; }
  .csContentEditorInspectorView .csSliceSeparator {
    display: none; }

.csContentEditorFlatView .csSlice.cs-slicegroup-top.cs-slicegroup-top,
.csContentEditorFlatView .csSliceSeparator.cs-slicegroup-top.cs-slicegroup-top {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem; }

.csContentEditorFlatView .csSlice.cs-slicegroup-bottom.cs-slicegroup-bottom,
.csContentEditorFlatView .csSliceSeparator.cs-slicegroup-bottom.cs-slicegroup-bottom {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.csContentEditorXMLView {
  border-top: 0.1rem solid #e6e6e6;
  position: absolute !important;
  z-index: 10; }

.csSliceFactoryDebugInfo {
  display: none; }

.csContentEditorWrapper {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background: #fff;
  cursor: default;
  overflow: hidden;
  width: auto;
  z-index: 1; }
  .csContentEditorWrapper.csContentEditorMainView {
    margin-left: -.5rem; }
  .csContentEditorWrapper .censhareScroll__content {
    width: 100%; }
  .csContentEditorWrapper .canvas {
    padding: .5rem 1.6rem; }
    .csContentEditorWrapper .canvas > * {
      margin: 0;
      padding: 0; }
    .csContentEditorWrapper .canvas .csCanvasContentContainer {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .csContentEditorWrapper .canvas .csCanvasLeftColumnContainer {
      -webkit-flex: 0 1 auto;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex; }

.csSlice,
.csSliceSeparator {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-left: .5rem;
  padding-left: .1rem; }
  .csSlice .csSliceInlineSlot,
  .csSliceSeparator .csSliceInlineSlot {
    -webkit-flex: 0 0 20rem;
    -moz-flex: 0 0 20rem;
    -ms-flex: 0 0 20rem;
    flex: 0 0 20rem;
    max-width: 20rem; }
  .csSlice.csSliceParent .csSelectionFragment:last-child,
  .csSliceSeparator.csSliceParent .csSelectionFragment:last-child {
    margin-top: 1rem; }
  .csSlice.csSlice .csContentEditorElementRootDiv,
  .csSliceSeparator.csSlice .csContentEditorElementRootDiv {
    margin: 0; }
  .csSlice.cs-slicegroup-top, .csSlice.cs-slicegroup-mid, .csSlice.cs-slicegroup-bottom,
  .csSliceSeparator.cs-slicegroup-top,
  .csSliceSeparator.cs-slicegroup-mid,
  .csSliceSeparator.cs-slicegroup-bottom {
    background: #f2f2f2;
    margin-left: .4rem;
    padding-left: 0; }
    .csSlice.cs-slicegroup-top > div[class*="SelectionMarker"], .csSlice.cs-slicegroup-mid > div[class*="SelectionMarker"], .csSlice.cs-slicegroup-bottom > div[class*="SelectionMarker"],
    .csSliceSeparator.cs-slicegroup-top > div[class*="SelectionMarker"],
    .csSliceSeparator.cs-slicegroup-mid > div[class*="SelectionMarker"],
    .csSliceSeparator.cs-slicegroup-bottom > div[class*="SelectionMarker"] {
      margin-left: -.4rem; }
    .csSlice.cs-slicegroup-top > div.csSelectionFragment, .csSlice.cs-slicegroup-mid > div.csSelectionFragment, .csSlice.cs-slicegroup-bottom > div.csSelectionFragment,
    .csSliceSeparator.cs-slicegroup-top > div.csSelectionFragment,
    .csSliceSeparator.cs-slicegroup-mid > div.csSelectionFragment,
    .csSliceSeparator.cs-slicegroup-bottom > div.csSelectionFragment {
      margin-left: .1rem; }
    .csSlice.cs-slicegroup-top.cs-slicegroup-top, .csSlice.cs-slicegroup-mid.cs-slicegroup-top, .csSlice.cs-slicegroup-bottom.cs-slicegroup-top,
    .csSliceSeparator.cs-slicegroup-top.cs-slicegroup-top,
    .csSliceSeparator.cs-slicegroup-mid.cs-slicegroup-top,
    .csSliceSeparator.cs-slicegroup-bottom.cs-slicegroup-top {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0.5rem; }
    .csSlice.cs-slicegroup-top.cs-slicegroup-bottom, .csSlice.cs-slicegroup-mid.cs-slicegroup-bottom, .csSlice.cs-slicegroup-bottom.cs-slicegroup-bottom,
    .csSliceSeparator.cs-slicegroup-top.cs-slicegroup-bottom,
    .csSliceSeparator.cs-slicegroup-mid.cs-slicegroup-bottom,
    .csSliceSeparator.cs-slicegroup-bottom.cs-slicegroup-bottom {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0.5rem;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }

.csSliceSeparator {
  min-height: 1rem; }
  .csSliceSeparator .csSelectionFragment {
    min-height: 1rem; }

.csSliceSelected {
  border-left: 0.2rem solid #69bee6;
  padding-left: 0; }

.csTreeSelectionMarkerContainer {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex; }

.csSelectionFragment {
  -webkit-flex: 0 0 0.5rem;
  -moz-flex: 0 0 0.5rem;
  -ms-flex: 0 0 0.5rem;
  flex: 0 0 0.5rem;
  border-left: 0.1rem solid #9c9c9c;
  margin-left: .5rem;
  min-width: .5rem; }
  .csSelectionFragment.csSelectionFragmentClosingParam {
    border-bottom: 0.1rem solid #9c9c9c;
    border-left: 0.1rem solid #9c9c9c;
    padding-left: 0; }
  .csSelectionFragment.csSelectionFragmentClosingParam.csSelectionFragmentSelected {
    border-bottom: 0.2rem solid #69bee6;
    border-left: 0.2rem solid #69bee6;
    min-width: 6px;
    padding-left: 0; }
  .csSelectionFragment.csSelectionFragmentSelected {
    border-left: 0.2rem solid #69bee6;
    padding-left: 0; }
  .csSelectionFragment.csSelectionFragmentHidden {
    display: none !important; }

@media (max-width: 46rem) {
  .csContentEditorWrapper .csContentEditorAttributeRenderer .csAttributeRendererItem .csAttributeRendererKey {
    padding-top: 0;
    text-align: left;
    width: 100%; }
  .csContentEditorWrapper .csContentEditorAttributeRenderer .csAttributeRendererItem .csAttributeRendererValue {
    width: 100%; }
  .csContentEditorWrapper .csContentEditorAttributeRenderer .csAttributeRendererItem .csAttributeRendererValueText {
    padding-top: 0; }
  .csContentEditorWrapper .csDialogForm__row .csDialogForm__cell-label {
    padding-top: 0;
    text-align: left;
    width: 100%; }
  .csContentEditorWrapper .csDialogForm__row .csDialogForm__cell {
    width: 100%; }
    .csContentEditorWrapper .csDialogForm__row .csDialogForm__cell .cs-radio,
    .csContentEditorWrapper .csDialogForm__row .csDialogForm__cell .cs-checkbox {
      margin-top: .8rem; } }

.csWidget_csContentEditorWidget .csContentEditorView {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.csWidget_csContentEditorWidget .csWidget__ctrl__addOn {
  position: absolute;
  right: 2.5rem;
  top: 0; }

.csContentEditorElementRootDiv.csContentEditorXInclude > h2:first-child {
  line-height: 1.2;
  padding-top: .5rem; }
  .csContentEditorElementRootDiv.csContentEditorXInclude > h2:first-child .cs-select.chosen-container {
    display: inline-block !important; }
  .csContentEditorElementRootDiv.csContentEditorXInclude > h2:first-child > * {
    margin-right: .5rem; }

.csContentEditorElementRootDiv.csContentEditorXInclude .csContentEditorXInclude_isContentInContent,
.csContentEditorElementRootDiv.csContentEditorXInclude .cs-inline-validation-indicator {
  margin-right: .5rem;
  margin-top: .4rem;
  padding: 0; }

.csContentEditorXInclude {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex; }

.csContentEditorXIncludeParameterHeader {
  padding: 5px; }
  .csContentEditorXIncludeParameterHeader .cs-form-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }

.csContentEditorXInclude_trafolabel {
  display: inline-block;
  line-height: 2rem;
  margin-right: .5rem;
  padding: .2rem .2rem .2rem 0;
  vertical-align: bottom; }
  .csContentEditorXInclude_trafolabel .cs-icon-warning {
    color: #ffaf31;
    display: inline-block;
    vertical-align: top; }
  .csContentEditorXInclude_trafolabel.csContentEditorXInclude_trafolabel {
    color: #9c9c9c; }

.csControl__toolbar_menu {
  margin-right: .5rem; }
  .csControl__toolbar_menu > li {
    display: inline-block;
    margin-bottom: .5rem;
    vertical-align: bottom; }
    .csControl__toolbar_menu > li:not(:last-child) {
      margin-right: .5rem; }

.csTranslationWithMemory__table tbody {
  line-height: 2rem; }
  .csTranslationWithMemory__table tbody tr.cs-is-selected, .csTranslationWithMemory__table tbody tr.cs-is-selected:hover {
    background-color: #f2f2f2;
    border-color: #e6e6e6;
    color: inherit; }
    .csTranslationWithMemory__table tbody tr.cs-is-selected + tr, .csTranslationWithMemory__table tbody tr.cs-is-selected:hover + tr {
      border-color: #e6e6e6; }
    .csTranslationWithMemory__table tbody tr.cs-is-selected .csTranslationWithMemorySegments__status.cs-is-defined, .csTranslationWithMemory__table tbody tr.cs-is-selected:hover .csTranslationWithMemorySegments__status.cs-is-defined {
      box-shadow: 0 0 300px rgba(0, 0, 0, 0.1) inset; }
  .csTranslationWithMemory__table tbody tr td {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: .2rem;
    padding-top: .2rem;
    position: relative;
    vertical-align: top;
    width: 48%;
    word-break: break-word; }
    .csTranslationWithMemory__table tbody tr td:last-child {
      width: 4%; }
    .csTranslationWithMemory__table tbody tr td.csTranslationWithMemorySegments__status {
      color: rgba(0, 0, 0, 0.55);
      text-align: center;
      vertical-align: middle;
      width: 4%; }
  .csTranslationWithMemory__table tbody tr:hover {
    cursor: pointer; }
    .csTranslationWithMemory__table tbody tr:hover .csToggleMenu {
      display: block; }

.csWizard__csCopyMetadata {
  overflow: hidden; }
  .csWizard__csCopyMetadata article {
    height: 100%; }
  .csWizard__csCopyMetadata .cs-table-02 {
    display: block; }
    .csWizard__csCopyMetadata .cs-table-02.content {
      height: calc(100% - 2.3rem - 3.4rem); }
  .csWizard__csCopyMetadata .censhareScroll__viewport {
    height: 99%; }
  .csWizard__csCopyMetadata .cs-table-head,
  .csWizard__csCopyMetadata .cs-table-body,
  .csWizard__csCopyMetadata .cs-table-tr {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }
  .csWizard__csCopyMetadata .cs-table-head {
    flex-direction: row;
    position: relative; }
    .csWizard__csCopyMetadata .cs-table-head div,
    .csWizard__csCopyMetadata .cs-table-head span {
      color: #1c1c1c; }
    .csWizard__csCopyMetadata .cs-table-head .cs-table-th {
      padding-left: 2.5rem; }
      .csWizard__csCopyMetadata .cs-table-head .cs-table-th.head-spacer {
        -webkit-flex: 0.4 0 15rem;
        -moz-flex: 0.4 0 15rem;
        -ms-flex: 0.4 0 15rem;
        flex: 0.4 0 15rem;
        line-height: 3rem;
        padding-left: 1.5rem; }
      .csWizard__csCopyMetadata .cs-table-head .cs-table-th.spacer {
        padding-left: .4rem; }
      .csWizard__csCopyMetadata .cs-table-head .cs-table-th.radio-spacer {
        -webkit-flex: 0 0 10rem;
        -moz-flex: 0 0 10rem;
        -ms-flex: 0 0 10rem;
        flex: 0 0 10rem; }
  .csWizard__csCopyMetadata .cs-table-tr {
    -webkit-flex: 1 0 80%;
    -moz-flex: 1 0 80%;
    -ms-flex: 1 0 80%;
    flex: 1 0 80%;
    border-top: 0 !important;
    color: #b2b2b2;
    min-height: 2.4rem; }
    .csWizard__csCopyMetadata .cs-table-tr.active {
      color: #1c1c1c; }
    .csWizard__csCopyMetadata .cs-table-tr .value-info {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 0.4 0 15rem;
      -moz-flex: 0.4 0 15rem;
      -ms-flex: 0.4 0 15rem;
      flex: 0.4 0 15rem;
      padding-left: 12rem; }
    .csWizard__csCopyMetadata .cs-table-tr .cs-metadata-row__has_nested_parent {
      width: 100%; }
    .csWizard__csCopyMetadata .cs-table-tr > div:nth-child(2) {
      -webkit-flex: 0 0 10rem;
      -moz-flex: 0 0 10rem;
      -ms-flex: 0 0 10rem;
      flex: 0 0 10rem;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      font-size: 1.2rem; }
    .csWizard__csCopyMetadata .cs-table-tr > div:nth-child(3) {
      -webkit-flex: 0.1 0 5rem;
      -moz-flex: 0.1 0 5rem;
      -ms-flex: 0.1 0 5rem;
      flex: 0.1 0 5rem;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex; }
  .csWizard__csCopyMetadata .cs-table-tr.csDuplicateFilesUploadCheckWizard__row_hover > div {
    background-color: #f2f2f2; }
  .csWizard__csCopyMetadata h4.group-header {
    font-size: 1.2rem;
    margin: 1rem 0 0 1.5rem; }
  .csWizard__csCopyMetadata .cs-table-body {
    flex-direction: column; }
    .csWizard__csCopyMetadata .cs-table-body .cs-table-tr {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      .csWizard__csCopyMetadata .cs-table-body .cs-table-tr > div {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        overflow: hidden;
        padding-left: 2.5rem; }
        .csWizard__csCopyMetadata .cs-table-body .cs-table-tr > div.spacer {
          padding-left: 0; }
          .csWizard__csCopyMetadata .cs-table-body .cs-table-tr > div.spacer :first-child {
            margin-left: .8rem;
            margin-right: .8rem; }
        .csWizard__csCopyMetadata .cs-table-body .cs-table-tr > div.reverse {
          flex-direction: row-reverse; }
        .csWizard__csCopyMetadata .cs-table-body .cs-table-tr > div.first-child {
          -webkit-flex: 0 0 17rem;
          -moz-flex: 0 0 17rem;
          -ms-flex: 0 0 17rem;
          flex: 0 0 17rem;
          line-height: 1.6rem;
          text-align: right; }
        .csWizard__csCopyMetadata .cs-table-body .cs-table-tr > div.exist-info {
          color: #ffaf31; }
    .csWizard__csCopyMetadata .cs-table-body .cs-table-block {
      border-bottom: 0.1rem solid #f2f2f2; }
  .csWizard__csCopyMetadata .cs-table-02.header .cs-table-head {
    border-bottom: none; }
  .csWizard__csCopyMetadata .cs-table-02 .cs-table-body .cs-table-tr > div {
    border-bottom: 0; }
  .csWizard__csCopyMetadata .censhareScroll__viewport .censhareScroll__content {
    display: block; }
    .csWizard__csCopyMetadata .censhareScroll__viewport .censhareScroll__content .cs-table-body {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.csWizardContainer .csCopyMetadataWizardStep3 .csWizard__locker {
  top: 0; }

cs-crop-tool-control-set {
  box-shadow: 0 0 0 3000px rgba(255, 255, 255, 0.5);
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0;
  -webkit-transition: opacity 400ms ease-out;
  -moz-transition: opacity 400ms ease-out;
  transition: opacity 400ms ease-out; }
  cs-crop-tool-control-set.cs-is-invalid cs-crop-tool-move-handle,
  cs-crop-tool-control-set.cs-is-invalid cs-crop-tool-scale-u-handle,
  cs-crop-tool-control-set.cs-is-invalid cs-crop-tool-scale-v-handle,
  cs-crop-tool-control-set.cs-is-invalid cs-crop-tool-scale-uv-handle,
  cs-crop-tool-control-set.cs-is-invalid cs-crop-tool-scale-uv-uniform-handle,
  cs-crop-tool-control-set.cs-is-invalid cs-crop-tool-registration-handle {
    border-color: #ff4e4f; }
  cs-crop-tool-control-set cs-crop-tool-move-handle,
  cs-crop-tool-control-set cs-crop-tool-scale-u-handle,
  cs-crop-tool-control-set cs-crop-tool-scale-v-handle,
  cs-crop-tool-control-set cs-crop-tool-scale-uv-handle,
  cs-crop-tool-control-set cs-crop-tool-scale-uv-uniform-handle,
  cs-crop-tool-control-set cs-crop-tool-registration-handle {
    border: 0.2rem solid #28b1f0;
    cursor: pointer;
    position: absolute; }
    cs-crop-tool-control-set cs-crop-tool-move-handle.cs-is-disabled,
    cs-crop-tool-control-set cs-crop-tool-scale-u-handle.cs-is-disabled,
    cs-crop-tool-control-set cs-crop-tool-scale-v-handle.cs-is-disabled,
    cs-crop-tool-control-set cs-crop-tool-scale-uv-handle.cs-is-disabled,
    cs-crop-tool-control-set cs-crop-tool-scale-uv-uniform-handle.cs-is-disabled,
    cs-crop-tool-control-set cs-crop-tool-registration-handle.cs-is-disabled {
      display: none; }
  cs-crop-tool-control-set cs-crop-tool-registration-handle.cs-is-disabled {
    display: block;
    opacity: .5; }
  cs-crop-tool-control-set cs-crop-tool-move-handle {
    bottom: -.1rem;
    left: -.1rem;
    right: -.1rem;
    top: -.1rem; }
  cs-crop-tool-control-set cs-crop-tool-scale-u-handle,
  cs-crop-tool-control-set cs-crop-tool-scale-v-handle,
  cs-crop-tool-control-set cs-crop-tool-scale-uv-handle,
  cs-crop-tool-control-set cs-crop-tool-scale-uv-uniform-handle,
  cs-crop-tool-control-set cs-crop-tool-registration-handle {
    height: 1rem;
    width: 1rem; }
  cs-crop-tool-control-set cs-crop-tool-scale-uv-handle[uv="0,0"], cs-crop-tool-control-set cs-crop-tool-scale-uv-handle[uv="1,1"],
  cs-crop-tool-control-set cs-crop-tool-scale-uv-uniform-handle[uv="0,0"],
  cs-crop-tool-control-set cs-crop-tool-scale-uv-uniform-handle[uv="1,1"] {
    cursor: nwse-resize; }
  cs-crop-tool-control-set cs-crop-tool-scale-uv-handle[uv="1,0"], cs-crop-tool-control-set cs-crop-tool-scale-uv-handle[uv="0,1"],
  cs-crop-tool-control-set cs-crop-tool-scale-uv-uniform-handle[uv="1,0"],
  cs-crop-tool-control-set cs-crop-tool-scale-uv-uniform-handle[uv="0,1"] {
    cursor: nesw-resize; }
  cs-crop-tool-control-set cs-crop-tool-scale-u-handle {
    cursor: ew-resize; }
  cs-crop-tool-control-set cs-crop-tool-scale-v-handle {
    cursor: ns-resize; }
  cs-crop-tool-control-set cs-crop-tool-move-handle {
    cursor: move; }
  cs-crop-tool-control-set [has-background="true"] {
    background-color: white; }
  cs-crop-tool-control-set cs-crop-tool-registration-handle {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    -webkit-transition-property: background-color, border-width;
    -moz-transition-property: background-color, border-width;
    transition-property: background-color, border-width; }
    cs-crop-tool-control-set cs-crop-tool-registration-handle.cs-is-active {
      background-color: rgba(255, 255, 255, 0);
      border-width: .1rem; }
      cs-crop-tool-control-set cs-crop-tool-registration-handle.cs-is-active::after {
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: 50%;
        content: "";
        display: block;
        height: 10rem;
        left: -5rem;
        position: absolute;
        top: -5rem;
        width: 10rem; }
  cs-crop-tool-control-set cs-crop-tool-min-bound-indicator {
    border: 1px dashed #fff;
    height: 0;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 0;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out; }
    cs-crop-tool-control-set cs-crop-tool-min-bound-indicator.cs-is-active {
      opacity: .5; }
      cs-crop-tool-control-set cs-crop-tool-min-bound-indicator.cs-is-active::after {
        bottom: 3px;
        left: 3px; }
      cs-crop-tool-control-set cs-crop-tool-min-bound-indicator.cs-is-active::before {
        right: 3px;
        top: 3px; }
    cs-crop-tool-control-set cs-crop-tool-min-bound-indicator::after {
      border-bottom: 2px solid #fff;
      border-left: 2px solid #fff;
      bottom: 10%;
      content: " ";
      height: 10px;
      left: 10%;
      position: absolute;
      width: 10px;
      -webkit-transition: all 400ms ease-out;
      -moz-transition: all 400ms ease-out;
      transition: all 400ms ease-out; }
    cs-crop-tool-control-set cs-crop-tool-min-bound-indicator::before {
      border-right: 2px solid #fff;
      border-top: 2px solid #fff;
      content: " ";
      height: 10px;
      position: absolute;
      right: 10%;
      top: 10%;
      width: 10px;
      -webkit-transition: all 400ms ease-out;
      -moz-transition: all 400ms ease-out;
      transition: all 400ms ease-out; }
  cs-crop-tool-control-set.cs-is-disabled {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }
    cs-crop-tool-control-set.cs-is-disabled cs-crop-tool-scale-u-handle,
    cs-crop-tool-control-set.cs-is-disabled cs-crop-tool-scale-v-handle,
    cs-crop-tool-control-set.cs-is-disabled cs-crop-tool-scale-uv-handle,
    cs-crop-tool-control-set.cs-is-disabled cs-crop-tool-scale-uv-uniform-handle {
      display: none; }
    cs-crop-tool-control-set.cs-is-disabled cs-crop-tool-registration-handle {
      opacity: .5; }
  cs-crop-tool-control-set.cs-is-loaded {
    opacity: 1; }

.cs-timepicker-chooser .cs-timepicker-input {
  padding-right: 0 !important; }

.selectionTypePicker {
  float: left;
  width: 30%; }

.dateTimeSelect {
  float: right;
  width: 70%; }
  .dateTimeSelect .startDateBlock {
    margin-bottom: 1rem !important; }
  .dateTimeSelect .dateTimeContainer {
    height: 3rem; }
    .dateTimeSelect .dateTimeContainer > .datePicker,
    .dateTimeSelect .dateTimeContainer > .timePicker,
    .dateTimeSelect .dateTimeContainer > .rangeSizeInput,
    .dateTimeSelect .dateTimeContainer > .rangeUnitSelect {
      float: left;
      padding-left: 0.5rem;
      width: 50%; }
    .dateTimeSelect .dateTimeContainer > .datePicker > cs-datepicker,
    .dateTimeSelect .dateTimeContainer > .timePicker > cs-timepicker,
    .dateTimeSelect .dateTimeContainer > .rangeSizeInput > cs-input,
    .dateTimeSelect .dateTimeContainer > .rangeUnitSelect > cs-select {
      width: calc(100% - 0.5rem); }

cs-demo-ts-widget {
  display: block; }

.csDetailPanel__wrapper {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: width, opacity;
  -moz-transition-property: width, opacity;
  transition-property: width, opacity;
  background-color: #f2f2f2;
  border-left: 0.1rem #d9d9d9 solid;
  float: left;
  opacity: 1;
  position: relative;
  width: 25%; }
  .csDetailPanel__wrapper .mCSB_container {
    min-height: 100%; }
  .csDetailPanel__wrapper .censhareScroll__main .censhareScroll__content {
    display: block; }

.csDetailPanel {
  min-height: 100%;
  width: 100%; }
  .csDetailPanel .csDetailPanel__header {
    border-bottom: 0.1rem #d9d9d9 solid;
    display: block;
    margin: 0 2rem;
    min-height: 12rem;
    padding: 0;
    position: relative;
    z-index: 2; }
    .csDetailPanel .csDetailPanel__header > h5 {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.2em;
      bottom: 1px;
      padding-bottom: .8rem;
      position: absolute; }
  .csDetailPanel .csDetailPanel__inner {
    padding: 1.6rem; }
  .csDetailPanel .csDetailPanel__title {
    margin-bottom: 0.5rem; }
    .csDetailPanel .csDetailPanel__title > h2 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%; }
  .csDetailPanel .csDetailPanel__box {
    background: #fff;
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2em;
    color: #777;
    margin-bottom: 1rem;
    position: relative;
    width: 100%; }
    .csDetailPanel .csDetailPanel__box.csHover, .csDetailPanel .csDetailPanel__box:hover, .csDetailPanel .csDetailPanel__box:focus {
      box-shadow: rgba(212, 212, 212, 0.5) 0 0 9px 2px; }
    .csDetailPanel .csDetailPanel__box > .csDetailPanel__inner {
      padding: 1.5rem 2rem; }
    .csDetailPanel .csDetailPanel__box.image img {
      display: block;
      width: 100%; }
    .csDetailPanel .csDetailPanel__box h4 {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 1.2em;
      padding-right: 1rem; }
    .csDetailPanel .csDetailPanel__box ul {
      margin-bottom: 1rem;
      margin-top: 1.4rem; }
      .csDetailPanel .csDetailPanel__box ul li {
        margin-top: .8rem; }
    .csDetailPanel .csDetailPanel__box .count {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 1rem;
      background: #d9d9d9;
      color: #fff;
      font-size: 1rem;
      font-weight: 600;
      margin-right: 0.5rem;
      padding: 1px 0.5rem; }

cs-detailed-search-dialog-component {
  display: block; }

.csDialog.csDetailedSearchDialog .cs-is-hidden {
  display: none; }

.csDialog.csDownloadFilesDialog {
  max-height: 25rem;
  width: 70%; }
  .csDialog.csDownloadFilesDialog .csDialog__content-inner {
    padding-bottom: 0; }
  .csDialog.csDownloadFilesDialog.cs-has-more-options {
    max-height: 55rem; }
  .csDialog.csDownloadFilesDialog.cs-is-ready {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: max-height;
    -moz-transition-property: max-height;
    transition-property: max-height; }
  .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__warning_icon {
    color: #b2b2b2;
    font-size: 4.5rem;
    position: absolute; }
  .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__message .messageText {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2em;
    color: #404448; }
  .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__message .messageDetails {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2em;
    color: #9c9c9c;
    margin-top: .2rem; }
  .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__message .more-options-holder {
    font-weight: 400;
    padding-top: 1.5rem; }
    .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__message .more-options-holder .more-options-button {
      color: #69bee6; }
      .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__message .more-options-holder .more-options-button:hover {
        color: #5eabcf; }
  .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__more_options {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    height: 30rem;
    margin-top: 2rem; }
    .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__more_options::before, .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__more_options::after {
      content: " ";
      display: table; }
    .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__more_options::after {
      clear: both; }
    .csDialog.csDownloadFilesDialog .csDownloadFilesDialog__more_options.ng-hide {
      height: 0;
      overflow: hidden; }

.csDialog.csGroupDownloadFilesDialog {
  max-height: 20rem;
  width: 70%; }
  .csDialog.csGroupDownloadFilesDialog .csDialog__content {
    max-height: 8rem; }

.csDialog.csDuplicateFileDialog {
  max-height: 40rem; }

.csDuplicateCheck {
  overflow: hidden; }
  .csDuplicateCheck article {
    height: 100%; }
    .csDuplicateCheck article ul.csAssetListItem {
      border-top: none; }
  .csDuplicateCheck .cs-table-02 {
    display: block; }
    .csDuplicateCheck .cs-table-02.content {
      height: calc(100% - 2.3rem - 3.4rem); }
  .csDuplicateCheck .cs-table-head,
  .csDuplicateCheck .cs-table-body,
  .csDuplicateCheck .cs-table-tr {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }
  .csDuplicateCheck .cs-table-head {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 2.4rem;
    position: relative; }
    .csDuplicateCheck .cs-table-head div,
    .csDuplicateCheck .cs-table-head span {
      color: #1c1c1c;
      font-size: 1.2rem;
      font-weight: 400; }
  .csDuplicateCheck .cs-table-tr {
    -webkit-flex: 1 0 100%;
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    border-top: 0 !important;
    height: 2.4rem; }
    .csDuplicateCheck .cs-table-tr > div {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 0 0 20rem;
      -moz-flex: 0 0 20rem;
      -ms-flex: 0 0 20rem;
      flex: 0 0 20rem;
      position: relative; }
      .csDuplicateCheck .cs-table-tr > div:hover {
        background-color: #c7c7c7; }
      .csDuplicateCheck .cs-table-tr > div .csTableControl__resizehandle {
        border-right: 1px solid #fff;
        cursor: col-resize;
        display: inline-block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 1rem; }
    .csDuplicateCheck .cs-table-tr > div:nth-child(1),
    .csDuplicateCheck .cs-table-tr > div:nth-child(3) {
      -webkit-flex: 1 0 28rem;
      -moz-flex: 1 0 28rem;
      -ms-flex: 1 0 28rem;
      flex: 1 0 28rem; }
  .csDuplicateCheck .cs-table-tr.csDuplicateFilesUploadCheckWizard__row_hover > div {
    background-color: #f2f2f2; }
  .csDuplicateCheck .cs-table-body {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .csDuplicateCheck .cs-table-body .cs-table-tr {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      height: 3.4rem; }
      .csDuplicateCheck .cs-table-body .cs-table-tr__duplicate {
        height: 6.4rem; }
      .csDuplicateCheck .cs-table-body .cs-table-tr > div {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        overflow: hidden;
        padding: 0 1rem; }
      .csDuplicateCheck .cs-table-body .cs-table-tr > div:nth-child(1) img {
        -webkit-flex: 0 1;
        -moz-flex: 0 1;
        -ms-flex: 0 1;
        flex: 0 1;
        height: 1.6rem;
        margin-right: 1rem;
        width: auto; }
      .csDuplicateCheck .cs-table-body .cs-table-tr > div:nth-child(1) span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .csDuplicateCheck .cs-table-body span.duplicate {
      color: #ffdda8; }
  .csDuplicateCheck .cs-radio-style {
    margin: .3rem .3rem .3rem 0; }
  .csDuplicateCheck .cs-radio-label {
    margin: .3rem; }
  .csDuplicateCheck .cs-progressbar-wrapper {
    width: 150px; }
  .csDuplicateCheck .cs-table-02.header .cs-table-head {
    border-bottom: none; }
  .csDuplicateCheck .cs-table-02 .cs-table-body .cs-table-tr > div {
    border-bottom: 1px solid #e6e6e6;
    font-size: 1.2rem; }
  .csDuplicateCheck .censhareScroll__viewport .censhareScroll__content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }
    .csDuplicateCheck .censhareScroll__viewport .censhareScroll__content .cs-table-body {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

cs-dynamic-controller {
  display: inherit;
  height: inherit;
  width: inherit; }

.csLayoutWrapper .csGridDynamicWrapper {
  height: 100%; }
  .csLayoutWrapper .csGridDynamicWrapper .csWidgetWrapper {
    height: 100%;
    padding: 1rem 2rem 7rem; }
    .csLayoutWrapper .csGridDynamicWrapper .csWidgetWrapper.csFirstWidgetWrapper {
      float: left;
      padding-right: 0;
      width: calc(100% - 29rem); }
    .csLayoutWrapper .csGridDynamicWrapper .csWidgetWrapper.csSecondWidgetWrapper {
      float: right;
      height: 100%;
      padding: 0 0 2.9rem;
      width: 29rem; }
      .csLayoutWrapper .csGridDynamicWrapper .csWidgetWrapper.csSecondWidgetWrapper .gridster {
        margin-left: 1.5rem;
        padding-left: 0; }
    .csLayoutWrapper .csGridDynamicWrapper .csWidgetWrapper li.csWidget {
      float: none;
      height: 100%; }
    @media (max-width: 1024px) {
      .csLayoutWrapper .csGridDynamicWrapper .csWidgetWrapper {
        padding: 20px 20px 30px !important; }
        .csLayoutWrapper .csGridDynamicWrapper .csWidgetWrapper.csFirstWidgetWrapper {
          width: 100% !important; }
        .csLayoutWrapper .csGridDynamicWrapper .csWidgetWrapper.csSecondWidgetWrapper {
          margin: 0;
          padding: 0;
          width: 0 !important; } }

.csFileDownloadSelect__wrapper {
  height: 100%; }
  .csFileDownloadSelect__wrapper > div[class^="cs-grid-cell"],
  .csFileDownloadSelect__wrapper > div[class*=" cs-grid-cell"] {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    height: 100%;
    padding-bottom: 0; }
  .csFileDownloadSelect__wrapper .csFileDownloadSelect__file {
    font-size: 1.4rem;
    position: relative; }
    .csFileDownloadSelect__wrapper .csFileDownloadSelect__file .cs-checkbox-label {
      display: inline; }
  .csFileDownloadSelect__wrapper .copyrights {
    background: #fff;
    color: #b2b2b2;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 2.4rem;
    position: absolute;
    vertical-align: text-bottom;
    width: 20%; }
    .csFileDownloadSelect__wrapper .copyrights:hover, .csFileDownloadSelect__wrapper .copyrights.active {
      color: #1c1c1c; }
    .csFileDownloadSelect__wrapper .copyrights .cs-icon {
      font-size: 1.4rem;
      vertical-align: bottom; }
  .csFileDownloadSelect__wrapper .usage_info {
    font-size: 1.2rem;
    margin-left: 1.2rem;
    padding: 1rem 0; }
    .csFileDownloadSelect__wrapper .usage_info caption {
      border-bottom: 1px solid #d9d9d9;
      font-size: 1.2rem;
      padding-bottom: 1rem;
      text-align: left; }
    .csFileDownloadSelect__wrapper .usage_info table {
      margin-bottom: 1.5rem; }
      .csFileDownloadSelect__wrapper .usage_info table tr:hover {
        background: none; }
      .csFileDownloadSelect__wrapper .usage_info table td {
        height: 1.92rem;
        line-height: 1.2;
        padding-top: 0.5rem;
        vertical-align: top; }
      .csFileDownloadSelect__wrapper .usage_info table td:first-child {
        color: #b2b2b2;
        font-weight: 300;
        text-align: right;
        width: 20%; }
  @media (max-width: 1000px) {
    .csFileDownloadSelect__wrapper .copyrights {
      font-size: 0;
      right: 0;
      top: .2rem;
      width: auto; } }

.ng-hide .copyright-notice {
  display: none; }

.copyright-notice {
  background: #e6e6e6;
  color: #404448;
  font-weight: 300;
  margin: 0 -2rem;
  padding: 0 2rem; }
  .copyright-notice span {
    line-height: 3.8rem; }
  .copyright-notice .cs-checkbox {
    float: right;
    line-height: 3.8rem;
    padding-right: 0; }
    .copyright-notice .cs-checkbox .cs-checkbox-label {
      color: #404448; }

.csWidget--hasNoShadowBoxWhenHovered:hover {
  box-shadow: none; }

.csFilmStrip {
  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: .043rem;
  height: 10rem;
  padding: 1rem;
  text-align: center;
  white-space: nowrap; }
  .csFilmStrip .csFilmStrip__container {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: calc(100% - 5.2rem); }
  .csFilmStrip .csFilmStrip__item_container {
    display: inline-block;
    margin: 0 0.5rem;
    text-align: left;
    white-space: nowrap; }
    .csFilmStrip .csFilmStrip__item_container .csFilmStrip__item {
      border: 0.1rem solid #d9d9d9;
      padding-bottom: 2rem; }
    .csFilmStrip .csFilmStrip__item_container:hover .csFilmStrip__item, .csFilmStrip .csFilmStrip__item_container.active .csFilmStrip__item {
      border-color: #69bee6;
      box-shadow: 0 0 0 0.1rem #69bee6; }
  .csFilmStrip .ctrls {
    border-spacing: 0;
    cursor: default;
    display: table;
    height: calc(100% - 1.5rem); }
    .csFilmStrip .ctrls.cs-is-disabled {
      opacity: .3; }
      .csFilmStrip .ctrls.cs-is-disabled .cs-icon-back,
      .csFilmStrip .ctrls.cs-is-disabled .cs-icon-forward {
        display: none; }
    .csFilmStrip .ctrls.left {
      float: left; }
      .csFilmStrip .ctrls.left .cs-icon-back {
        color: #fff;
        left: 10px;
        position: absolute;
        top: calc(50% - 10rem); }
    .csFilmStrip .ctrls.right {
      float: right; }
      .csFilmStrip .ctrls.right .cs-icon-forward {
        color: #fff;
        position: absolute;
        right: 10px;
        top: calc(50% - 10rem); }
    .csFilmStrip .ctrls .cs-icon {
      cursor: pointer;
      display: table-cell;
      font-size: 1.6rem;
      vertical-align: middle; }

/* stylelint-disable-next-line selector-type-no-unknown */
_:-ms-lang(x),
.csFilmStrip__item_container:last-child {
  margin-right: 20px; }

.csDialog.csFlatPlanChangePagingDialog {
  height: 35rem;
  width: 55rem; }

.csFlatPlanTable__item_renderer {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%; }
  .csFlatPlanTable__item_renderer.csFlatPlanTable__item_no_controls .csFlatPlanTable__item_controls {
    display: none; }
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_icon {
    height: calc(100% - 0.5rem);
    margin-right: 1rem;
    max-height: 1.6rem; }
    .csFlatPlanTable__item_renderer .csFlatPlanTable__item_icon[src=""] {
      display: none; }
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_title {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; }
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_state,
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_controls .csActionDropDownIcon {
    display: none;
    font-size: 1.5rem;
    margin-left: 0.5rem; }
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_state_placed,
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_state_warning,
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_state_mandatory,
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_controls .csActionDropDownIcon.cs-is-open {
    display: inline; }
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_state_placed {
    color: #b4e068; }
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_state_warning,
  .csFlatPlanTable__item_renderer .csFlatPlanTable__item_state_mandatory {
    color: #ffaf31; }

.csTableControl__row_selected .csFlatPlanTable__item_controls .csActionDropDownIcon,
.csTableControl__row_hovered .csFlatPlanTable__item_controls .csActionDropDownIcon {
  display: inline; }

.csFlatPlan__notifications_dialog .csFlatPlan__notifications_output {
  font-size: 1.6rem;
  line-height: 3rem;
  margin-bottom: 2rem; }
  .csFlatPlan__notifications_dialog .csFlatPlan__notifications_output .csFlatPlan__notification_headline {
    font-weight: 400;
    padding-bottom: 0.5rem; }
  .csFlatPlan__notifications_dialog .csFlatPlan__notifications_output .csFlatPlan__notification_message {
    white-space: normal; }

cs-flat-plan-place-layout-pages-dialog-component {
  font-size: 7rem; }
  cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages-controls-container {
    padding-right: 1rem; }
  cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages-selection-button {
    float: left;
    margin-right: 1rem; }
  cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages-info-label {
    float: left;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
    width: 100%; }
    cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages-info-label .cs-icon {
      font-size: 2.2rem;
      position: relative;
      top: 0.5rem; }
  cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layout_spread {
    display: inline-block;
    margin: 1rem 1rem 1rem 0; }
  cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages_thumbnail {
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    position: relative; }
    cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages_thumbnail .cs-icon {
      color: #fff;
      display: none;
      left: 50%;
      margin-left: -2.5rem;
      margin-top: -2.5rem;
      pointer-events: none;
      position: absolute;
      top: 50%; }
    cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages_thumbnail:hover::before {
      background-color: #9c9c9c;
      background-position: center;
      background-repeat: no-repeat;
      content: "";
      display: block;
      height: 100%;
      margin: 0;
      opacity: .3;
      position: relative;
      width: 100%; }
    cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages_thumbnail:hover .cs-icon-circle-plus {
      display: block; }
    cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages_thumbnail.selected::before {
      background-color: #69bee6;
      background-position: center;
      background-repeat: no-repeat;
      content: "";
      display: block;
      height: 100%;
      margin: 0;
      opacity: .6;
      position: relative;
      width: 100%; }
    cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages_thumbnail.selected .cs-icon-circle-ok {
      display: block; }
    cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages_thumbnail.selected:hover .cs-icon-circle-minus {
      display: block; }
    cs-flat-plan-place-layout-pages-dialog-component .csFlatPlan__layoutpages_thumbnail.selected:hover .cs-icon-circle-ok {
      display: none; }

cs-flat-plan-placement {
  display: block; }

.csFlatPlanSpread__placement {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  position: absolute; }
  .csFlatPlanSpread__placement .csFlatPlanPlacement__workflowStep,
  .csFlatPlanSpread__placement .csFlatPlanPlacement__workflowState {
    border: 0.2rem solid;
    pointer-events: none; }
  .csFlatPlanSpread__placement .csFlatPlanPlacement__workflowStep {
    bottom: 0.2rem;
    left: 0.2rem;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    height: calc(100% - 0.4rem);
    width: calc(100% - 0.4rem); }
  .csFlatPlanSpread__placement .csFlatPlanPlacement__workflowState {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: calc(100% - 0);
    width: calc(100% - 0); }
  .csFlatPlanSpread__placement .csFlatPlanSpread__placement_label {
    color: #404448;
    display: none;
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin: 1rem;
    overflow: hidden;
    pointer-events: none;
    white-space: pre-wrap; }
  .csFlatPlanSpread__placement .csFlatPlan__placement_overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: 30000; }
    .csFlatPlanSpread__placement .csFlatPlan__placement_overlay i {
      bottom: 0;
      color: transparent;
      font-size: 2.4rem;
      left: calc(50% - 1.2rem);
      position: absolute;
      right: 0;
      top: calc(50% - 0.8rem); }
  .csFlatPlanSpread__placement.csFlatPlanPlacement__no_preview {
    border: 0.1rem solid #9c9c9c;
    opacity: .6; }
  .csFlatPlanSpread__placement .csFlatPlan__placement_overlay.csFlatPlanPlacement__is_hovered {
    background: rgba(105, 190, 230, 0.5); }
  .csFlatPlanSpread__placement[locked] .csFlatPlan__placement_overlay.csFlatPlanPlacement__is_hovered {
    background: rgba(255, 175, 49, 0.5); }
  .csFlatPlanSpread__placement .csFlatPlan__placement_overlay.csFlatPlanDrag__drop_allowed {
    background: rgba(22, 98, 134, 0.75); }
    .csFlatPlanSpread__placement .csFlatPlan__placement_overlay.csFlatPlanDrag__drop_allowed.csFlatPlanDrag__has_icon .cs-icon-circle-plus {
      color: #fff; }
  .csFlatPlanSpread__placement .csFlatPlan__placement_overlay.csFlatPlanDrag__drop_not_allowed {
    background: rgba(255, 78, 79, 0.5); }
    .csFlatPlanSpread__placement .csFlatPlan__placement_overlay.csFlatPlanDrag__drop_not_allowed.csFlatPlanDrag__has_icon .cs-icon-ban {
      color: #fff; }

.csFlatPlan__surface.csFlatPlan__not_preview_mode .csFlatPlanSpread__placement {
  background-image: none !important;
  border: 0.1rem solid #9c9c9c;
  opacity: 1; }
  .csFlatPlan__surface.csFlatPlan__not_preview_mode .csFlatPlanSpread__placement .csFlatPlanSpread__placement_label {
    display: block; }

.csFlatPlan__surface.placement_selection .csFlatPlanSpread__placement.placement_selected .csFlatPlan__placement_overlay {
  background: rgba(105, 190, 230, 0.75); }

.csFlatPlan__surface.placement_selection .csFlatPlanSpread__placement .csFlatPlan__placement_overlay.csFlatPlanPlacement__is_hovered {
  background: rgba(105, 190, 230, 0.5); }

.csFlatPlan__surface.placement_selection .csFlatPlanSpread__placement[locked].placement_selected .csFlatPlan__placement_overlay {
  background: rgba(255, 175, 49, 0.75); }

.csFlatPlan__surface.placement_selection .csFlatPlanSpread__placement[locked] .csFlatPlan__placement_overlay.csFlatPlanPlacement__is_hovered {
  background: rgba(255, 175, 49, 0.5); }

.csFlatPlan__surface.editmode_selection.placement_selected .csFlatPlan__placement_overlay {
  background: rgba(105, 190, 230, 0.75); }

.csFlatPlan__surface.editmode_selection .csFlatPlan__movable_box {
  box-shadow: inset 0 0 0 50rem rgba(22, 98, 134, 0.75); }

.csFlatPlan__surface.csFlatPlan__not_workflow_data_mode .csFlatPlanPlacement__workflowStep,
.csFlatPlan__surface.csFlatPlan__not_workflow_data_mode .csFlatPlanPlacement__workflowState {
  display: none; }

cs-flat-plan-sheets-widget-head {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%; }
  cs-flat-plan-sheets-widget-head .sheets-binding-selector {
    display: inline-block;
    padding-right: 0.5rem;
    width: 20rem; }

.csWidget_csFlatPlanSheetsWidget .csWidget .csWidget__header .csWidget__ctrl {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0; }

cs-flat-plan-sheets-widget {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }
  cs-flat-plan-sheets-widget .sheets-info-row {
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto;
    background-color: #fff;
    border-top: 0.1rem solid #e6e6e6;
    font-size: 1.4rem;
    height: 3.4rem;
    line-height: 1.7rem;
    padding-left: 1.5rem;
    padding-top: 0.2rem;
    width: 100%; }
    cs-flat-plan-sheets-widget .sheets-info-row .sheets-info-row-value {
      font-weight: 600; }
    cs-flat-plan-sheets-widget .sheets-info-row .sheets-difference-indicator {
      margin-left: 1rem; }
      cs-flat-plan-sheets-widget .sheets-info-row .sheets-difference-indicator .cs-icon {
        font-size: 2.2rem;
        position: relative;
        top: 0.5rem; }
      cs-flat-plan-sheets-widget .sheets-info-row .sheets-difference-indicator.sheets-difference-info {
        color: #b4e068; }
      cs-flat-plan-sheets-widget .sheets-info-row .sheets-difference-indicator.sheets-difference-warning {
        color: #ffaf31; }
  cs-flat-plan-sheets-widget .sheets-empty-state {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #e6e6e6;
    text-align: center; }
    cs-flat-plan-sheets-widget .sheets-empty-state .sheets-empty-state-icon {
      display: inline-block;
      font-size: 3.5rem;
      line-height: 3.5rem;
      width: 100%; }
    cs-flat-plan-sheets-widget .sheets-empty-state .sheets-empty-state-label {
      display: inline-block;
      font-size: 1.4rem;
      padding: 1rem 0 0;
      width: 100%; }
    cs-flat-plan-sheets-widget .sheets-empty-state .sheets-empty-state-button {
      display: inline-block; }
  cs-flat-plan-sheets-widget .sheets-table-container {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    position: relative; }
    cs-flat-plan-sheets-widget .sheets-table-container .csTableControl__row.irrelevant {
      color: #777; }
    cs-flat-plan-sheets-widget .sheets-table-container .csTableControl__row .csFlatPlanTable__item_controls {
      display: none;
      float: right;
      font-size: 1.6rem; }
      cs-flat-plan-sheets-widget .sheets-table-container .csTableControl__row .csFlatPlanTable__item_controls cs-action-icon .cs-icon {
        font-size: 1.4rem; }
    cs-flat-plan-sheets-widget .sheets-table-container .csTableControl__row.csTableControl__row_hovered .csFlatPlanTable__item_controls {
      display: inline-block; }
    cs-flat-plan-sheets-widget .sheets-table-container .csTableControl__row .deadline-threshold-alert {
      color: #ff4e4f; }

cs-flat-plan-sheets-edit-dialog-component .shorter-dialog-field {
  width: 25rem; }

.csFlatPlan__spread {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  display: inline-block;
  padding-right: 2rem; }
  .csFlatPlan__spread.csFlatPlan__spread_view {
    margin: 0; }
  .csFlatPlan__spread .csFlatPlan__spread_pages {
    pointer-events: none;
    white-space: nowrap; }

cs-flat-plan-spread-header {
  display: block; }

.csFlatPlan__spread_header {
  padding-top: 2rem;
  pointer-events: none; }
  .csFlatPlan__spread_header .csFlatPlanHeader__part,
  .csFlatPlan__spread_header .csFlatPlanHeader__empty {
    border-bottom: 0.1rem solid #fff;
    display: inline-block;
    height: 2rem;
    margin-bottom: 1rem;
    margin-right: 0;
    overflow: visible;
    position: relative;
    vertical-align: bottom;
    white-space: nowrap; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part p,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty p {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #fff;
      display: block;
      font-size: 1.2rem;
      line-height: 1.5rem;
      overflow: hidden;
      position: absolute;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part::after, .csFlatPlan__spread_header .csFlatPlanHeader__part::before,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty::after,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty::before {
      background: inherit;
      border: inherit;
      content: " ";
      display: none;
      height: 2rem;
      position: absolute;
      width: 2rem; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part.extend__right::after, .csFlatPlan__spread_header .csFlatPlanHeader__part.extend__left::before,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty.extend__right::after,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty.extend__left::before {
      display: inline-block;
      vertical-align: bottom; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part:not(.extend__left)::before, .csFlatPlan__spread_header .csFlatPlanHeader__part:not(.extend__right)::after,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty:not(.extend__left)::before,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty:not(.extend__right)::after {
      border-style: solid;
      display: inline-block;
      height: 0;
      position: relative;
      top: 2rem;
      width: 0; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part:not(.extend__left)::before,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty:not(.extend__left)::before {
      border-color: #fff transparent transparent transparent;
      border-width: 0.5rem 0.5rem 0 0;
      float: left; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part:not(.extend__right)::after,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty:not(.extend__right)::after {
      border-color: transparent #fff transparent transparent;
      border-width: 0 0.5rem 0.5rem 0;
      float: right; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part.extend__right::after,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty.extend__right::after {
      margin-right: -2rem;
      right: 0;
      top: 0; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part.extend__left::before,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty.extend__left::before {
      margin-left: -2rem; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part.extend__right.extend__left p,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty.extend__right.extend__left p {
      opacity: .3; }
    .csFlatPlan__spread_header .csFlatPlanHeader__part.extend__left:not(.extend__right) p,
    .csFlatPlan__spread_header .csFlatPlanHeader__empty.extend__left:not(.extend__right) p {
      right: 0; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part,
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__empty {
    width: calc(100% / 1); }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_left_1 {
    margin-left: 100%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_right_1 {
    margin-right: 100%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.width_1 {
    width: 100%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_left_2 {
    margin-left: 200%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_right_2 {
    margin-right: 200%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.width_2 {
    width: 200%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_left_3 {
    margin-left: 300%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_right_3 {
    margin-right: 300%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.width_3 {
    width: 300%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_left_4 {
    margin-left: 400%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_right_4 {
    margin-right: 400%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.width_4 {
    width: 400%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_left_5 {
    margin-left: 500%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.empty_right_5 {
    margin-right: 500%; }
  .csFlatPlan__spread_header.hps_1 .csFlatPlanHeader__part.width_5 {
    width: 500%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part,
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__empty {
    width: calc(100% / 2); }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_left_1 {
    margin-left: 50%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_right_1 {
    margin-right: 50%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.width_1 {
    width: 50%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_left_2 {
    margin-left: 100%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_right_2 {
    margin-right: 100%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.width_2 {
    width: 100%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_left_3 {
    margin-left: 150%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_right_3 {
    margin-right: 150%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.width_3 {
    width: 150%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_left_4 {
    margin-left: 200%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_right_4 {
    margin-right: 200%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.width_4 {
    width: 200%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_left_5 {
    margin-left: 250%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.empty_right_5 {
    margin-right: 250%; }
  .csFlatPlan__spread_header.hps_2 .csFlatPlanHeader__part.width_5 {
    width: 250%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part,
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__empty {
    width: calc(100% / 3); }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_left_1 {
    margin-left: 33.33333333%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_right_1 {
    margin-right: 33.33333333%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.width_1 {
    width: 33.33333333%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_left_2 {
    margin-left: 66.66666667%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_right_2 {
    margin-right: 66.66666667%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.width_2 {
    width: 66.66666667%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_left_3 {
    margin-left: 100%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_right_3 {
    margin-right: 100%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.width_3 {
    width: 100%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_left_4 {
    margin-left: 133.33333333%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_right_4 {
    margin-right: 133.33333333%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.width_4 {
    width: 133.33333333%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_left_5 {
    margin-left: 166.66666667%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.empty_right_5 {
    margin-right: 166.66666667%; }
  .csFlatPlan__spread_header.hps_3 .csFlatPlanHeader__part.width_5 {
    width: 166.66666667%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part,
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__empty {
    width: calc(100% / 4); }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_left_1 {
    margin-left: 25%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_right_1 {
    margin-right: 25%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.width_1 {
    width: 25%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_left_2 {
    margin-left: 50%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_right_2 {
    margin-right: 50%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.width_2 {
    width: 50%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_left_3 {
    margin-left: 75%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_right_3 {
    margin-right: 75%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.width_3 {
    width: 75%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_left_4 {
    margin-left: 100%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_right_4 {
    margin-right: 100%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.width_4 {
    width: 100%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_left_5 {
    margin-left: 125%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.empty_right_5 {
    margin-right: 125%; }
  .csFlatPlan__spread_header.hps_4 .csFlatPlanHeader__part.width_5 {
    width: 125%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part,
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__empty {
    width: calc(100% / 5); }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_left_1 {
    margin-left: 20%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_right_1 {
    margin-right: 20%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.width_1 {
    width: 20%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_left_2 {
    margin-left: 40%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_right_2 {
    margin-right: 40%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.width_2 {
    width: 40%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_left_3 {
    margin-left: 60%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_right_3 {
    margin-right: 60%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.width_3 {
    width: 60%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_left_4 {
    margin-left: 80%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_right_4 {
    margin-right: 80%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.width_4 {
    width: 80%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_left_5 {
    margin-left: 100%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.empty_right_5 {
    margin-right: 100%; }
  .csFlatPlan__spread_header.hps_5 .csFlatPlanHeader__part.width_5 {
    width: 100%; }
  .csFlatPlan__spread_header .csFlatPlanHeader__part.cs-is-empty {
    visibility: hidden;
    width: 100%; }
  .csFlatPlan__spread_header.cs-is-empty {
    display: none; }

cs-flat-plan-spread-page {
  display: inline-block; }

.csFlatPlan__spread_page {
  background-size: 100% 100%;
  display: inline-block;
  margin: 2rem 0 2.5rem 0;
  pointer-events: auto;
  position: relative;
  vertical-align: top; }
  .csFlatPlan__spread_page::after {
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
    background: -webkit-gradient(left, #fff 70%, transparent 70%), -webkit-linear-gradient(left, #fff 70%, transparent 70%), -webkit-linear-gradient(top, #fff 70%, transparent 70%), -webkit-linear-gradient(top, #fff 70%, transparent 70%);
    background: -webkit-linear-gradient(left, #fff 70%, transparent 70%), -webkit-linear-gradient(left, #fff 70%, transparent 70%), -webkit-linear-gradient(top, #fff 70%, transparent 70%), -webkit-linear-gradient(top, #fff 70%, transparent 70%);
    background: -moz-linear-gradient(left, #fff 70%, transparent 70%), -moz-linear-gradient(left, #fff 70%, transparent 70%), -moz-linear-gradient(top, #fff 70%, transparent 70%), -moz-linear-gradient(top, #fff 70%, transparent 70%);
    background: -ms-linear-gradient(left, #fff 70%, transparent 70%), -ms-linear-gradient(left, #fff 70%, transparent 70%), -ms-linear-gradient(top, #fff 70%, transparent 70%), -ms-linear-gradient(top, #fff 70%, transparent 70%);
    background: -o-linear-gradient(left, #fff 70%, transparent 70%), -o-linear-gradient(left, #fff 70%, transparent 70%), -o-linear-gradient(top, #fff 70%, transparent 70%), -o-linear-gradient(top, #fff 70%, transparent 70%);
    background-position: 0 0, left bottom, 0 0, right 0;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.6rem 0.1rem, 0.6rem 0.1rem, 0.1rem 0.6rem, 0.1rem 0.6rem;
    border-radius: inherit; }
  .csFlatPlan__spread_page::before {
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30000;
    background: -webkit-gradient(left, #fff 70%, #404448 70%), -webkit-linear-gradient(left, #fff 70%, #404448 70%), -webkit-linear-gradient(top, #fff 70%, #404448 70%), -webkit-linear-gradient(top, #fff 70%, #404448 70%);
    background: -webkit-linear-gradient(left, #fff 70%, #404448 70%), -webkit-linear-gradient(left, #fff 70%, #404448 70%), -webkit-linear-gradient(top, #fff 70%, #404448 70%), -webkit-linear-gradient(top, #fff 70%, #404448 70%);
    background: -moz-linear-gradient(left, #fff 70%, #404448 70%), -moz-linear-gradient(left, #fff 70%, #404448 70%), -moz-linear-gradient(top, #fff 70%, #404448 70%), -moz-linear-gradient(top, #fff 70%, #404448 70%);
    background: -ms-linear-gradient(left, #fff 70%, #404448 70%), -ms-linear-gradient(left, #fff 70%, #404448 70%), -ms-linear-gradient(top, #fff 70%, #404448 70%), -ms-linear-gradient(top, #fff 70%, #404448 70%);
    background: -o-linear-gradient(left, #fff 70%, #404448 70%), -o-linear-gradient(left, #fff 70%, #404448 70%), -o-linear-gradient(top, #fff 70%, #404448 70%), -o-linear-gradient(top, #fff 70%, #404448 70%);
    background-position: 0 0, left bottom, 0 0, right 0;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.6rem 0.1rem, 0.6rem 0.1rem, 0.1rem 0.6rem, 0.1rem 0.6rem;
    border-radius: inherit; }
  .csFlatPlan__spread_page .csFlatPlan__page_percentageMarker {
    height: 3.8rem;
    left: -1.9rem;
    margin-top: -1.9rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 3.8rem;
    z-index: 30001; }
  .csFlatPlan__spread_page .csFlatPlan__page_icons {
    color: #fff;
    direction: rtl;
    font-family: "cs-icons", sans-serif;
    font-size: 1.2rem;
    height: 2rem;
    left: 0;
    line-height: 2rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: -2rem; }
    .csFlatPlan__spread_page .csFlatPlan__page_icons .csFlatPlan__icon_hidden {
      display: none; }
    .csFlatPlan__spread_page .csFlatPlan__page_icons .csFlatPlan__page_printColors {
      margin-left: 0.5rem;
      margin-right: 0; }
    .csFlatPlan__spread_page .csFlatPlan__page_icons .csFlatPlan__page_printColorsOverflow {
      display: none;
      margin-left: 0.5rem;
      margin-right: 0.5rem; }
  .csFlatPlan__spread_page .csFlatPlan__placements {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
    .csFlatPlan__spread_page .csFlatPlan__placements .csFlatPlan__label {
      color: #fff;
      font-size: 1.2rem;
      line-height: 1.4rem;
      margin: 1rem;
      overflow: hidden;
      pointer-events: none;
      white-space: pre-wrap; }
  .csFlatPlan__spread_page .csFlatPlan__page_overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: 30000; }
    .csFlatPlan__spread_page .csFlatPlan__page_overlay i {
      bottom: 0;
      color: transparent;
      font-size: 2.4rem;
      left: calc(50% - 2.4rem / 2);
      position: absolute;
      right: 0;
      top: calc(50% - 2.4rem / 3); }
  .csFlatPlan__spread_page .csFlatPlan__pagination {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: -2.5rem;
    color: #fff;
    font-size: 1.2rem;
    text-align: right;
    z-index: -1; }
    .csFlatPlan__spread_page .csFlatPlan__pagination .csFlatPlan__pagination_info {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      bottom: 0;
      font-weight: 300;
      height: 2.5rem;
      left: 0;
      line-height: 2.5rem;
      padding: 0 0.5rem;
      position: absolute;
      right: 0; }
      .csFlatPlan__spread_page .csFlatPlan__pagination .csFlatPlan__pagination_info .csFlatPlan__icon_hidden {
        display: none; }
    .csFlatPlan__spread_page .csFlatPlan__pagination .csFlatPlan__page_number,
    .csFlatPlan__spread_page .csFlatPlan__pagination .csFlatPlan__page_warning {
      float: right; }
    .csFlatPlan__spread_page .csFlatPlan__pagination .csFlatPlan__page_warning {
      cursor: pointer;
      font-size: 1.6rem;
      margin: 0 0.75rem; }
  .csFlatPlan__spread_page .csFlatPlan__page_insertion,
  .csFlatPlan__spread_page .csFlatPlan__page_sticker,
  .csFlatPlan__spread_page .csFlatPlan__page_coupon {
    background: rgba(255, 255, 255, 0.65);
    pointer-events: none;
    position: absolute;
    text-align: center;
    z-index: 30010; }
    .csFlatPlan__spread_page .csFlatPlan__page_insertion div,
    .csFlatPlan__spread_page .csFlatPlan__page_sticker div,
    .csFlatPlan__spread_page .csFlatPlan__page_coupon div {
      bottom: 0.5rem;
      left: 0.5rem;
      position: absolute;
      right: 0.5rem;
      top: 0.5rem;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -ms-flex-pack: center;
      -ms-justify-content: center;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      border: 0.1rem dashed #404448;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1rem; }
    .csFlatPlan__spread_page .csFlatPlan__page_insertion span,
    .csFlatPlan__spread_page .csFlatPlan__page_sticker span,
    .csFlatPlan__spread_page .csFlatPlan__page_coupon span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
  .csFlatPlan__spread_page .csFlatPlan__page_insertion {
    height: 25%;
    left: -17.5%;
    top: 100%;
    transform: rotate(-90deg);
    transform-origin: 0 0 0;
    width: auto; }
  .csFlatPlan__spread_page .csFlatPlan__page_sticker {
    height: 25%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%; }
  .csFlatPlan__spread_page .csFlatPlan__page_sheetMarker {
    background-color: #fff;
    border: 0.1rem solid #000;
    border-right-style: none;
    color: #000;
    font-size: 1.2rem;
    height: 1.6rem;
    left: -0.8rem;
    margin-top: 12rem;
    position: absolute;
    text-align: center;
    transform: rotate(-90deg);
    transform-origin: 0 0 0;
    width: 12rem;
    z-index: 30050; }
    .csFlatPlan__spread_page .csFlatPlan__page_sheetMarker div {
      overflow: hidden;
      text-overflow: ellipsis; }
  .csFlatPlan__spread_page .csFlatPlan__page_coupon {
    bottom: 0;
    height: 25%;
    left: 0;
    right: 0;
    width: 100%; }
  .csFlatPlan__spread_page::before {
    left: -.1rem;
    width: .2rem; }
  .csFlatPlan__spread_page[first-spread-page]::before {
    display: none; }
  .csFlatPlan__spread_page.left .csFlatPlan__page_icons {
    direction: ltr;
    text-align: left; }
    .csFlatPlan__spread_page.left .csFlatPlan__page_icons .csFlatPlan__page_printColors {
      margin-left: 0;
      margin-right: 0.5rem; }
  .csFlatPlan__spread_page.left .csFlatPlan__page_number,
  .csFlatPlan__spread_page.left .csFlatPlan__page_warning {
    float: left; }
  .csFlatPlan__spread_page.left .csFlatPlan__page_percentageMarker {
    left: -2.9rem; }
  .csFlatPlan__spread_page.left .csFlatPlan__page_insertion {
    left: 0; }
  .csFlatPlan__spread_page .csFlatPlan__page_overlay.csFlatPlan__page_overflow {
    background-color: rgba(255, 175, 49, 0.65); }
  .csFlatPlan__spread_page .csFlatPlan__page_overlay.csFlatPlan__page_drag_before {
    background-color: rgba(22, 98, 134, 0.75);
    box-shadow: inset 0.75rem 0 0 0 #69bee6; }
  .csFlatPlan__spread_page .csFlatPlan__page_overlay.csFlatPlan__page_drag_after {
    background-color: rgba(22, 98, 134, 0.75);
    box-shadow: inset -0.75rem 0 0 0 #69bee6; }
  .csFlatPlan__spread_page .csFlatPlan__page_overlay.csFlatPlanDrag__drop_allowed {
    background-color: rgba(22, 98, 134, 0.75); }
    .csFlatPlan__spread_page .csFlatPlan__page_overlay.csFlatPlanDrag__drop_allowed.csFlatPlanDrag__has_icon .cs-icon-circle-plus {
      color: #fff; }
  .csFlatPlan__spread_page .csFlatPlan__page_overlay.csFlatPlanDrag__drop_not_allowed {
    background-color: rgba(255, 78, 79, 0.5); }
    .csFlatPlan__spread_page .csFlatPlan__page_overlay.csFlatPlanDrag__drop_not_allowed.csFlatPlanDrag__has_icon .cs-icon-ban {
      color: #fff; }
  .csFlatPlan__spread_page .csFlatPlan__page_overlay.csFlatPlan__page_no_guides {
    background-image: none !important; }

.csFlatPlan__underflow {
  background-color: #ffaf31;
  pointer-events: none; }

.csFlatPlan__surface.no_selection :not([locked]) .csFlatPlan__pagination:hover {
  z-index: -1; }
  .csFlatPlan__surface.no_selection :not([locked]) .csFlatPlan__pagination:hover .csFlatPlan__pagination_info {
    background-color: #5eabcf; }

.csFlatPlan__surface.no_selection [locked] .csFlatPlan__pagination:hover {
  z-index: -1; }
  .csFlatPlan__surface.no_selection [locked] .csFlatPlan__pagination:hover .csFlatPlan__pagination_info {
    background-color: #ffaf31; }

.csFlatPlan__surface.page_selection .csFlatPlan__pagination {
  z-index: 30000; }

.csFlatPlan__surface.page_selection .page_selected .csFlatPlan__pagination {
  z-index: 30000; }
  .csFlatPlan__surface.page_selection .page_selected .csFlatPlan__pagination .csFlatPlan__pagination_info {
    background-color: #69bee6; }

.csFlatPlan__surface.page_selection .csFlatPlan__pagination:hover {
  z-index: 30000; }
  .csFlatPlan__surface.page_selection .csFlatPlan__pagination:hover .csFlatPlan__pagination_info {
    background-color: #5eabcf; }

.csFlatPlan__surface.page_selection [locked].page_selected .csFlatPlan__pagination {
  z-index: 30000; }
  .csFlatPlan__surface.page_selection [locked].page_selected .csFlatPlan__pagination .csFlatPlan__pagination_info {
    background-color: #ffa518; }

.csFlatPlan__surface.page_selection [locked] .csFlatPlan__pagination:hover {
  z-index: 30000; }
  .csFlatPlan__surface.page_selection [locked] .csFlatPlan__pagination:hover .csFlatPlan__pagination_info {
    background-color: #ffaf31; }

.csFlatPlan__surface.csFlatPlan__compact_headers .csFlatPlan__page_printColors {
  display: none; }

.csFlatPlan__surface.csFlatPlan__compact_headers .csFlatPlan__page_printColorsOverflow {
  display: inline; }
  .csFlatPlan__surface.csFlatPlan__compact_headers .csFlatPlan__page_printColorsOverflow.csFlatPlan__icon_hidden {
    display: none; }

/* stylelint-disable-next-line selector-type-no-unknown */
_:-ms-lang(x),
.csFlatPlan__pagination_info {
  bottom: -0.1rem !important;
  left: -0.1rem !important;
  padding: 0.1rem !important;
  right: -0.1rem !important; }

underflow-page-component {
  display: inline-block; }

.csWidget_csFlatPlanWidget .cs-slider {
  width: 8rem; }

.csWidget_csFlatPlanWidget .csWidget__content__inner {
  background-color: #404448; }

.csWidget_csFlatPlanWidget .cs-empty-state {
  display: none; }

.csWidget_csFlatPlanWidget .csFlatPlan__container {
  overflow: hidden;
  position: absolute; }
  .csWidget_csFlatPlanWidget .csFlatPlan__container.is-empty + .cs-empty-state {
    display: inherit; }

.csWidget_csFlatPlanWidget .csFlatPlan__movable_box {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 100000; }
  .csWidget_csFlatPlanWidget .csFlatPlan__movable_box .cs-box-borders {
    border: none !important; }

.csWidget_csFlatPlanWidget .csFlatPlan__surface_container {
  padding: 0 0 2rem 2rem; }

.csFlatPlan_colors {
  color: #f90084; }

cs-flat-plan-head {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: 100%; }

.csWidget_csFlatPlanWidget .csWidget .csWidget__label {
  min-height: 2.4rem; }

.csWidget_csFlatPlanWidget .csWidget .csWidget__ctrl {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  padding: 0; }

.csWidget_csFlatPlanWidget .csWidget .csWidget__header .cs-toolbar {
  border: none;
  height: 3.4rem;
  padding-right: 0; }

.csWidget_csFlatPlanWidget .csWidget .csOverflowActionGroup .csActionListItem,
.csWidget_csFlatPlanWidget .csWidget .csOverflowActionGroup .csActionGroupItem,
.csWidget_csFlatPlanWidget .csWidget .csOverflowActionGroup .csActionListItem:last-child,
.csWidget_csFlatPlanWidget .csWidget .csOverflowActionGroup .csActionGroupItem:last-child {
  min-width: auto; }

.csWidget_csFlatPlanWidget .csWidget cs-action-overflow-group,
.csWidget_csFlatPlanWidget .csWidget:hover cs-action-overflow-group,
.csWidget_csFlatPlanWidget .csWidget.csHover cs-action-overflow-group {
  display: block; }

.csWidget_csFlatPlanWidget .csWidget cs-action-overflow-group {
  opacity: 0; }

.csWidget_csFlatPlanWidget .csWidget:hover cs-action-overflow-group,
.csWidget_csFlatPlanWidget .csWidget.csHover cs-action-overflow-group {
  opacity: 1; }

.csWidget_csFlatPlanWidget .csWidget .sheets-coverage-unmet {
  color: #ffaf31;
  font-size: 1.4rem; }

.csWidget_csFlatPlanWidget .csWidget .sheets-coverage-unmet .cs-icon {
  color: #ffaf31;
  font-size: 2.2rem; }
  .csWidget_csFlatPlanWidget .csWidget .sheets-coverage-unmet .cs-icon:hover {
    color: #ffaf31; }

#csWidget__iframeOverLay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.csGridItem .csGridItem__content {
  height: 100%; }

.csGridItem .csGridItem__resize_handle {
  bottom: 0;
  height: 2rem;
  position: absolute;
  right: 0;
  width: 2rem;
  z-index: 30; }

body.cs-nav-smallscreen .csHeaderNav__logo {
  margin: 0;
  padding: 0.8rem 0;
  width: 0; }

body.cs-upper-toggled .csHeaderNav {
  display: none; }

cs-header-nav {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.csHeaderNav {
  /* basic styling moved to the layout.scss file, for a better overview of the main components */
  /* call to action bButton only for the left top navigation part */ }
  .csHeaderNav cs-action-top-nav-button {
    display: inline-block;
    vertical-align: top; }
  .csHeaderNav .csHeaderNav__button {
    background-color: transparent;
    border: none;
    color: #fff;
    display: inline-block;
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    height: 4.6rem;
    line-height: 4.6rem;
    padding: 0 2rem;
    text-rendering: optimizeLegibility;
    vertical-align: top; }
    .csHeaderNav .csHeaderNav__button .cs-icon {
      font-size: 1.6rem;
      height: inherit;
      line-height: inherit;
      vertical-align: top;
      width: 1.4rem; }
    .csHeaderNav .csHeaderNav__button .cs-icon-search {
      font-size: 1.6rem;
      width: 1.6rem; }
    .csHeaderNav .csHeaderNav__button:hover, .csHeaderNav .csHeaderNav__button:focus {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      background-color: #63b3d8; }
    .csHeaderNav .csHeaderNav__button:active, .csHeaderNav .csHeaderNav__button.cs-is-active {
      background-color: #63b3d8; }
    .csHeaderNav .csHeaderNav__button.cs-state-pressed {
      background-color: #63b3d8; }
      .csHeaderNav .csHeaderNav__button.cs-state-pressed:hover, .csHeaderNav .csHeaderNav__button.cs-state-pressed:focus {
        background-color: #63b3d8; }
  .csHeaderNav .csHeaderNav__logo {
    -webkit-transition: width 150ms ease-in-out;
    -moz-transition: width 150ms ease-in-out;
    transition: width 150ms ease-in-out;
    -webkit-transition-property: width, padding;
    -moz-transition-property: width, padding;
    transition-property: width, padding;
    background: #63b3d8;
    float: left;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0.8rem 5rem 0.8rem 2rem;
    text-align: left;
    width: 25rem; }
    .csHeaderNav .csHeaderNav__logo img {
      height: 100%;
      max-height: 100%;
      max-width: 100%; }
    .csHeaderNav .csHeaderNav__logo .logoContainer {
      background-position: center left;
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      max-height: 100%;
      max-width: 100%;
      width: 100%; }
  .csHeaderNav .csHeaderNav__content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }
    .csHeaderNav .csHeaderNav__content .csHeaderNav__content_left {
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      -webkit-transition-property: transform, width, margin, padding, left;
      -moz-transition-property: transform, width, margin, padding, left;
      transition-property: transform, width, margin, padding, left;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      transition-duration: 0.2s; }
    .csHeaderNav .csHeaderNav__content .csHeaderNav__content_right {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      align-items: stretch; }
      .csHeaderNav .csHeaderNav__content .csHeaderNav__content_right > .csActionGroup:last-child .csHeaderNav__button_label {
        display: none; }
      .csHeaderNav .csHeaderNav__content .csHeaderNav__content_right.csHeaderNav__search_dropdown_expanded .csActionSearchGroup__input,
      .csHeaderNav .csHeaderNav__content .csHeaderNav__content_right .csActionSearchGroup:hover .csActionSearchGroup__input {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        background-color: #7fc7ea;
        color: #fff; }
    .csHeaderNav .csHeaderNav__content .csActionGroup {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-align-self: flex-start;
      -moz-align-self: flex-start;
      -ms-align-self: flex-start;
      align-self: flex-start;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex; }
      .csHeaderNav .csHeaderNav__content .csActionGroup .csActionGroup__item .csHeaderNav__button {
        border-right: 0.1rem solid #53b5e2; }
      .csHeaderNav .csHeaderNav__content .csActionGroup .csActionGroup__item.hasGroupAsSibling {
        border-right: 0.1rem solid #53b5e2; }
        .csHeaderNav .csHeaderNav__content .csActionGroup .csActionGroup__item.hasGroupAsSibling .csHeaderNav__button {
          border-right: none; }
        .csHeaderNav .csHeaderNav__content .csActionGroup .csActionGroup__item.hasGroupAsSibling .csActionButton:nth-child(1) .csHeaderNav__button {
          padding-right: 1rem; }
        .csHeaderNav .csHeaderNav__content .csActionGroup .csActionGroup__item.hasGroupAsSibling .csActionButton:nth-child(2) .csHeaderNav__button {
          padding-left: 1rem; }
      .csHeaderNav .csHeaderNav__content .csActionGroup:last-child {
        padding-right: 0; }
    .csHeaderNav .csHeaderNav__content .csActionSearchGroup {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -webkit-align-self: flex-start;
      -moz-align-self: flex-start;
      -ms-align-self: flex-start;
      align-self: flex-start;
      text-align: center; }
      .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        background-color: #8ccdec;
        margin: 0 auto;
        min-width: 14rem; }
        @media (max-width: 45rem) {
          .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__inner {
            width: 100%; } }
      .csHeaderNav .csHeaderNav__content .csActionSearchGroup cs-action-top-nav-drop-down {
        position: absolute;
        z-index: 10; }
      .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csHeaderNav__button {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 1rem; }
        .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csHeaderNav__button:hover {
          background-color: transparent; }
        .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csHeaderNav__button .csHeaderNav__button_label {
          display: none; }
      .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input {
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-right: 0.1rem solid #53b5e2; }
        .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input ::selection {
          background: #69bee6; }
        .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input ::-moz-selection {
          background: #69bee6; }
        .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .cs-tag-pair {
          background-color: #fff;
          font-size: 1.4rem;
          font-weight: 300;
          height: 2.4rem;
          line-height: 2.4rem;
          margin-top: 1rem; }
          .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .cs-tag-pair .cs-tag-cat {
            background: #fff;
            color: rgba(105, 190, 230, 0.65);
            height: 2.4rem;
            padding: 0 0.5rem 0 1rem; }
          .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .cs-tag-pair .cs-tag-val {
            color: #66b6dc;
            font-weight: 400;
            padding: 0 1rem 0 0.2rem; }
          .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .cs-tag-pair .cs-icon {
            color: #69bee6;
            font-size: 1.2rem;
            line-height: 0;
            padding-right: 1rem;
            position: relative;
            top: 1.2rem; }
        .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .csAutoSuggest__layout {
          background: transparent;
          border: 0;
          height: 4.6rem;
          line-height: 4.6rem;
          padding: 0;
          padding-left: 6.2rem; }
          .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .csAutoSuggest__layout .csActionSearchGroup__inner,
          .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .csAutoSuggest__layout .csAutoSuggest__input {
            background: transparent;
            height: 4.6rem;
            line-height: 4.6rem; }
          .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .csAutoSuggest__layout .csAutoSuggest__input {
            color: #fff;
            font-size: 1.4rem; }
            .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .csAutoSuggest__layout .csAutoSuggest__input::-webkit-input-placeholder {
              color: rgba(255, 255, 255, 0.85) !important; }
            .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .csAutoSuggest__layout .csAutoSuggest__input:-ms-input-placeholder {
              color: rgba(255, 255, 255, 0.85) !important; }
            .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .csAutoSuggest__layout .csAutoSuggest__input::-moz-placeholder {
              color: rgba(255, 255, 255, 0.85) !important; }
          .csHeaderNav .csHeaderNav__content .csActionSearchGroup .csActionSearchGroup__input .csAutoSuggest__layout .csAutoSuggest__buttons .cs-icon {
            color: #fff !important; }
    .csHeaderNav .csHeaderNav__content .csHeaderNav__user_dropdown .csHeaderNav__user_dropdown__pic {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 50%;
      background: #5eabcf;
      color: #fff;
      display: inline-block;
      font-size: 3rem;
      height: 3rem;
      line-height: 3.6rem;
      margin-top: .8rem;
      overflow: hidden;
      width: 3rem; }
      .csHeaderNav .csHeaderNav__content .csHeaderNav__user_dropdown .csHeaderNav__user_dropdown__pic .csHeaderNav__user_dropdown__image {
        background-size: cover;
        display: block;
        height: 100%;
        margin: 0;
        width: 100%; }
      .csHeaderNav .csHeaderNav__content .csHeaderNav__user_dropdown .csHeaderNav__user_dropdown__pic .cs-icon {
        color: inherit;
        display: inline-block;
        font-size: inherit;
        height: 100%;
        line-height: inherit;
        vertical-align: top;
        width: 100%; }
    .csHeaderNav .csHeaderNav__content .csHeaderNav__user_dropdown .csHeaderNav__user_dropdown__title {
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      -webkit-transition-property: width, padding;
      -moz-transition-property: width, padding;
      transition-property: width, padding;
      color: inherit;
      line-height: inherit;
      max-width: 15rem;
      overflow: hidden;
      padding-left: 0.5rem;
      text-overflow: ellipsis;
      vertical-align: top;
      width: auto; }
      @media (max-width: 800px) {
        .csHeaderNav .csHeaderNav__content .csHeaderNav__user_dropdown .csHeaderNav__user_dropdown__title {
          display: none; } }
  .csHeaderNav .dropTarget {
    color: #777;
    display: none;
    height: 3rem; }
    .csHeaderNav .dropTarget span.textHolder {
      display: inline-block;
      height: 2.6rem;
      line-height: 1.3rem;
      margin-bottom: .1rem;
      margin-top: .1rem;
      text-align: left; }
      .csHeaderNav .dropTarget span.textHolder .title {
        display: block;
        font-size: 1.4rem;
        font-weight: 600;
        height: 15px;
        line-height: 16px; }
      .csHeaderNav .dropTarget span.textHolder .subTitle {
        display: block;
        font-size: 1.2rem;
        font-weight: 400;
        height: 11px;
        line-height: 9px; }
  .csHeaderNav.csDropzoneVisible {
    background-color: #fff; }
    .csHeaderNav.csDropzoneVisible .csHeaderNav__content,
    .csHeaderNav.csDropzoneVisible .csHeaderNav__logo {
      visibility: hidden; }

.cs-hierarchy-list__item {
  box-shadow: inset 0 -2px 0 -1px #f2f2f2;
  color: #1c1c1c;
  padding: 1rem 1.5rem; }
  .cs-hierarchy-list__item:hover {
    background-color: #f7f7f7; }
  .cs-hierarchy-list__item_active {
    background-color: #d2ecf8;
    box-shadow: 0 -1px 0 0 #b4dff3, inset 0 -2px 0 -1px #b4dff3; }
    .cs-hierarchy-list__item_active:focus, .cs-hierarchy-list__item_active:hover {
      background-color: #b4dff3;
      box-shadow: 0 -1px 0 0 #69bee6, inset 0 -2px 0 -1px #69bee6; }

.cs-hierarchy-list__count {
  background-color: #d9d9d9;
  border-radius: .2rem;
  color: #fff;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 400;
  height: 1.6rem;
  line-height: 1.6rem;
  margin-left: .7rem;
  min-width: 1.6rem;
  padding: 0 0.5rem;
  text-align: center; }

.cs-hierarchy-list .cs-icon {
  font-size: 1.4rem;
  margin-right: .4rem; }

.csIcmlEditor {
  height: 100%; }
  .csIcmlEditor .censhareScroll__content {
    width: 100%; }
  .csIcmlEditor .csIcmlEditorWrapper {
    padding: 1rem 1.6rem; }
    .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper {
      margin-bottom: 10px; }
      .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper .csIcmlEditorStoryTitle {
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%224px%22%20height%3D%221px%22%20viewBox%3D%220%200%204%201%22%20enable-background%3D%22new%200%200%204%201%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20opacity%3D%220.2%22%20width%3D%222%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E");
        background-position: left bottom;
        background-repeat: repeat-x;
        margin-bottom: 10px;
        padding-bottom: 2px; }
      .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper .focus cs-icml-editor-text {
        border-color: #4aa1c9;
        box-shadow: none;
        outline: none; }
      .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text {
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: 0;
        background-color: #fff;
        background-image: none;
        border: 0.1rem solid #d9d9d9;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        color: #555;
        display: block;
        font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
        height: auto;
        line-height: 1.42857;
        min-height: 60px;
        overflow: auto;
        padding: 6px 12px;
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        vertical-align: middle;
        white-space: pre-wrap;
        width: 98%;
        /* In case that page is using "css reset" this are defaults */ }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text * {
          box-sizing: border-box; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text b {
          font-weight: 600; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text i {
          font-style: italic; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text u {
          text-decoration: underline; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text h1 {
          color: inherit;
          display: block;
          font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-size: 36px;
          font-weight: 500;
          line-height: 1.1;
          margin: .67em 0; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text h2 {
          color: inherit;
          display: block;
          font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-size: 30px;
          font-weight: 500;
          line-height: 1.1;
          margin-bottom: 10px;
          margin-top: 20px; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text h3 {
          color: inherit;
          display: block;
          font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-size: 24px;
          font-weight: 500;
          line-height: 1.1;
          margin-bottom: 10px;
          margin-top: 20px; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text p {
          vertical-align: baseline; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text p::after {
            content: ""; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text pre {
          -webkit-background-clip: padding-box;
          -moz-background-clip: padding-box;
          background-clip: padding-box;
          border-radius: 0;
          background-color: #f5f5f5;
          border: 1px solid #ccc;
          color: #333;
          display: block;
          font-family: "SourceCodePro", "Arial", sans-serif;
          font-size: 13px;
          line-height: 1.42857;
          margin: 0 0 10px;
          padding: 9.5px;
          white-space: pre-wrap;
          word-break: break-all;
          word-wrap: break-word; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text ol {
          display: block;
          list-style-type: decimal;
          margin: 1em 0;
          padding: 0 0 0 40px; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text ul {
          display: block;
          list-style-type: disc;
          margin: 1em 0;
          padding: 0 0 0 40px; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text a {
          background: transparent;
          color: #428bca;
          outline: 0;
          text-decoration: underline; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text blockquote {
          border-left: 5px solid #eee;
          font-size: 17.5px;
          margin: 0 0 20px;
          padding: 10px 20px; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text blockquote p:last-child,
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text blockquote ul:last-child,
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper cs-icml-editor-text blockquote ol:last-child {
            margin-bottom: 0; }
      .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper [data-cs-icml-filter="plain"] {
        background-color: #fff !important; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper [data-cs-icml-filter="plain"] * {
          background-color: #fff !important;
          color: #1c1c1c !important;
          font-family: "SourceCodePro", "Arial", sans-serif !important;
          font-size: 1.4rem !important;
          font-weight: 300 !important;
          line-height: 1.5rem !important; }
      .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"] {
        position: relative; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceEm"] {
          display: inline-block;
          position: relative;
          text-align: center;
          width: .5em; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceEm"]::before {
            content: "—";
            left: -45%;
            position: absolute;
            top: -.6rem; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceEn"] {
          display: inline-block;
          position: relative;
          text-align: center;
          width: .5em; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceEn"]::before {
            content: "–";
            left: -2%;
            position: absolute;
            top: -.4rem; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceNonBreakingFixedWidth"]::before {
          content: "\2227";
          left: -46%;
          position: absolute;
          top: -.4rem; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceThird"]::before {
          content: "\2981";
          left: -10%;
          position: absolute;
          top: -10%; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceQuarter"]::before {
          content: "\2981";
          left: -10%;
          position: absolute;
          top: .6rem; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceSixth"]::before {
          content: "\25AA";
          left: -10%;
          position: absolute;
          top: .3rem; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceThin"]::before {
          content: "\02C5";
          left: -10%;
          position: absolute;
          top: 0; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceHair"]::before {
          content: "\2025";
          left: -40%;
          position: absolute;
          top: -.6rem; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceFigure"]::before {
          content: "\0023";
          font-size: 2.2rem;
          left: -45%;
          position: absolute;
          top: -.4rem; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="spaceFlush"]::before {
          content: "\007E";
          left: -45%;
          position: absolute;
          top: -20%; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"] {
          display: inline-block;
          width: .4em; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextColumn"]::before {
            content: "\02C5";
            position: absolute;
            top: 20%; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextFrame"]::before, .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextFrame"]::after {
            content: "\02C5";
            position: absolute;
            top: 30%; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextFrame"]::after {
            content: "\02C5";
            left: 0;
            position: absolute;
            top: 0; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextPage"]::before {
            content: "\02C5";
            position: absolute;
            top: 20%; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextPage"]::after {
            content: "\2981";
            left: 0;
            position: absolute;
            top: -10%; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextOddPage"]::before {
            content: "\02C5";
            position: absolute;
            top: 20%; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextOddPage"]::after {
            content: "\2027";
            left: 0;
            position: absolute;
            top: -30%; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextEvenPage"]::before {
            content: "\02C5";
            position: absolute;
            top: 20%; }
          .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"][data-value="NextEvenPage"]::after {
            content: "\2025";
            left: -10%;
            position: absolute;
            top: -40%; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="special"][data-value="3"]::before {
          content: "\2216"; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="special"][data-value="7"]::before {
          content: "\2020"; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="special"][data-value="8"]::before {
          content: "\226B\23B8"; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="special"][data-value="18"]::before {
          content: "\22A0"; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="special"][data-value="19"]::before {
          content: "\229F"; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="special"], .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breaks"] {
          visibility: hidden; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper span[data-role="invisible-character"][data-type="breakForcedLine"]::before {
          content: "\00A0\A"; }
      .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper .invisibleCharacters p::after {
        color: #ff4e4f;
        content: "\00B6"; }
      .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper .invisibleCharacters span[data-role="invisible-character"] {
        color: #ff4e4f; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper .invisibleCharacters span[data-role="invisible-character"][data-type="special"], .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper .invisibleCharacters span[data-role="invisible-character"][data-type="breaks"] {
          visibility: visible; }
        .csIcmlEditor .csIcmlEditorWrapper .csIcmlEditorStoryWrapper .invisibleCharacters span[data-role="invisible-character"][data-type="breakForcedLine"]::before {
          content: "\00AC\A"; }
    .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"] {
      white-space: pre-wrap; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"].inserted, .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"].deleted {
        background-color: #ff9900; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"].deleted {
        text-decoration: line-through !important; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="White"] {
        background-color: #fff; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Black"] {
        background-color: #000; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Yellow"] {
        background-color: #ffff4f; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Canary"] {
        background-color: #fdffc7; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Lemon"] {
        background-color: #d2ff00; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Electrolyte"] {
        background-color: #a9ff00; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Lime"] {
        background-color: #89ff00; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Green"] {
        background-color: #4fff4f; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Grid Green"] {
        background-color: #9cff9c; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Forest"] {
        background-color: #00b305; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Grass Green"] {
        background-color: #9c0; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Lichen"] {
        background-color: #e7f7de; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Light Olive"] {
        background-color: #8ca66b; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Olive Green"] {
        background-color: #660; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Dark Green"] {
        background-color: #005400; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Teal"] {
        background-color: #099; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Jade"] {
        background-color: #00ffc3; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Cute Teal"] {
        background-color: #82cfc2; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Cyan"] {
        background-color: #0ff; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Aqua"] {
        background-color: #00b5d4; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Cirrus"] {
        background-color: #c0f1ff; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Ether"] {
        background-color: #e1f8ff; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Light Blue"] {
        background-color: #4f99ff; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Grid Blue"] {
        background-color: #7abad9; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Lavender"] {
        background-color: #99f; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Slate"] {
        background-color: #5952a2; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Ultramarine"] {
        background-color: #026484; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Blue"] {
        background-color: #00f; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Dark Blue"] {
        background-color: #000087; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Midnight"] {
        background-color: #131367; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Blueberry"] {
        background-color: #dad8fb; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Violet"] {
        background-color: #93f; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Aubergine"] {
        background-color: #8f0091; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Purple"] {
        background-color: #606; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Grape"] {
        background-color: #c0f; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Magenta"] {
        background-color: #ff4fff; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Fuchsia"] {
        background-color: #f0d; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Lipstick"] {
        background-color: #cf82b5; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Iris"] {
        background-color: #efdbf7; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Pink"] {
        background-color: #f9c; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Fiesta"] {
        background-color: #f7596b; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Carnation"] {
        background-color: #f7e7e7; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Red"] {
        background-color: #f00; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Brick Red"] {
        background-color: #900; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Burgundy"] {
        background-color: #903; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Brown"] {
        background-color: #930; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Mocha"] {
        background-color: #661616; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Ochre"] {
        background-color: #960; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Tan"] {
        background-color: #c96; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Sulphur"] {
        background-color: #cfcf82; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Wheat"] {
        background-color: #ebd9ad; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Peach"] {
        background-color: #f99; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Orange"] {
        background-color: #f60; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Gold"] {
        background-color: #f90; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Grid Orange"] {
        background-color: #ffb56b; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Mustard"] {
        background-color: #d7c101; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Amber"] {
        background-color: #ffe533; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Cornstarch"] {
        background-color: #f7f4c7; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Powder"] {
        background-color: #e9e9e9; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Light Grey"] {
        background-color: #bababa; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Smoke"] {
        background-color: #d7d0ca; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Charcoal"] {
        background-color: #aba3b5; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Grey"] {
        background-color: #808080; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Graphite"] {
        background-color: #595959; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"][data-usercolor="Gunmetal"] {
        background-color: #353535; }
      .csIcmlEditor .csIcmlEditorWrapper span[data-role="change"].highlighted {
        background-color: #a2c7fb !important; }
  .csIcmlEditor .csIcmlEditor__toolbar_item_wrapper {
    display: inline;
    vertical-align: top; }
    .csIcmlEditor .csIcmlEditor__toolbar_item_wrapper > .icml-editor-toolbar-item-with-select {
      width: 16rem; }
      .csIcmlEditor .csIcmlEditor__toolbar_item_wrapper > .icml-editor-toolbar-item-with-select .icml-editor-toolbar-select-label {
        float: left; }
      .csIcmlEditor .csIcmlEditor__toolbar_item_wrapper > .icml-editor-toolbar-item-with-select .icml-editor-toolbar-select {
        display: inline-block;
        width: 14rem; }
  .csIcmlEditor .csIcmlEditor__invisChars .cs-dropdown-container {
    left: -50%;
    width: auto; }
  .csIcmlEditor .csIcmlEditor__invisChars .cs-dropdown-menu {
    margin: 0;
    padding: 0.5rem 0; }
  .csIcmlEditor .csIcmlEditor__invisChars .cs-dropdown-menu-item {
    cursor: pointer;
    display: list-item;
    line-height: 1.5rem;
    list-style: outside none none;
    margin: 0;
    padding: .7rem 2rem;
    word-wrap: break-word; }
    .csIcmlEditor .csIcmlEditor__invisChars .cs-dropdown-menu-item:hover {
      background-color: #69bee6;
      color: #fff; }
  .csIcmlEditor span[data-role="anchored"] {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0.2rem;
    background: #69bee6;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 300;
    height: 2.4rem;
    line-height: 1.71428571;
    margin: 0 0.5rem 0.5rem 0;
    max-width: 100%;
    padding: 0;
    position: relative;
    vertical-align: top;
    white-space: nowrap;
    font-family: "SourceSansPro", "Arial", sans-serif;
    margin: 0;
    padding: 0 1rem; }
    .csIcmlEditor span[data-role="anchored"] .cs-icon {
      font-size: 1.6rem;
      max-height: 100%;
      vertical-align: top; }
    .csIcmlEditor span[data-role="anchored"] .cs-tag-marker {
      color: #fff;
      display: inline-block;
      font-weight: 600;
      height: 100%;
      line-height: inherit;
      min-width: 2.4rem;
      overflow: hidden;
      padding: 0 .2rem;
      text-align: center;
      vertical-align: top; }
    .csIcmlEditor span[data-role="anchored"] .cs-tag-text {
      display: inline-block;
      height: 100%;
      line-height: inherit;
      max-width: 100%;
      overflow: hidden;
      padding: 0 1rem;
      text-overflow: ellipsis; }
    .csIcmlEditor span[data-role="anchored"] .cs-tag-close {
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      transition-property: opacity;
      background: none;
      border: none;
      color: inherit;
      cursor: pointer;
      display: none;
      font-size: 1rem;
      height: 100%;
      line-height: 2.6rem;
      opacity: .7;
      padding: 0 0.5rem;
      position: absolute;
      right: 0;
      top: 0;
      vertical-align: top; }
      .csIcmlEditor span[data-role="anchored"] .cs-tag-close::before {
        color: inherit;
        content: "\e61a";
        display: inline-block;
        font-family: "cs-icons", sans-serif;
        line-height: inherit; }
      .csIcmlEditor span[data-role="anchored"] .cs-tag-close:hover, .csIcmlEditor span[data-role="anchored"] .cs-tag-close:focus {
        opacity: 1; }
    .csIcmlEditor span[data-role="anchored"].cs-has-close-btn .cs-tag-text {
      margin-right: 1.5rem; }
    .csIcmlEditor span[data-role="anchored"].cs-has-close-btn .cs-tag-close {
      display: inline-block; }
    .csIcmlEditor span[data-role="anchored"] a:hover {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .csIcmlEditor span[data-role="anchored"].cs-is-small {
      font-size: 1.2rem;
      font-weight: 400;
      height: 1.6rem;
      line-height: 1.33333333; }
      .csIcmlEditor span[data-role="anchored"].cs-is-small .cs-icon {
        font-size: 1.2rem; }
      .csIcmlEditor span[data-role="anchored"].cs-is-small .cs-tag-marker {
        min-width: 1.6rem; }
      .csIcmlEditor span[data-role="anchored"].cs-is-small .cs-tag-text {
        padding: 0 0.5rem; }
      .csIcmlEditor span[data-role="anchored"].cs-is-small .cs-tag-close {
        line-height: 1.6rem; }
    .csIcmlEditor span[data-role="anchored"].cs-is-opening {
      margin-right: 1.4rem;
      position: relative; }
      .csIcmlEditor span[data-role="anchored"].cs-is-opening::before {
        border: solid transparent;
        border-bottom: 1.2rem solid transparent;
        border-left: 1.2rem solid #69bee6;
        border-top: 1.2rem solid transparent;
        content: " ";
        height: 0;
        pointer-events: none;
        position: absolute;
        right: -1.4rem;
        top: 0;
        width: 0;
        z-index: 5; }
      .csIcmlEditor span[data-role="anchored"].cs-is-opening.cs-is-small {
        margin-right: 1rem; }
        .csIcmlEditor span[data-role="anchored"].cs-is-opening.cs-is-small::before {
          border-bottom-width: 0.8rem;
          border-left-width: 0.8rem;
          border-top-width: 0.8rem;
          right: -1rem; }
    .csIcmlEditor span[data-role="anchored"].cs-is-closing {
      margin-left: 1.4rem;
      position: relative; }
      .csIcmlEditor span[data-role="anchored"].cs-is-closing::before {
        border: solid transparent;
        border-bottom: 1.2rem solid transparent;
        border-right: 1.2rem solid #69bee6;
        border-top: 1.2rem solid transparent;
        content: " ";
        height: 0;
        left: -1.4rem;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 0;
        z-index: 5; }
      .csIcmlEditor span[data-role="anchored"].cs-is-closing.cs-is-small {
        margin-left: 1rem; }
        .csIcmlEditor span[data-role="anchored"].cs-is-closing.cs-is-small::before {
          border-bottom-width: 0.8rem;
          border-right-width: 0.8rem;
          border-top-width: 0.8rem;
          left: -1rem; }
    .csIcmlEditor span[data-role="anchored"]::before {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: inherit;
      display: inline-block;
      font-family: "cs-icons", sans-serif;
      font-size: 1.6rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: 400;
      height: inherit;
      line-height: 1.5;
      margin-right: 0.5rem;
      speak: none;
      text-transform: none;
      vertical-align: top; }
    .csIcmlEditor span[data-role="anchored"][data-type="image"]::before {
      content: "\e657"; }
    .csIcmlEditor span[data-role="anchored"][data-type="text"]::before {
      content: "\e9bb"; }
    .csIcmlEditor span[data-role="anchored"][data-type="complex"]::before {
      content: "\e80e"; }
  .csIcmlEditor.hide-changes span[data-role="change"].inserted {
    background-color: inherit !important; }
  .csIcmlEditor.hide-changes span[data-role="change"].deleted {
    display: inline-block;
    height: 0;
    overflow: hidden;
    position: relative;
    width: 0; }

.csWidget_csIcmlPreviewWidget .csWidget__header .spin {
  -webkit-animation: spin 4s infinite linear;
  cursor: progress; }

.csWidget_csIcmlPreviewWidget .csIcmlPreviewContainer {
  background: #404448;
  height: 100%;
  text-align: center; }
  .csWidget_csIcmlPreviewWidget .csIcmlPreviewContainer .page {
    margin: 1em auto;
    position: relative; }
    .csWidget_csIcmlPreviewWidget .csIcmlPreviewContainer .page .box {
      border: 1px dashed #777;
      position: absolute; }
      .csWidget_csIcmlPreviewWidget .csIcmlPreviewContainer .page .box.active {
        border: 2px solid #1c1c1c; }
        .csWidget_csIcmlPreviewWidget .csIcmlPreviewContainer .page .box.active .overset {
          bottom: 4px;
          right: 4px; }
      .csWidget_csIcmlPreviewWidget .csIcmlPreviewContainer .page .box .overset {
        background: rgba(255, 255, 255, 0.8);
        bottom: 5px;
        color: #ff4e4f;
        font-size: 2rem;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 5px; }
    .csWidget_csIcmlPreviewWidget .csIcmlPreviewContainer .page .canvasWrapper {
      background-color: #fff; }
  .csWidget_csIcmlPreviewWidget .csIcmlPreviewContainer .mCSB_container_wrapper {
    margin: 0; }

.csWidget_csIcmlPreviewWidget .icml-preview-toolbar-item-with-select {
  width: 24rem; }
  .csWidget_csIcmlPreviewWidget .icml-preview-toolbar-item-with-select .icml-preview-toolbar-select-label {
    float: left; }
  .csWidget_csIcmlPreviewWidget .icml-preview-toolbar-item-with-select .icml-preview-toolbar-select {
    display: inline-block;
    width: 22rem; }

.csDisplayData__dropdownmenu_holder {
  z-index: 30000; }
  .csDisplayData__dropdownmenu_holder::after, .csDisplayData__dropdownmenu_holder::before {
    border: solid transparent;
    bottom: 0;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 20; }
  .csDisplayData__dropdownmenu_holder::after {
    border-color: rgba(213, 213, 213, 0) rgba(213, 213, 213, 0) #fff rgba(213, 213, 213, 0);
    border-width: 6px;
    right: 5px; }
  .csDisplayData__dropdownmenu_holder::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999 rgba(0, 0, 0, 0);
    border-width: 6px;
    right: 5px; }
  .csDisplayData__dropdownmenu_holder ul.csDisplayData__dropmenu {
    background: #fff;
    border: 0.1rem solid #d9d9d9;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    min-width: 13rem;
    -ms-overflow-style: none;
    overflow-y: auto;
    padding: 1rem 0;
    position: absolute;
    right: -.8rem;
    text-align: left;
    top: 1.4rem;
    width: 24rem;
    z-index: 20; }
    .csDisplayData__dropdownmenu_holder ul.csDisplayData__dropmenu p {
      line-height: 1.7rem; }
    .csDisplayData__dropdownmenu_holder ul.csDisplayData__dropmenu li {
      color: #1c1c1c;
      cursor: default;
      display: block;
      overflow: hidden;
      padding: .2rem 1.6rem;
      width: 100%; }
      .csDisplayData__dropdownmenu_holder ul.csDisplayData__dropmenu li .csDisplayData__value {
        font-weight: 600; }

cs-image-asset-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  cs-image-asset-preview .preview-container {
    font-size: inherit;
    width: 100%; }
    cs-image-asset-preview .preview-container img {
      cursor: move;
      position: absolute; }

.non-zoomable-asset-preview cs-image-asset-preview {
  pointer-events: none; }

.csDarkSnippet cs-image-asset-preview {
  background: #404448; }

.csImageCropEditor {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .csImageCropEditor cs-image-crop-editor {
    display: block;
    margin: 0.5rem -1rem 0 -1rem; }
  .csImageCropEditor .cs-line-01 {
    margin-bottom: 0; }
  .csImageCropEditor .csImageEditorCrop__wrapper {
    margin: 1rem;
    position: relative; }
  .csImageCropEditor .csImageCropEditor__image {
    display: block; }
  .csImageCropEditor .csImageCropEditor__stage {
    overflow: hidden;
    position: relative; }
    .csImageCropEditor .csImageCropEditor__stage .csImageCropEditor__stage-bg {
      background: rgba(255, 175, 49, 0.65); }

.csImageCropEditor__controlsColumns {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; }

.csImageCropEditor__controlsCell {
  margin-bottom: 1.5rem;
  padding: 0 1.5rem; }

.csImageCropEditor__controlsCell {
  -webkit-flex: 0 0 33.33%;
  -moz-flex: 0 0 33.33%;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  border-right: 0.1rem dashed #c7c7c7; }
  .csImageCropEditor__controlsCell:last-child {
    border-right: none; }
  .csImageCropEditor__controlsCell:nth-child(3n) {
    border-right: none; }

.csImageCropEditor.fullSize .csImageCropEditor__controlsCell {
  -webkit-flex: 0 0 33.33%;
  -moz-flex: 0 0 33.33%;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%; }
  .csImageCropEditor.fullSize .csImageCropEditor__controlsCell:nth-child(3n) {
    border-right: none; }

.csImageCropEditor.midSize .csImageCropEditor__controlsCell {
  -webkit-flex: 0 0 50%;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  border-right: 0.1rem dashed #c7c7c7; }
  .csImageCropEditor.midSize .csImageCropEditor__controlsCell:nth-child(2n) {
    border-right: none; }

.csImageCropEditor.smallSize .csImageCropEditor__controlsCell {
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  border-right: none; }

cs-image-editor {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%;
  width: 100%; }

.csImageEditor {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #404448;
  overflow: hidden; }
  .csImageEditor input {
    text-align: right; }
  .csImageEditor .csImageEditor__toolbar {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0.5rem 1.5rem 0; }
    .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-sub-topic {
      padding-right: 1rem; }
    .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-sub-tools {
      margin-left: 1rem; }
    .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-1 .cs-toolbar-item,
    .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-2 .cs-toolbar-item,
    .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-sub-tools .cs-toolbar-item {
      float: left;
      padding-right: 1rem; }
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-1 .cs-toolbar-item label,
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-2 .cs-toolbar-item label,
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-sub-tools .cs-toolbar-item label {
        float: left;
        padding-right: 0; }
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-1 .cs-toolbar-item.cs-toolbar-item-aspect-ratio,
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-2 .cs-toolbar-item.cs-toolbar-item-aspect-ratio,
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-sub-tools .cs-toolbar-item.cs-toolbar-item-aspect-ratio {
        min-width: 200px; }
        .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-1 .cs-toolbar-item.cs-toolbar-item-aspect-ratio .aspect-ratio-select,
        .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-2 .cs-toolbar-item.cs-toolbar-item-aspect-ratio .aspect-ratio-select,
        .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-sub-tools .cs-toolbar-item.cs-toolbar-item-aspect-ratio .aspect-ratio-select {
          float: left;
          width: 20rem; }
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-1 .cs-toolbar-item.cs-toolbar-item-unit .unit-select,
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-2 .cs-toolbar-item.cs-toolbar-item-unit .unit-select,
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-sub-tools .cs-toolbar-item.cs-toolbar-item-unit .unit-select {
        float: left; }
    .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-2 .cs-toolbar-item {
      padding-right: 0.5rem; }
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-2 .cs-toolbar-item .cs-has-fixed-width input {
        text-align: left; }
      .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-2 .cs-toolbar-item .cs-has-fixed-width .cs-dropdown-menu-item {
        white-space: normal; }
    .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-2 .cs-zoompicker .cs-dropdown-container .cs-dropdown-menu {
      max-height: none; }
    .csImageEditor .csImageEditor__toolbar .cs-toolbar-slot-sub-actions {
      padding-left: 1rem; }
    .csImageEditor .csImageEditor__toolbar.csImageEditor__toolbar__crop input,
    .csImageEditor .csImageEditor__toolbar.csImageEditor__toolbar__resize input,
    .csImageEditor .csImageEditor__toolbar.csImageEditor__toolbar__crop .chosen-container {
      float: left;
      max-width: 80px;
      padding-right: 0.5rem; }
    .csImageEditor .csImageEditor__toolbar.csImageEditor__toolbar.cs-is-sub {
      display: none; }
    .csImageEditor .csImageEditor__toolbar.csImageEditor__toolbar.csImageEditor__toolbar__active {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex; }
    .csImageEditor .csImageEditor__toolbar.csImageEditor__toolbar__crop .cs-toolbar-slot-sub-actions .cs-is-small, .csImageEditor .csImageEditor__toolbar.csImageEditor__toolbar__resize .cs-toolbar-slot-sub-actions .cs-is-small {
      float: left; }
    .csImageEditor .csImageEditor__toolbar.csImageEditor__toolbar__crop .cs-toolbar-slot-sub-actions .cs-is-small:not(:last-child), .csImageEditor .csImageEditor__toolbar.csImageEditor__toolbar__resize .cs-toolbar-slot-sub-actions .cs-is-small:not(:last-child) {
      margin-right: 1rem; }
  .csImageEditor .csImageEditor__toolbar__crop,
  .csImageEditor .csImageEditor__toolbar__resize {
    display: none; }
  .csImageEditor .csImageEditor__stage {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: auto;
    padding: .8rem;
    position: relative; }
  .csImageEditor .csImageEditor__wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: visible;
    position: relative; }
  .csImageEditor .csImageEditor__boxWrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; }
  .csImageEditor .csImageEditor__img {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    overflow: visible; }
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgHigher,
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgWider {
    height: 100%; }
    .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgHigher .csImageEditor__wrapper,
    .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgWider .csImageEditor__wrapper {
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -ms-flex-pack: flex-start;
      -ms-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
    .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgHigher .csImageEditor__img,
    .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgWider .csImageEditor__img {
      -webkit-align-self: flex-start;
      -moz-align-self: flex-start;
      -ms-align-self: flex-start;
      align-self: flex-start;
      transform-origin: 0 0; }
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgHigher .csImageEditor__wrapper {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgHigher .csImageEditor__img {
    padding-bottom: .4rem;
    transform-origin: 50% 0; }
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgHigher .csImageEditor__boxWrapper {
    top: 0;
    transform: translate(-50%, 0); }
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgWider .csImageEditor__img {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    padding-right: .4rem;
    transform-origin: 0 50%; }
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgWider .csImageEditor__boxWrapper {
    left: 0;
    transform: translate(0, -50%); }
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgHigher.csImageEditor__stage--imgWider .csImageEditor__wrapper {
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgHigher.csImageEditor__stage--imgWider .csImageEditor__img {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
    transform-origin: 0 0; }
  .csImageEditor .csImageEditor__stage.csImageEditor__stage--imgHigher.csImageEditor__stage--imgWider .csImageEditor__boxWrapper {
    left: 0;
    top: 0;
    transform: initial; }
  .csImageEditor .csCropBox {
    box-shadow: 0 0 0 1000rem rgba(0, 0, 0, 0.6);
    z-index: 100; }
    .csImageEditor .csCropBox .cs-box-borders {
      border-width: .2rem; }
  .csImageEditor .censhareScroll__content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }

.csWidget_csImageGalleryWidget .photo {
  display: inline-block;
  padding: .4rem; }
  .csWidget_csImageGalleryWidget .photo img {
    box-shadow: -0.1rem -0.1rem 1rem rgba(136, 136, 136, 0.16);
    height: 12rem;
    width: auto; }

cs-inline-editing[show-label] .edit-mode .cs-meta-data-row.csDialogForm__row .cs-meta-data-row__default {
  width: 55%; }

cs-inline-editing .cs-icon-edit,
cs-inline-editing .cs-icon-lock {
  cursor: pointer;
  display: none;
  position: absolute;
  right: .2rem;
  z-index: 1; }

cs-inline-editing.cs-is-small .cs-dropdown {
  min-width: 12rem; }

cs-inline-editing.cs-is-small .cs-checkbox {
  height: 2rem !important;
  line-height: 2rem !important;
  min-height: auto; }

cs-inline-editing.cs-is-small .cs-select-component__values {
  line-height: 2.4rem !important;
  height: auto; }

cs-inline-editing.cs-is-small .cs-datepicker-reset,
cs-inline-editing.cs-is-small .cs-dropdown {
  height: 2.4rem !important;
  line-height: 2.4rem !important; }

cs-inline-editing.cs-is-small .cs-input,
cs-inline-editing.cs-is-small .select2-container,
cs-inline-editing.cs-is-small .select-search-wrapper,
cs-inline-editing.cs-is-small .select2-choice {
  height: 2.4rem !important; }
  cs-inline-editing.cs-is-small .cs-input::after, cs-inline-editing.cs-is-small .cs-input::before,
  cs-inline-editing.cs-is-small .select2-container::after,
  cs-inline-editing.cs-is-small .select2-container::before,
  cs-inline-editing.cs-is-small .select-search-wrapper::after,
  cs-inline-editing.cs-is-small .select-search-wrapper::before,
  cs-inline-editing.cs-is-small .select2-choice::after,
  cs-inline-editing.cs-is-small .select2-choice::before {
    height: 2.4rem !important; }

cs-inline-editing.cs-is-small .select2-chosen,
cs-inline-editing.cs-is-small .select2-search-choice-close,
cs-inline-editing.cs-is-small .select2-choice-clean,
cs-inline-editing.cs-is-small .select2-arrow b::after,
cs-inline-editing.cs-is-small .cs-select-component__placeholder,
cs-inline-editing.cs-is-small .cs-select-component__value {
  height: 2.2rem !important;
  line-height: 2.2rem !important; }

cs-inline-editing.cs-is-small .cs-input.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon,
cs-inline-editing.cs-is-small .cs-password.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon,
cs-inline-editing.cs-is-small .cs-textarea.cs-clearable:not([disabled]) + .cs-clearable-wrapper .cs-icon {
  font-size: .9rem;
  height: 2.2rem !important;
  line-height: 2.2rem !important;
  padding: .3rem 1.2rem 0 0; }

cs-inline-editing.cs-is-small .edit-mode .csDialogForm__row {
  margin-bottom: 0; }
  cs-inline-editing.cs-is-small .edit-mode .csDialogForm__row .csDialogForm__cell-label {
    padding: .3rem 0; }
  cs-inline-editing.cs-is-small .edit-mode .csDialogForm__row .csDialogForm__cell {
    width: 100%; }

td cs-inline-editing.cs-is-small {
  vertical-align: initial; }

cs-inline-editing.cs-is-small .cs-colorpicker .cs-colorpicker-selection {
  top: .7rem; }

cs-inline-editing.cs-is-small .cs-dropdown .cs-dropdown-toggle {
  height: 2.4rem !important;
  line-height: 2.4rem !important;
  top: 0; }

cs-inline-editing .edit-mode {
  margin: .4rem -.5rem; }
  cs-inline-editing .edit-mode li.cs-meta-data-row {
    list-style: none; }
  cs-inline-editing .edit-mode .cs-meta-data-row__main-control {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    max-width: 100%; }
    cs-inline-editing .edit-mode .cs-meta-data-row__main-control *:first-child {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      max-width: 100%; }
  cs-inline-editing .edit-mode .cs-meta-data-row__pair-item {
    float: initial;
    max-width: initial; }
  cs-inline-editing .edit-mode .cs-meta-data-row__dash {
    height: 100%;
    width: 1rem; }
    cs-inline-editing .edit-mode .cs-meta-data-row__dash::after {
      content: "-"; }
  cs-inline-editing .edit-mode .cs-meta-data-row.csDialogForm__row .cs-meta-data-row__default {
    width: 100%; }
  cs-inline-editing .edit-mode .cs-meta-data-row .csDialogForm__cell-label {
    width: 42%; }
  cs-inline-editing .edit-mode cs-metadata-row {
    display: block; }
    cs-inline-editing .edit-mode cs-metadata-row::before, cs-inline-editing .edit-mode cs-metadata-row::after {
      content: " ";
      display: table; }
    cs-inline-editing .edit-mode cs-metadata-row::after {
      clear: both; }
    cs-inline-editing .edit-mode cs-metadata-row .cs-meta-data-row__units {
      padding-left: 0; }
    cs-inline-editing .edit-mode cs-metadata-row .cs-meta-data-row__source-asset {
      padding-right: 0;
      padding-top: 0; }
    cs-inline-editing .edit-mode cs-metadata-row cs-repeat {
      font-size: inherit; }
    cs-inline-editing .edit-mode cs-metadata-row input[type="text"],
    cs-inline-editing .edit-mode cs-metadata-row input[type="password"],
    cs-inline-editing .edit-mode cs-metadata-row input[type="email"],
    cs-inline-editing .edit-mode cs-metadata-row input[type="number"],
    cs-inline-editing .edit-mode cs-metadata-row input[type="url"],
    cs-inline-editing .edit-mode cs-metadata-row input[type="search"],
    cs-inline-editing .edit-mode cs-metadata-row input[type="tel"],
    cs-inline-editing .edit-mode cs-metadata-row input[type="file"],
    cs-inline-editing .edit-mode cs-metadata-row input[type=""],
    cs-inline-editing .edit-mode cs-metadata-row .cs-input,
    cs-inline-editing .edit-mode cs-metadata-row .cs-password,
    cs-inline-editing .edit-mode cs-metadata-row .cs-select,
    cs-inline-editing .edit-mode cs-metadata-row .chosen-container.cs-select,
    cs-inline-editing .edit-mode cs-metadata-row textarea,
    cs-inline-editing .edit-mode cs-metadata-row .cs-textarea {
      font-size: inherit;
      padding: 0 0.5rem; }
  cs-inline-editing .edit-mode .select2-container {
    font-size: inherit;
    padding: 0 0.5rem; }
    cs-inline-editing .edit-mode .select2-container .select2-choice {
      padding-left: 0.5rem; }

cs-inline-editing .read-mode {
  position: relative; }
  cs-inline-editing .read-mode .csAssetProperties__list__value .cs-pre {
    word-break: break-all; }
  cs-inline-editing .read-mode li.cs-meta-data-row {
    list-style: none; }
  cs-inline-editing .read-mode:hover .csAssetProperties__list__value {
    padding-right: 1.3rem; }
  cs-inline-editing .read-mode:not(.uneditable):not(.hierarchical):hover .cs-meta-data-row {
    background-color: #f2f2f2;
    border: solid 0.1rem #d9d9d9;
    margin: -.1rem; }
  cs-inline-editing .read-mode:not(.uneditable):not(.hierarchical):hover .cs-icon-edit {
    display: inline-block; }
  cs-inline-editing .read-mode.uneditable:hover .cs-icon-lock {
    display: inline-block; }

.csDialog__content cs-snippet-renderer.csPreviewAssetRenderer cs-issue-asset-preview {
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  position: relative; }

.csIssuePreview__spread_wrapper {
  display: inline-block;
  padding: 0 2rem 2rem 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }
  .csIssuePreview__spread_wrapper.csFlatPlan__spread_view {
    margin: 0; }
  .csIssuePreview__spread_wrapper .csIssuePreview__spread {
    pointer-events: none;
    white-space: nowrap; }

.csIssuePreview__spread_page {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 0 2.5rem 0;
  pointer-events: auto;
  position: relative;
  vertical-align: bottom; }
  .csIssuePreview__spread_page::after {
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2;
    background: -webkit-gradient(left, #fff 70%, transparent 70%), -webkit-linear-gradient(left, #fff 70%, transparent 70%), -webkit-linear-gradient(top, #fff 70%, transparent 70%), -webkit-linear-gradient(top, #fff 70%, transparent 70%);
    background: -webkit-linear-gradient(left, #fff 70%, transparent 70%), -webkit-linear-gradient(left, #fff 70%, transparent 70%), -webkit-linear-gradient(top, #fff 70%, transparent 70%), -webkit-linear-gradient(top, #fff 70%, transparent 70%);
    background: -moz-linear-gradient(left, #fff 70%, transparent 70%), -moz-linear-gradient(left, #fff 70%, transparent 70%), -moz-linear-gradient(top, #fff 70%, transparent 70%), -moz-linear-gradient(top, #fff 70%, transparent 70%);
    background: -ms-linear-gradient(left, #fff 70%, transparent 70%), -ms-linear-gradient(left, #fff 70%, transparent 70%), -ms-linear-gradient(top, #fff 70%, transparent 70%), -ms-linear-gradient(top, #fff 70%, transparent 70%);
    background: -o-linear-gradient(left, #fff 70%, transparent 70%), -o-linear-gradient(left, #fff 70%, transparent 70%), -o-linear-gradient(top, #fff 70%, transparent 70%), -o-linear-gradient(top, #fff 70%, transparent 70%);
    background-position: 0 0, left bottom, 0 0, right 0;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.6rem 0.1rem, 0.6rem 0.1rem, 0.1rem 0.6rem, 0.1rem 0.6rem;
    border-radius: inherit; }
  .csIssuePreview__spread_page .csIssuePreview__placements {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }
  .csIssuePreview__spread_page .csIssuePreviewSpread__placement {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    position: absolute; }
  .csIssuePreview__spread_page .csIssuePreview__pagination {
    bottom: -2.5rem;
    color: #fff;
    font-size: 1.2rem;
    left: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    z-index: -1; }
    .csIssuePreview__spread_page .csIssuePreview__pagination .csIssuePreview__pagination_info {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      bottom: 0;
      font-weight: 300;
      height: 2.5rem;
      left: 0;
      line-height: 2.5rem;
      padding: 0 0.5rem;
      position: absolute;
      right: 0; }
    .csIssuePreview__spread_page .csIssuePreview__pagination .csIssuePreview__page_number {
      float: right; }
  .csIssuePreview__spread_page.left .csIssuePreview__page_number {
    float: left; }

.csIssuePreview__surface {
  background-color: #404448; }
  .csIssuePreview__surface cs-issue-asset-page {
    display: inline-block; }
  .csIssuePreview__surface .csIssuePreview__spread_page::before {
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30000;
    background: -webkit-gradient(left, #fff 70%, #404448 70%), -webkit-linear-gradient(left, #fff 70%, #404448 70%), -webkit-linear-gradient(top, #fff 70%, #404448 70%), -webkit-linear-gradient(top, #fff 70%, #404448 70%);
    background: -webkit-linear-gradient(left, #fff 70%, #404448 70%), -webkit-linear-gradient(left, #fff 70%, #404448 70%), -webkit-linear-gradient(top, #fff 70%, #404448 70%), -webkit-linear-gradient(top, #fff 70%, #404448 70%);
    background: -moz-linear-gradient(left, #fff 70%, #404448 70%), -moz-linear-gradient(left, #fff 70%, #404448 70%), -moz-linear-gradient(top, #fff 70%, #404448 70%), -moz-linear-gradient(top, #fff 70%, #404448 70%);
    background: -ms-linear-gradient(left, #fff 70%, #404448 70%), -ms-linear-gradient(left, #fff 70%, #404448 70%), -ms-linear-gradient(top, #fff 70%, #404448 70%), -ms-linear-gradient(top, #fff 70%, #404448 70%);
    background: -o-linear-gradient(left, #fff 70%, #404448 70%), -o-linear-gradient(left, #fff 70%, #404448 70%), -o-linear-gradient(top, #fff 70%, #404448 70%), -o-linear-gradient(top, #fff 70%, #404448 70%);
    background-position: 0 0, left bottom, 0 0, right 0;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 0.6rem 0.1rem, 0.6rem 0.1rem, 0.1rem 0.6rem, 0.1rem 0.6rem;
    border-radius: inherit; }
  .csIssuePreview__surface .csIssuePreview__spread_page::before {
    left: -.1rem;
    width: .2rem; }
  .csIssuePreview__surface .csIssuePreview__spread_page.first-spread-page::before {
    display: none; }

.csIssueAssetPreviewSnippet__preview:not(.csFlatPlan__spread_view) .csIssuePreview__surface {
  height: 100%; }

.csIssueAssetPreviewSnippet__preview.csFlatPlan__spread_view .csIssuePreview__surface {
  height: calc(100% - 9rem);
  overflow: hidden;
  padding: 2rem 4rem;
  text-align: center; }
  .csIssueAssetPreviewSnippet__preview.csFlatPlan__spread_view .csIssuePreview__surface .csIssuePreview__spread_wrapper {
    margin: 0;
    padding-right: 0; }

.csIssueAssetPreviewSnippet__preview.loaded .csIssuePreview__surface .csIssuePreview__placements {
  position: static; }

.csIssueAssetPreviewSnippet__preview .csFilmStrip .csIssuePreview__spread_page {
  border: 0.1rem solid #d9d9d9;
  margin: 0;
  padding-bottom: 0; }
  .csIssueAssetPreviewSnippet__preview .csFilmStrip .csIssuePreview__spread_page:last-child {
    margin-left: -.1rem; }
  .csIssueAssetPreviewSnippet__preview .csFilmStrip .csIssuePreview__spread_page.empty .csIssuePreview__placements {
    border-color: #9c9c9c; }
  .csIssueAssetPreviewSnippet__preview .csFilmStrip .csIssuePreview__spread_page .csIssuePreview__placements {
    position: static; }

.csIssueAssetPreviewSnippet__preview .csFilmStrip .csFlatPlan__spread_pages {
  height: 100%; }

.csIssueAssetPreviewSnippet__preview .csFilmStrip .csFilmStrip__item {
  border: none;
  box-shadow: none;
  margin-top: .1rem; }

.csIssueAssetPreviewSnippet__preview .csFilmStrip .csIssuePreview__pagination {
  min-height: 0; }
  .csIssueAssetPreviewSnippet__preview .csFilmStrip .csIssuePreview__pagination .csIssuePreview__pagination_info {
    bottom: 0;
    color: #c7c7c7;
    left: 0;
    padding: 0;
    right: 0; }

.csIssueAssetPreviewSnippet__preview .csFilmStrip .csFilmStrip__item_container:hover .csFilmStrip__item,
.csIssueAssetPreviewSnippet__preview .csFilmStrip .csFilmStrip__item_container.active .csFilmStrip__item {
  border: none;
  box-shadow: none; }

.csIssueAssetPreviewSnippet__preview .csFilmStrip .csFilmStrip__item_container:hover .csIssuePreview__spread_page,
.csIssueAssetPreviewSnippet__preview .csFilmStrip .csFilmStrip__item_container.active .csIssuePreview__spread_page {
  border: 1px solid #69bee6; }

.csIssueAssetPreviewSnippet__preview .csFilmStrip .csFilmStrip__item_container:hover .csIssuePreview__pagination_info,
.csIssueAssetPreviewSnippet__preview .csFilmStrip .csFilmStrip__item_container.active .csIssuePreview__pagination_info {
  color: #69bee6; }

/* stylelint-disable-next-line selector-type-no-unknown */
_:-ms-lang(x),
.csIssuePreview__pagination_info {
  bottom: -0.1rem !important;
  left: -0.1rem !important;
  padding: 0.1rem !important;
  right: -0.1rem !important; }

.csDialog.csKeyboardShortcutsDialog {
  margin: 7.5% auto auto;
  max-height: 50rem;
  max-width: 60rem;
  position: static; }
  .csDialog.csKeyboardShortcutsDialog .csKeyboardShortcutsDialog__list li {
    font-size: 1.2rem;
    padding: 0.5rem 0;
    text-align: center; }
  .csDialog.csKeyboardShortcutsDialog .csKeyboardShortcutsDialog__list .label,
  .csDialog.csKeyboardShortcutsDialog .csKeyboardShortcutsDialog__list .value {
    color: #9c9c9c;
    display: inline-block;
    max-width: 15rem;
    padding: 0 .5rem 0 0;
    text-align: right;
    vertical-align: top; }
  .csDialog.csKeyboardShortcutsDialog .csKeyboardShortcutsDialog__list .label {
    width: 40%; }
  .csDialog.csKeyboardShortcutsDialog .csKeyboardShortcutsDialog__list .value {
    color: inherit;
    padding: 0 0 0 .5rem;
    text-align: left;
    width: 58%; }

cs-layout-asset-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  cs-layout-asset-preview .layout-preview-column-layout {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 1 0;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
    cs-layout-asset-preview .layout-preview-column-layout .preview-divider {
      -webkit-flex-basis: 0.1rem;
      -moz-flex-basis: 0.1rem;
      -ms-flex-basis: 0.1rem;
      flex-basis: 0.1rem;
      -webkit-flex-grow: 0;
      -moz-flex-grow: 0;
      -ms-flex-grow: 0;
      flex-grow: 0;
      border-top: 0.1rem solid #e6e6e6;
      z-index: 1; }
    cs-layout-asset-preview .layout-preview-column-layout .go-to-previous-spread-control,
    cs-layout-asset-preview .layout-preview-column-layout .go-to-next-spread-control {
      background-color: #404448;
      border-radius: 2.4rem;
      color: #fff;
      height: 2.6rem;
      position: absolute;
      top: 40%;
      width: 2.6rem; }
      cs-layout-asset-preview .layout-preview-column-layout .go-to-previous-spread-control .cs-icon,
      cs-layout-asset-preview .layout-preview-column-layout .go-to-next-spread-control .cs-icon {
        font-size: 1.6rem;
        position: absolute;
        top: .6rem; }
    cs-layout-asset-preview .layout-preview-column-layout .go-to-previous-spread-control {
      left: 2.4rem; }
      cs-layout-asset-preview .layout-preview-column-layout .go-to-previous-spread-control .cs-icon {
        left: .3rem; }
    cs-layout-asset-preview .layout-preview-column-layout .go-to-next-spread-control {
      right: 2.4rem; }
      cs-layout-asset-preview .layout-preview-column-layout .go-to-next-spread-control .cs-icon {
        left: .5rem; }
    cs-layout-asset-preview .layout-preview-column-layout cs-spread-preview {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      background-color: #404448;
      font-size: inherit; }
      cs-layout-asset-preview .layout-preview-column-layout cs-spread-preview .preview-container {
        font-size: inherit; }
        cs-layout-asset-preview .layout-preview-column-layout cs-spread-preview .preview-container .spread-area {
          cursor: move;
          position: absolute; }
          cs-layout-asset-preview .layout-preview-column-layout cs-spread-preview .preview-container .spread-area .page-element {
            background-size: contain;
            border: 0.1rem solid #e6e6e6;
            position: absolute; }

cs-spread-switcher {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 0 7;
  -moz-flex: 0 0 7;
  -ms-flex: 0 0 7;
  flex: 0 0 7;
  -webkit-flex-basis: 9rem;
  -moz-flex-basis: 9rem;
  -ms-flex-basis: 9rem;
  flex-basis: 9rem;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  border-top: 0.1rem solid #e6e6e6;
  padding: 1rem 1rem 0 1rem;
  z-index: 1; }
  cs-spread-switcher .scroll-area {
    height: auto; }
  cs-spread-switcher .go-to-first-spread-control,
  cs-spread-switcher .go-to-last-spread-control {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 0 0 5;
    -moz-flex: 0 0 5;
    -ms-flex: 0 0 5;
    flex: 0 0 5;
    flex-basis: 2.5rem;
    justify-content: center;
    padding-bottom: 1rem; }
    cs-spread-switcher .go-to-first-spread-control .cs-icon,
    cs-spread-switcher .go-to-last-spread-control .cs-icon {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      align-self: center;
      color: #777;
      cursor: pointer;
      font-size: 1.6rem; }
      cs-spread-switcher .go-to-first-spread-control .cs-icon.inactive,
      cs-spread-switcher .go-to-last-spread-control .cs-icon.inactive {
        color: #c7c7c7;
        cursor: default; }
  cs-spread-switcher .go-to-first-spread-control {
    justify-content: flex-start; }
  cs-spread-switcher .go-to-last-spread-control {
    justify-content: flex-end; }
  cs-spread-switcher .spreads-render-area {
    display: inline-block;
    font-size: 0;
    white-space: nowrap; }
    cs-spread-switcher .spreads-render-area .spread-thumbnail {
      color: #c7c7c7;
      cursor: pointer;
      display: inline-block;
      margin: 0 0.5rem;
      vertical-align: top; }
      cs-spread-switcher .spreads-render-area .spread-thumbnail .page-thumbnail-container {
        display: inline-block;
        vertical-align: top; }
        cs-spread-switcher .spreads-render-area .spread-thumbnail .page-thumbnail-container .page-thumbnail-image {
          border: 0.1rem solid #c7c7c7;
          border-left-width: 0;
          display: block;
          height: 5.1rem; }
        cs-spread-switcher .spreads-render-area .spread-thumbnail .page-thumbnail-container .page-number-container {
          display: block;
          font-size: 1.2rem;
          line-height: 2.5rem; }
          cs-spread-switcher .spreads-render-area .spread-thumbnail .page-thumbnail-container .page-number-container.right-side {
            text-align: right; }
        cs-spread-switcher .spreads-render-area .spread-thumbnail .page-thumbnail-container:first-child .page-thumbnail-image {
          border-left-width: .1rem; }
      cs-spread-switcher .spreads-render-area .spread-thumbnail:hover, cs-spread-switcher .spreads-render-area .spread-thumbnail.active {
        color: #69bee6; }
        cs-spread-switcher .spreads-render-area .spread-thumbnail:hover .page-thumbnail-image, cs-spread-switcher .spreads-render-area .spread-thumbnail.active .page-thumbnail-image {
          border-color: #69bee6; }
  cs-spread-switcher .spread-switcher-shader {
    background-color: rgba(0, 0, 0, 0.1);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.non-zoomable-asset-preview cs-layout-asset-preview cs-spread-preview {
  pointer-events: none; }

.non-zoomable-asset-preview cs-layout-asset-preview cs-spread-switcher {
  display: none; }

.cs-layout-editor-box {
  pointer-events: auto;
  position: absolute; }
  .cs-layout-editor-box .box-background {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }
    .cs-layout-editor-box .box-background > .snippet-preview {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      width: 100%; }
      .cs-layout-editor-box .box-background > .snippet-preview.product-icon {
        background-size: 2.5rem 2.5rem; }
  .cs-layout-editor-box .cs-layout-box-border {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    .cs-layout-editor-box .cs-layout-box-border.borders {
      border: 0.2rem solid #c7c7c7; }
  .cs-layout-editor-box .indicators-group {
    overflow: hidden;
    position: relative;
    top: calc(100% - 3.1rem);
    z-index: 100; }
    .cs-layout-editor-box .indicators-group .indicator-icon {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 50%;
      border: none;
      color: #fff;
      float: right;
      font-size: 1.14285714rem;
      height: 2.6rem;
      line-height: 2.6rem;
      margin: 0 0.5rem 0.5rem 0;
      text-align: center;
      width: 2.6rem; }
    .cs-layout-editor-box .indicators-group .cs-icon {
      background-color: transparent; }
    .cs-layout-editor-box .indicators-group .indicator-label {
      display: inline-block;
      font-size: inherit;
      line-height: 1em;
      margin-left: .5em;
      margin-top: 0;
      position: relative;
      top: 0;
      white-space: nowrap; }
    .cs-layout-editor-box .indicators-group .content-lock-indicator {
      display: block;
      float: right; }
    .cs-layout-editor-box .indicators-group .optional-placements-indicator .indicator-icon {
      background-color: #5eabcf; }
  .cs-layout-editor-box.highlighted .cs-layout-box-border {
    border: 0.2rem solid #66b6dc; }
  .cs-layout-editor-box.highlighted .indicators-group {
    z-index: 100001; }
  .cs-layout-editor-box.selected .cs-layout-box-border {
    border: 0.2rem solid #66b6dc; }
  .cs-layout-editor-box.edited .cs-layout-box-border {
    border: none; }
  .cs-layout-editor-box.edited .indicators-group {
    display: none; }
  .cs-layout-editor-box.locked {
    pointer-events: none; }

.cs-layouteditor-box-edit-mode-cover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .cs-layouteditor-box-edit-mode-cover .corner {
    border: 0.1rem solid #69bee6; }
  .cs-layouteditor-box-edit-mode-cover .cs-movable-draggable-box .cs-box-borders {
    border: 0.2rem solid #69bee6; }
  .cs-layouteditor-box-edit-mode-cover.groupEditMode .cs-movable-draggable-box .cs-box-borders {
    border: none; }
  .cs-layouteditor-box-edit-mode-cover.groupEditMode .cs-movable-draggable-box .cs-box-background,
  .cs-layouteditor-box-edit-mode-cover.groupEditMode .cs-movable-draggable-box .corner {
    display: none !important; }
  .cs-layouteditor-box-edit-mode-cover .cs-movable-draggable-box.move {
    cursor: move; }
    .cs-layouteditor-box-edit-mode-cover .cs-movable-draggable-box.move.nwse {
      cursor: nwse-resize; }
    .cs-layouteditor-box-edit-mode-cover .cs-movable-draggable-box.move.nesw {
      cursor: nesw-resize; }
    .cs-layouteditor-box-edit-mode-cover .cs-movable-draggable-box.move.ns {
      cursor: ns-resize; }
    .cs-layouteditor-box-edit-mode-cover .cs-movable-draggable-box.move.ew {
      cursor: ew-resize; }
  .cs-layouteditor-box-edit-mode-cover .cs-movable-draggable-box.pointer {
    cursor: not-allowed; }
    .cs-layouteditor-box-edit-mode-cover .cs-movable-draggable-box.pointer .corner {
      cursor: not-allowed; }

.cs-layouteditor-image-edit-mode-cover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .cs-layouteditor-image-edit-mode-cover #csLayoutEditorEditedImage {
    border: 0.1rem solid #69bee6;
    position: absolute; }
  .cs-layouteditor-image-edit-mode-cover #csLayoutEditorImageEditMask {
    opacity: .7;
    position: absolute;
    top: 0; }
  .cs-layouteditor-image-edit-mode-cover .cs-box-borders {
    border: 0.2rem solid #9c9c9c; }
  .cs-layouteditor-image-edit-mode-cover .hidden-overflow {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%; }

.cs-layouteditor-box-edit-mode-cover .indicators-group,
.cs-layouteditor-image-edit-mode-cover .indicators-group {
  bottom: -3.6rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 100%; }
  .cs-layouteditor-box-edit-mode-cover .indicators-group .indicator-icon,
  .cs-layouteditor-image-edit-mode-cover .indicators-group .indicator-icon {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    border: none;
    color: #fff;
    float: right;
    font-size: 1.14285714rem;
    height: 2.6rem;
    line-height: 2.6rem;
    margin-left: 0.5rem;
    text-align: center;
    width: 2.6rem; }

.csDialog.csLayoutEditorFormDialog {
  max-height: 46rem;
  width: 60%; }

.layout-editor-group-box {
  pointer-events: all;
  position: absolute; }
  .layout-editor-group-box .group-border {
    border: 0.2rem dashed #69bee6;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .layout-editor-group-box.groupSelected .group-border {
    display: block;
    z-index: 10; }
  .layout-editor-group-box .csDropzone {
    z-index: 100; }

.csDialog.cs-layout-editor-page-size-dialog {
  max-height: 31rem;
  max-width: 55rem; }
  .csDialog.cs-layout-editor-page-size-dialog .csDialog__content .csDialog__content-inner .cs-grid-wrapper .cs-grid-cell-1of4 {
    padding-right: 0; }
  .csDialog.cs-layout-editor-page-size-dialog .csDialog__content .csDialog__content-inner .cs-grid-wrapper .cs-is-invalid::before {
    display: none; }
  .csDialog.cs-layout-editor-page-size-dialog .csDialog__content .csDialog__content-inner .cs-grid-wrapper .cs-is-invalid input {
    border-right-width: .1rem; }
  .csDialog.cs-layout-editor-page-size-dialog .csDialog__content .csDialog__content-inner .cs-grid-wrapper input {
    width: 7rem; }
  .csDialog.cs-layout-editor-page-size-dialog .csDialog__content .csDialog__content-inner .cs-grid-wrapper .label {
    float: right;
    line-height: 3rem; }
  .csDialog.cs-layout-editor-page-size-dialog .csDialog__content .csDialog__content-inner .cs-grid-wrapper .valid-value-ranges,
  .csDialog.cs-layout-editor-page-size-dialog .csDialog__content .csDialog__content-inner .cs-grid-wrapper .invalid-value-ranges {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 3rem; }
  .csDialog.cs-layout-editor-page-size-dialog .csDialog__content .csDialog__content-inner .cs-grid-wrapper .unit {
    margin-right: .5rem; }
  .csDialog.cs-layout-editor-page-size-dialog .csDialog__content .csDialog__content-inner .cs-grid-wrapper .invalid-value-ranges {
    color: #ff4e4f; }

.guide-lines {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .guide-lines .guide-line {
    background-color: #51ddf4;
    position: absolute;
    z-index: 5; }
    .guide-lines .guide-line.vertical {
      height: 100%;
      width: 0.1rem; }
    .guide-lines .guide-line.horizontal {
      height: 0.1rem;
      width: 100%; }
  .guide-lines .page-box {
    background: #f90084;
    position: absolute;
    z-index: 5; }

.spreadPage {
  position: absolute; }
  .spreadPage .pageFoldHolder {
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, 100%;
    height: inherit;
    width: inherit; }

.csLayoutEditor__toolbar cs-layout-editor-box-menu .cs-input,
.csLayoutEditor__toolbar cs-layout-editor-image-menu .cs-input {
  max-width: 8rem !important;
  padding-right: 0.5rem; }

.csLayoutEditor__toolbar .cs-toolbar-slot-sub-tools {
  display: inline-flex; }

.csLayoutEditor__toolbar cs-layout-editor-box-menu {
  display: inline-block; }

.csWidget_csLayoutEditorWidget {
  /* wraps the main part of the app */ }
  .csWidget_csLayoutEditorWidget input.csLayoutEditorToolbar__geometry {
    width: 8.5rem; }
  .csWidget_csLayoutEditorWidget input.csLayoutEditorImageEditorMenu__scale {
    width: 7rem; }
  .csWidget_csLayoutEditorWidget .csWidget__header {
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .csWidget_csLayoutEditorWidget .csWidget__header .csWidget_csLayoutEditorWidget__actions-wrapper {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0; }
    .csWidget_csLayoutEditorWidget .csWidget__header .cs-zoompicker {
      width: 9rem; }
    .csWidget_csLayoutEditorWidget .csWidget__header .actions-dropdown-reserved-space {
      position: absolute;
      right: 1rem;
      top: .5rem; }
    .csWidget_csLayoutEditorWidget .csWidget__header .csWidget__label {
      min-height: 2.4rem; }
    .csWidget_csLayoutEditorWidget .csWidget__header .csWidget__ctrl {
      margin-right: 3.5rem; }
      .csWidget_csLayoutEditorWidget .csWidget__header .csWidget__ctrl .cs-button-cta:first-child {
        border-right: #fff 0.1rem solid;
        margin-right: .1rem; }
      .csWidget_csLayoutEditorWidget .csWidget__header .csWidget__ctrl .cs-button-cta .cs-icon {
        color: #fff; }
        .csWidget_csLayoutEditorWidget .csWidget__header .csWidget__ctrl .cs-button-cta .cs-icon:hover {
          color: #fff; }
    .csWidget_csLayoutEditorWidget .csWidget__header .csControl__menu {
      position: absolute;
      right: -2rem;
      top: 0.5rem; }
    .csWidget_csLayoutEditorWidget .csWidget__header .csWidget__ctrl.small .hide-on-small {
      display: none; }
  .csWidget_csLayoutEditorWidget .csWidget__content__inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .csWidget_csLayoutEditorWidget #layoutEditorWrapper {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    font-size: 1rem;
    position: relative; }
    .csWidget_csLayoutEditorWidget #layoutEditorWrapper .spread {
      cursor: default;
      margin: 0 2rem 2rem 0;
      min-height: auto;
      min-width: auto;
      position: relative; }
      .csWidget_csLayoutEditorWidget #layoutEditorWrapper .spread #csLayoutEditorImageEditMask.NWSE {
        cursor: nwse-resize; }
      .csWidget_csLayoutEditorWidget #layoutEditorWrapper .spread #csLayoutEditorImageEditMask.NESW {
        cursor: nesw-resize; }
      .csWidget_csLayoutEditorWidget #layoutEditorWrapper .spread .cs-layouteditor-box-edit {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 100000; }
      .csWidget_csLayoutEditorWidget #layoutEditorWrapper .spread .dirty-box-original-position {
        background-color: rgba(255, 255, 255, 0.75);
        position: absolute; }
  .csWidget_csLayoutEditorWidget .csLayoutEditorEditedImageSizePos {
    background-color: #fff;
    color: #000;
    font-size: 1rem;
    opacity: .8;
    padding: .3rem;
    position: absolute;
    white-space: nowrap; }
    .csWidget_csLayoutEditorWidget .csLayoutEditorEditedImageSizePos.NWSE {
      cursor: nwse-resize; }
    .csWidget_csLayoutEditorWidget .csLayoutEditorEditedImageSizePos.NESW {
      cursor: nesw-resize; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
  .csWidget_csLayoutEditorWidget #csLayoutEditorStatusBar {
    font-size: 1.2rem;
    height: 1.6rem;
    line-height: 1.6rem;
    margin: .1rem 0 0 1.6rem; }
    .csWidget_csLayoutEditorWidget #csLayoutEditorStatusBar .error {
      color: #8b0000; }
  .csWidget_csLayoutEditorWidget #csLayoutEditorSurface {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    background-color: #404448;
    border: 0.1rem solid #404448;
    position: absolute;
    top: 0; }
    .csWidget_csLayoutEditorWidget #csLayoutEditorSurface.nwse {
      cursor: nwse-resize; }
    .csWidget_csLayoutEditorWidget #csLayoutEditorSurface.nesw {
      cursor: nesw-resize; }
    .csWidget_csLayoutEditorWidget #csLayoutEditorSurface.ns {
      cursor: ns-resize; }
    .csWidget_csLayoutEditorWidget #csLayoutEditorSurface .ew {
      cursor: ew-resize; }
  .csWidget_csLayoutEditorWidget #csLayoutEditorDocumentNavigator {
    display: none; }
    .csWidget_csLayoutEditorWidget #csLayoutEditorDocumentNavigator .layoutSelector {
      font-size: 12px;
      height: 20px;
      line-height: 20px; }
      .csWidget_csLayoutEditorWidget #csLayoutEditorDocumentNavigator .layoutSelector ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .csWidget_csLayoutEditorWidget #csLayoutEditorDocumentNavigator .layoutSelector ul li {
          float: left;
          margin: 0 10px 0 0;
          padding: 0;
          width: auto; }
          .csWidget_csLayoutEditorWidget #csLayoutEditorDocumentNavigator .layoutSelector ul li a {
            color: #a9a9a9;
            text-decoration: none; }
            .csWidget_csLayoutEditorWidget #csLayoutEditorDocumentNavigator .layoutSelector ul li a.selected {
              color: #353535;
              font-weight: 600; }
  .csWidget_csLayoutEditorWidget #csLayoutEditorAssetsNavigator {
    background-color: #fff;
    height: 100%;
    margin-left: 9px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 210px; }
    .csWidget_csLayoutEditorWidget #csLayoutEditorAssetsNavigator ul {
      margin: 0;
      padding: 0; }
      .csWidget_csLayoutEditorWidget #csLayoutEditorAssetsNavigator ul li {
        margin: 2px 0;
        padding: 0; }
  .csWidget_csLayoutEditorWidget #csLayoutEditorPlacements {
    height: calc(100% - 50px);
    overflow: hidden;
    position: absolute;
    width: 210px; }
  .csWidget_csLayoutEditorWidget .csLayoutEditorPlacedAsset {
    background-color: #fff;
    border: 1px solid #fff;
    clear: both;
    cursor: move;
    height: 54px;
    padding: 2px;
    width: 200px; }
    .csWidget_csLayoutEditorWidget .csLayoutEditorPlacedAsset.selected {
      border-color: #66b6dc; }
    .csWidget_csLayoutEditorWidget .csLayoutEditorPlacedAsset span {
      display: block;
      float: left; }
    .csWidget_csLayoutEditorWidget .csLayoutEditorPlacedAsset .image {
      display: block;
      float: left;
      height: 44px;
      margin: 3px 5px 3px 3px;
      overflow: hidden;
      width: 46px; }
      .csWidget_csLayoutEditorWidget .csLayoutEditorPlacedAsset .image img {
        height: 46px; }
    .csWidget_csLayoutEditorWidget .csLayoutEditorPlacedAsset .title {
      display: block;
      float: left;
      font-size: 12px;
      font-weight: 600;
      height: 28px;
      line-height: 12px;
      overflow: hidden;
      padding-top: 3px;
      width: 135px; }
    .csWidget_csLayoutEditorWidget .csLayoutEditorPlacedAsset .description {
      display: block;
      float: left;
      font-size: 12px; }
  .csWidget_csLayoutEditorWidget #csLayoutEditorAssetsNavigatorHeader {
    border-bottom: 1px #dcdcdc solid;
    height: 35px; }
    .csWidget_csLayoutEditorWidget #csLayoutEditorAssetsNavigatorHeader ul {
      line-height: 40px;
      list-style: none;
      margin: 0;
      padding: 0; }
      .csWidget_csLayoutEditorWidget #csLayoutEditorAssetsNavigatorHeader ul li {
        float: left;
        margin: 0 10px 0 0;
        padding: 0;
        width: auto; }
        .csWidget_csLayoutEditorWidget #csLayoutEditorAssetsNavigatorHeader ul li a {
          color: #a9a9a9;
          font-size: 13px;
          text-decoration: none; }
          .csWidget_csLayoutEditorWidget #csLayoutEditorAssetsNavigatorHeader ul li a.selected {
            color: #353535;
            font-weight: 600; }
      .csWidget_csLayoutEditorWidget #csLayoutEditorAssetsNavigatorHeader ul li:last-child {
        float: right;
        margin-right: 10px; }
  .csWidget_csLayoutEditorWidget #csLayoutEditorActions {
    bottom: 0;
    height: 50px;
    position: absolute;
    right: 20px; }

.csDialog.csLayoutEditorPlacementWarningDialog {
  height: 24rem;
  width: 40%; }
  .csDialog.csLayoutEditorPlacementWarningDialog .csDialog__content .dialog-content-icon {
    display: none; }
  .csDialog.csLayoutEditorPlacementWarningDialog .csDialog__content div.col_icon {
    -webkit-flex: 0 0 2rem;
    -moz-flex: 0 0 2rem;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem; }
  .csDialog.csLayoutEditorPlacementWarningDialog .csDialog__content div.col_content {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
  .csDialog.csLayoutEditorPlacementWarningDialog ul.items2 {
    padding-top: 1rem; }
  .csDialog.csLayoutEditorPlacementWarningDialog .csDialog__head {
    background: #ff4e4f; }
  .csDialog.csLayoutEditorPlacementWarningDialog .cs-button-cta,
  .csDialog.csLayoutEditorPlacementWarningDialog .csControl__menu > li.cta-appearance {
    background: #ff4e4f;
    border-color: #ff4e4f; }

cs-layout-elements-widget-main-component {
  display: block;
  height: 100%; }

cs-layout-elements-widget-head-component {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%; }

.csLayoutManagerWrapper {
  height: inherit; }
  .csLayoutManagerWrapper .gridster {
    /* workaround to ensure widgets are fully accessible when displaying page actions */
    padding-bottom: 6rem;
    padding-left: 1rem; }

.cs-plain-html-table {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%; }

.cs-plain-html-table-container {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.csLoggerAdjustmentDialog ul li li {
  padding-left: 30px; }

.csLoggerAdjustmentDialog .csLoggerAdjustmentDialogToggle {
  float: right; }
  .csLoggerAdjustmentDialog .csLoggerAdjustmentDialogToggle::before, .csLoggerAdjustmentDialog .csLoggerAdjustmentDialogToggle::after {
    clear: both; }

.csLogin__frame {
  -moz-align-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  /* stylelint-disable-line order/properties-alphabetical-order */
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  background: #69bee6;
  /* fallback */
  background: -webkit-linear-gradient(right, #69bee6, #b5dff2);
  background: -moz-linear-gradient(right, #69bee6, #b5dff2);
  background: -o-linear-gradient(right, #69bee6, #b5dff2);
  background: linear-gradient(to left, #69bee6, #b5dff2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  position: relative;
  width: 100%; }

.csLogin__mask {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #f2f2f2;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15), 0 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  max-height: 100%;
  max-width: 34rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3rem 4rem 1rem 4rem;
  position: relative;
  text-align: center;
  width: 80%;
  z-index: 10; }
  .csLogin__mask .csLogin__logo__area {
    margin-bottom: 3rem; }
    .csLogin__mask .csLogin__logo__area .csLogin__logo {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      height: 7rem;
      width: 100%; }
  .csLogin__mask .csLogin__success,
  .csLogin__mask .csLogin__errors {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: height, margin, padding, opacity;
    -moz-transition-property: height, margin, padding, opacity;
    transition-property: height, margin, padding, opacity;
    overflow-wrap: break-word;
    word-wrap: break-word;
    background-color: #ffa3a3;
    color: #fff;
    line-height: 1.8rem;
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0 1rem;
    text-align: left; }
    .csLogin__mask .csLogin__success.cs-has-content,
    .csLogin__mask .csLogin__errors.cs-has-content {
      margin-bottom: 2rem;
      max-height: 28rem;
      padding-bottom: 1rem;
      padding-top: 1rem; }
  .csLogin__mask .csLogin__errors_text {
    background-color: transparent;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 2rem;
    max-height: 28rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: center; }
    .csLogin__mask .csLogin__errors_text .cs-error-header {
      font-size: 1.4rem;
      font-weight: 600;
      padding-bottom: 10px; }
    .csLogin__mask .csLogin__errors_text .cs-state-icon-padded {
      padding-bottom: 20px;
      padding-top: 30px; }
    .csLogin__mask .csLogin__errors_text .cs-button-https {
      margin-top: 14px; }
  .csLogin__mask .csLogin__success {
    background-color: #b4e068; }
  .csLogin__mask .csLogin__form_container {
    margin: 0;
    max-height: 0;
    min-height: 0;
    overflow: hidden; }
    .csLogin__mask .csLogin__form_container.cs-is-open {
      margin-bottom: 1rem;
      max-height: 16rem;
      min-height: 16rem; }
      .csLogin__mask .csLogin__form_container.cs-is-open.csLogin__type_reset_pwd {
        margin-bottom: 1rem;
        max-height: 27rem;
        min-height: 27rem; }
    .csLogin__mask .csLogin__form_container .cs-button,
    .csLogin__mask .csLogin__form_container .cs-button-cta,
    .csLogin__mask .csLogin__form_container .csControl__menu > li.button-appearance,
    .csLogin__mask .csLogin__form_container .csControl__menu > li.cta-appearance {
      width: 100%; }
  .csLogin__mask .csLogin__form_container_loading_btn {
    height: 100%;
    position: relative; }
    .csLogin__mask .csLogin__form_container_loading_btn .csBusySpinner__cover {
      background-color: transparent;
      opacity: 1; }
      .csLogin__mask .csLogin__form_container_loading_btn .csBusySpinner__cover .spinner {
        margin-top: -1.2rem; }
        .csLogin__mask .csLogin__form_container_loading_btn .csBusySpinner__cover .spinner > div {
          background-color: #fff;
          height: 1rem;
          width: 1rem; }
  .csLogin__mask.cs-is-ready .csLogin__form_container {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: height, margin;
    -moz-transition-property: height, margin;
    transition-property: height, margin;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s; }

.csLogin__emotional {
  background-color: #69bee6;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0; }
  .csLogin__emotional .csCustomLoginPage {
    height: 100%;
    width: 100%; }
  .csLogin__emotional.cs-is-fallback {
    background-image: -webkit-linear-gradient(right, #69bee6, #b5dff2);
    background-image: -moz-linear-gradient(right, #69bee6, #b5dff2);
    background-image: -o-linear-gradient(right, #69bee6, #b5dff2);
    background-image: linear-gradient(to left, #69bee6, #b5dff2);
    overflow: hidden; }
    .csLogin__emotional.cs-is-fallback .censhare-logo-link {
      height: 860px;
      opacity: .15;
      position: absolute;
      right: 0;
      top: 0;
      width: 338px; }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(1) {
        right: 700px;
        top: 80px;
        transform: rotate(-30deg); }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(2) {
        right: 600px;
        top: -270px;
        transform: rotate(60deg); }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(3) {
        right: 790px;
        top: 430px;
        transform: rotate(-30deg); }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(4) {
        right: 536px;
        top: -215px;
        transform: rotate(15deg); }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(5) {
        right: 251px;
        top: -165px;
        transform: rotate(60deg); }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(6) {
        right: 0;
        top: -75px;
        transform: rotate(100deg); }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(7) {
        right: 95px;
        top: 415px;
        transform: rotate(15deg); }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(8) {
        right: 345px;
        top: 495px;
        transform: rotate(50deg); }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(9) {
        right: 111px;
        top: -352px;
        transform: rotate(100deg); }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(1) .censhare-link-item {
        animation-delay: 0s; }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(2) .censhare-link-item {
        animation-delay: -7s; }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(3) .censhare-link-item {
        animation-delay: -17s; }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(4) .censhare-link-item {
        animation-delay: -23s; }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(5) .censhare-link-item {
        animation-delay: -31s; }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(6) .censhare-link-item {
        animation-delay: -41s; }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(7) .censhare-link-item {
        animation-delay: -59s; }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(8) .censhare-link-item {
        animation-delay: -73s; }
      .csLogin__emotional.cs-is-fallback .censhare-logo-link:nth-child(9) .censhare-link-item {
        animation-delay: -89s; }
    .csLogin__emotional.cs-is-fallback .censhare-logo-link .censhare-link-item {
      animation: linkmove 200s infinite;
      animation-timing-function: linear;
      background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2263px%22%20height%3D%22160px%22%20viewBox%3D%220%200%2063%20160%22%20style%3D%22enable-background%3Anew%200%200%2063%20160%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A1%3B%20fill%3A%23fff%3B%20enable-background%3Anew%20%20%20%20%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M0.73%2C31.1c0.13%2C7.14%2C2.43%2C13.93%2C6.83%2C19.61c2.21%2C2.75%2C5.05%2C4.59%2C7.44%2C7.01c2.47%2C2.51%2C4.51%2C5.26%2C6.09%2C8.41%0A%09c2.92%2C6.22%2C3.84%2C12.96%2C2.53%2C19.78c-1.31%2C6.82-4.99%2C12.51-10%2C17.28c-2.68%2C2.47-5.35%2C4.59-7.44%2C7.51c-2.01%2C2.84-3.59%2C5.78-4.5%2C9.09%0A%09c-1.81%2C6.28-1.93%2C13.32%2C0.31%2C19.51c4.78%2C13.09%2C18.33%2C22.07%2C32.4%2C20.5c6.99-0.83%2C13.56-3.73%2C18.57-8.68%0A%09c5.02-4.95%2C8.11-11.26%2C9.01-18.36c0.87-6.58-0.56-13.51-3.75-19.31c-1.68-2.9-3.72-5.48-6.21-7.65c-2.65-2.34-5.23-4.43-7.43-7.35%0A%09c-8.22-11.08-7.99-26.96%2C0.79-37.68c2.35-2.82%2C5.19-4.94%2C7.87-7.41c2.42-2.39%2C4.43-5.23%2C6.01-8.17c3.16-5.88%2C4.15-13.06%2C2.88-19.64%0A%09C59.61%2C11.72%2C47.6%2C1%2C33.55%2C0.08C19.24-0.95%2C6.23%2C8.39%2C1.8%2C21.87C0.73%2C25%2C0.61%2C27.92%2C0.73%2C31.1C0.72%2C33.42%2C0.76%2C30.42%2C0.73%2C31.1z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      transform: rotate(0deg) translate3d(0, 0, 0);
      width: 100%; }

@media screen and (max-width: 420px), screen and (max-height: 350px) {
  .csLogin__mask {
    height: 100%;
    left: 0;
    margin: 0 !important;
    max-width: none;
    padding-left: 2rem;
    padding-right: 2rem;
    top: 0;
    width: 100%; }
  .csLogin__emotional {
    display: none; } }

@keyframes linkmove {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0); }
  20% {
    transform: rotate(-30deg) translate3d(200px, 50px, 0); }
  40% {
    transform: rotate(60deg) translate3d(0, 400px, 0); }
  60% {
    transform: rotate(90deg) translate3d(150px, 200px, 0); }
  80% {
    transform: rotate(45deg) translate3d(-150px, -50px, 0); } }

cs-main-frame {
  display: block;
  height: 100%;
  width: 100%; }

.main {
  cursor: default;
  /* basic styling moved to the _layout.scss file, for a better overview of the main components */ }
  .main #csMain__content-container {
    flex-direction: row;
    position: relative;
    /**
        * The below property is used to get the right result in a javascript math operation and has
        * no stylistic intent.
        *
        * Since we rely on the parent' width in the cs-grid directive, we need to make sure
        * we are getting a correct width in the line 'element.parent().width();' of the 'grid.directive.ts' file
        */ }
    .main #csMain__content-container > div {
      min-width: 100%; }
  .main .csMain__content {
    margin-top: -1rem; }
  .main .csMain__content-header {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #eaeaea;
    padding-bottom: 1rem; }
    .main .csMain__content-header.csScrolled {
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.08);
      -webkit-transition: .1s ease-in-out;
      -moz-transition: .1s ease-in-out;
      -o-transition: .1s ease-in-out;
      transition: .1s ease-in-out;
      z-index: 25000; }
  .main .csMain__content-area .csMain__WidgetListContentArea.gridster {
    padding: .5rem 1rem; }

.mCustomScrollbar {
  height: 100%; }

.csDialog .mCSB_container,
.csWidget .mCS_no_scrollbar_y {
  min-height: 100%; }

.mCSB_scrollTools {
  z-index: 10; }

.csWidget .csWidget__content div.mCustomScrollbar {
  padding-right: 0; }

.mCSB_outside + .mCS-csMalihuTheme.mCSB_scrollTools_vertical {
  margin: 0;
  right: 0; }

.mCustomScrollBox.mCS-csMalihuTheme + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-csMalihuTheme + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCS-csMalihuTheme.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-csMalihuTheme > .mCSB_container {
  margin-right: 0; }

.mCS-csMalihuTheme.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-csMalihuTheme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.3rem;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.mCS-csMalihuTheme.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  width: .7rem; }

.mCS-csMalihuTheme.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: .7rem; }

.mCS-csMalihuTheme.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-csMalihuTheme.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

cs-reorder-list {
  padding: 2rem; }

.csMassEditData {
  overflow: hidden; }
  .csMassEditData .cs-different-values {
    color: #404448 !important; }
  .csMassEditData article {
    display: flex;
    flex-direction: inherit;
    height: 100%; }
    .csMassEditData article .censhareScroll__viewport .cs-table-02 {
      display: block; }
      .csMassEditData article .censhareScroll__viewport .cs-table-02.content {
        height: 100%; }
        .csMassEditData article .censhareScroll__viewport .cs-table-02.content .cs-table-body {
          flex-direction: column; }
          .csMassEditData article .censhareScroll__viewport .cs-table-02.content .cs-table-body .cs-table-tr {
            -webkit-flex: 0 0 auto;
            -moz-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: -ms-flex;
            display: flex;
            border-top: 1px solid #f2f2f2;
            color: #b2b2b2;
            min-height: 2.4rem; }
            .csMassEditData article .censhareScroll__viewport .cs-table-02.content .cs-table-body .cs-table-tr:first-child {
              border-top: 0 solid #f2f2f2; }
            .csMassEditData article .censhareScroll__viewport .cs-table-02.content .cs-table-body .cs-table-tr:last-child {
              border-bottom: 1px solid #f2f2f2; }
            .csMassEditData article .censhareScroll__viewport .cs-table-02.content .cs-table-body .cs-table-tr .csAssetListItemRendererWidget2xn {
              width: 100%; }
              .csMassEditData article .censhareScroll__viewport .cs-table-02.content .cs-table-body .cs-table-tr .csAssetListItemRendererWidget2xn .csAssetListItem {
                border-top: none;
                width: 100%; }
                .csMassEditData article .censhareScroll__viewport .cs-table-02.content .cs-table-body .cs-table-tr .csAssetListItemRendererWidget2xn .csAssetListItem .csAssetListItem__controls {
                  right: 50%; }
    .csMassEditData article .censhareScroll__viewport .censhareScroll__content .csProperties__span,
    .csMassEditData article .censhareScroll__viewport .censhareScroll__content .workflow-dialog-group {
      display: table;
      margin: 0 5% 0 10%;
      width: 85%; }
    .csMassEditData article .censhareScroll__viewport .censhareScroll__content .csDialogForm__cell-not-supported {
      margin-top: .8rem; }

.csMassEditWizardStep3 .csWizard__locker {
  top: 0; }

.csMathMLEditorWidget_Display {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
  .csMathMLEditorWidget_Display .wrs_editor td {
    vertical-align: middle; }
  .csMathMLEditorWidget_Display .wrs_editor .wrs_formulaDisplay {
    cursor: pointer; }

cs-media-player {
  z-index: 1; }

/* -------------
 * Basic Stylings  (moved from base.scss)
 * ------------- */
.mejs-wrapper,
.mejs-audio-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-bottom: 4.8rem; }
  .mejs-wrapper .mejs-mediaelement,
  .mejs-wrapper .mejs-layers,
  .mejs-wrapper .mejs-video,
  .mejs-wrapper .mejs-container,
  .mejs-wrapper .me-plugin,
  .mejs-wrapper .mejs-inner,
  .mejs-audio-wrapper .mejs-mediaelement,
  .mejs-audio-wrapper .mejs-layers,
  .mejs-audio-wrapper .mejs-video,
  .mejs-audio-wrapper .mejs-container,
  .mejs-audio-wrapper .me-plugin,
  .mejs-audio-wrapper .mejs-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .mejs-wrapper .mejs-container,
  .mejs-audio-wrapper .mejs-container {
    background: transparent;
    height: auto;
    position: relative;
    text-align: left;
    vertical-align: top; }
    .mejs-wrapper .mejs-container *,
    .mejs-audio-wrapper .mejs-container * {
      margin: 0;
      outline: 0;
      padding: 0; }
      .mejs-wrapper .mejs-container * ul,
      .mejs-audio-wrapper .mejs-container * ul {
        list-style: none; }
  .mejs-wrapper .mejs-inner,
  .mejs-audio-wrapper .mejs-inner {
    position: relative; }
  .mejs-wrapper .mejs-mediaelement,
  .mejs-audio-wrapper .mejs-mediaelement {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: absolute;
    width: 100%; }
  .mejs-wrapper .mejs-mediaelement video,
  .mejs-wrapper .mejs-mediaelement audio,
  .mejs-audio-wrapper .mejs-mediaelement video,
  .mejs-audio-wrapper .mejs-mediaelement audio {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: -1; }
  .mejs-wrapper .mejs-mediaelement_playing video,
  .mejs-wrapper .mejs-mediaelement_playing audio,
  .mejs-audio-wrapper .mejs-mediaelement_playing video,
  .mejs-audio-wrapper .mejs-mediaelement_playing audio {
    z-index: 0; }
  .mejs-wrapper .mejs-layers,
  .mejs-audio-wrapper .mejs-layers {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .mejs-wrapper .mejs-overlay,
  .mejs-audio-wrapper .mejs-overlay {
    height: 100% !important;
    position: absolute;
    width: 100%; }
  .mejs-wrapper .mejs-poster,
  .mejs-audio-wrapper .mejs-poster {
    background-size: cover;
    display: none;
    height: 100%;
    width: 100%; }
  .mejs-wrapper :root .mejs-poster img,
  .mejs-audio-wrapper :root .mejs-poster img {
    display: none; }
  .mejs-wrapper .mejs-clear,
  .mejs-audio-wrapper .mejs-clear {
    clear: both; }

.mejs-offscreen {
  /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).  Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
  /* IE6, IE7 - no likey commas */
  clip: rect(1px 1px 1px 1px);
  /* IE8-IE11 - we likey commas, no support for clip-path */
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

/* -------------
 * Player Stylings (moved from player.scss)
 * ------------- */
.mejs-wrapper,
.mejs-audio-wrapper {
  /* CONTROLS */ }
  .mejs-wrapper .mejs-embed,
  .mejs-wrapper .mejs-embed body,
  .mejs-audio-wrapper .mejs-embed,
  .mejs-audio-wrapper .mejs-embed body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%; }
  .mejs-wrapper .mejs-fullscreen,
  .mejs-audio-wrapper .mejs-fullscreen {
    overflow: hidden !important; }
  .mejs-wrapper .mejs-container-fullscreen,
  .mejs-audio-wrapper .mejs-container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000; }
    .mejs-wrapper .mejs-container-fullscreen .mejs-mediaelement,
    .mejs-wrapper .mejs-container-fullscreen video,
    .mejs-audio-wrapper .mejs-container-fullscreen .mejs-mediaelement,
    .mejs-audio-wrapper .mejs-container-fullscreen video {
      height: 100%;
      width: 100%; }
  .mejs-wrapper .me-cannotplay a,
  .mejs-audio-wrapper .me-cannotplay a {
    font-weight: 600; }
  .mejs-wrapper .me-cannotplay span,
  .mejs-audio-wrapper .me-cannotplay span {
    display: block;
    padding: 1.5rem; }
  .mejs-wrapper .mejs-overlay-button,
  .mejs-audio-wrapper .mejs-overlay-button {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    -webkit-transform: translate3d(-3rem, -3rem, 0);
    -moz-transform: translate3d(-3rem, -3rem, 0);
    -ms-transform: translate3d(-3rem, -3rem, 0);
    transform: translate3d(-3rem, -3rem, 0);
    height: 6rem;
    left: 50%;
    line-height: 6rem;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 6rem; }
    .mejs-wrapper .mejs-overlay-button::before,
    .mejs-audio-wrapper .mejs-overlay-button::before {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: inherit;
      display: inline-block;
      font-family: "cs-icons", sans-serif;
      font-size: inherit;
      line-height: inherit;
      padding-left: .5rem;
      vertical-align: baseline; }
  .mejs-wrapper .mejs-overlay-play,
  .mejs-audio-wrapper .mejs-overlay-play {
    cursor: pointer; }
    .mejs-wrapper .mejs-overlay-play .mejs-overlay-button::before,
    .mejs-audio-wrapper .mejs-overlay-play .mejs-overlay-button::before {
      content: "\e94e"; }
  .mejs-wrapper .mejs-controls,
  .mejs-audio-wrapper .mejs-controls {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    bottom: -4.8rem;
    height: 4.8rem;
    left: 0;
    padding: 0 0.9rem;
    position: absolute;
    width: 100%;
    /* vertical volume */ }
    .mejs-wrapper .mejs-controls > div,
    .mejs-audio-wrapper .mejs-controls > div {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      display: block;
      font-size: 1.2rem; }
      .mejs-wrapper .mejs-controls > div + div,
      .mejs-audio-wrapper .mejs-controls > div + div {
        margin-left: 0.9rem; }
    .mejs-wrapper .mejs-controls .mejs-duration-container,
    .mejs-audio-wrapper .mejs-controls .mejs-duration-container {
      line-height: 4.8rem; }
    .mejs-wrapper .mejs-controls .mejs-time-rail,
    .mejs-audio-wrapper .mejs-controls .mejs-time-rail {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      width: auto !important; }
      .mejs-wrapper .mejs-controls .mejs-time-rail span,
      .mejs-audio-wrapper .mejs-controls .mejs-time-rail span {
        cursor: pointer;
        display: block; }
      .mejs-wrapper .mejs-controls .mejs-time-rail .mejs-time-total,
      .mejs-audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-total {
        height: 0.5rem;
        margin-top: 2.15rem;
        position: relative;
        width: 100% !important; }
      .mejs-wrapper .mejs-controls .mejs-time-rail .mejs-time-loaded,
      .mejs-wrapper .mejs-controls .mejs-time-rail .mejs-time-current,
      .mejs-audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-loaded,
      .mejs-audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-current {
        height: 100%;
        position: absolute;
        width: 0; }
      .mejs-wrapper .mejs-controls .mejs-time-rail .mejs-time-handle,
      .mejs-audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-handle {
        cursor: pointer;
        display: none;
        height: 100%;
        margin: 0;
        position: absolute;
        text-align: center;
        width: 1rem; }
      .mejs-wrapper .mejs-controls .mejs-time-rail .mejs-time-float,
      .mejs-audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-float {
        -webkit-transform: translate3d(-50%, -100%, 0);
        -moz-transform: translate3d(-50%, -100%, 0);
        -ms-transform: translate3d(-50%, -100%, 0);
        transform: translate3d(-50%, -100%, 0);
        display: none;
        position: absolute;
        text-align: center; }
      .mejs-wrapper .mejs-controls .mejs-time-rail .mejs-time-float-corner,
      .mejs-audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-float-corner {
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        bottom: -.9rem;
        display: inline-block;
        height: 1.2rem;
        left: 50%;
        position: absolute;
        width: 1.2rem; }
    .mejs-wrapper .mejs-controls .mejs-volume-button,
    .mejs-audio-wrapper .mejs-controls .mejs-volume-button {
      position: relative; }
    .mejs-wrapper .mejs-controls .mejs-volume-slider,
    .mejs-audio-wrapper .mejs-controls .mejs-volume-slider {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 0;
      border: .1rem solid #ccc;
      display: none;
      height: 9rem;
      left: .2rem;
      margin: 0;
      position: absolute;
      top: -8rem;
      width: 2.7rem;
      z-index: 1; }
      .mejs-wrapper .mejs-controls .mejs-volume-slider .mejs-volume-total,
      .mejs-audio-wrapper .mejs-controls .mejs-volume-slider .mejs-volume-total {
        cursor: pointer;
        height: 7rem;
        left: 1rem;
        margin: 0;
        position: absolute;
        top: 1rem;
        width: 0.5rem; }
      .mejs-wrapper .mejs-controls .mejs-volume-slider .mejs-volume-current,
      .mejs-audio-wrapper .mejs-controls .mejs-volume-slider .mejs-volume-current {
        cursor: pointer;
        height: 7rem;
        left: 1rem;
        margin: 0;
        position: absolute;
        top: 1rem;
        width: 0.5rem; }
      .mejs-wrapper .mejs-controls .mejs-volume-slider .mejs-volume-handle,
      .mejs-audio-wrapper .mejs-controls .mejs-volume-slider .mejs-volume-handle {
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: 50%;
        cursor: ns-resize;
        height: 1.2rem;
        left: .7rem;
        margin: 0;
        position: absolute;
        top: -.6rem;
        width: 1.2rem; }
  .mejs-wrapper .mejs-button button,
  .mejs-audio-wrapper .mejs-button button {
    background: none;
    border: 0;
    cursor: pointer;
    display: block;
    height: 3rem;
    line-height: 3rem;
    margin-top: 0.9rem;
    opacity: .7;
    padding: 0 0.9rem;
    width: 3rem; }
    .mejs-wrapper .mejs-button button::before,
    .mejs-audio-wrapper .mejs-button button::before {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: inherit;
      display: inline-block;
      font-family: "cs-icons", sans-serif;
      font-size: 1.6rem;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: inherit;
      speak: none;
      text-transform: none;
      user-select: text;
      vertical-align: baseline; }
    .mejs-wrapper .mejs-button button:hover, .mejs-wrapper .mejs-button button:focus,
    .mejs-audio-wrapper .mejs-button button:hover,
    .mejs-audio-wrapper .mejs-button button:focus {
      opacity: 1; }
  .mejs-wrapper .mejs-button.mejs-play button::before,
  .mejs-audio-wrapper .mejs-button.mejs-play button::before {
    content: "\e94e"; }
  .mejs-wrapper .mejs-button.mejs-pause button::before,
  .mejs-audio-wrapper .mejs-button.mejs-pause button::before {
    content: "\e941"; }
  .mejs-wrapper .mejs-button.mejs-stop button::before,
  .mejs-audio-wrapper .mejs-button.mejs-stop button::before {
    content: "\e9a9"; }
  .mejs-wrapper .mejs-button.mejs-mute button::before,
  .mejs-audio-wrapper .mejs-button.mejs-mute button::before {
    content: "\e9e7"; }
  .mejs-wrapper .mejs-button.mejs-unmute button::before,
  .mejs-audio-wrapper .mejs-button.mejs-unmute button::before {
    content: "\e92c"; }
  .mejs-wrapper .mejs-button.mejs-fullscreen-button button::before,
  .mejs-audio-wrapper .mejs-button.mejs-fullscreen-button button::before {
    content: "\e966"; }
  .mejs-wrapper .mejs-button.mejs-unfullscreen button::before,
  .mejs-audio-wrapper .mejs-button.mejs-unfullscreen button::before {
    content: "\e967"; }
  .mejs-wrapper .mejs-time span,
  .mejs-audio-wrapper .mejs-time span {
    display: block;
    float: left; }
  .mejs-wrapper .mejs-time .mejs-currenttime,
  .mejs-audio-wrapper .mejs-time .mejs-currenttime {
    line-height: 4.8rem; }
  .mejs-wrapper .mejs-time-float-current,
  .mejs-audio-wrapper .mejs-time-float-current {
    line-height: 1em;
    padding: .4rem; }
  .mejs-wrapper .mejs-container-fullscreen .mejs-controls,
  .mejs-audio-wrapper .mejs-container-fullscreen .mejs-controls {
    bottom: 0; }

/* ------------------------------------------------------------------------
 * Main container - Original: $BLACK ( #000 )
 * ------------------------------------------------------------------------ */
.mejs-container button {
  background-color: transparent; }

/* main container */
.mejs-container {
  background: #404448; }

/* embeded videos like ( youtube - vimeo ) */
.mejs-embed,
.mejs-embed body,
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  background-color: #404448; }

/* ------------------------------------------------------------------------
 * Contrast & highlight color - Original: $WHITE ( #FFF )
 * ------------------------------------------------------------------------ */
/* ------------------------------------------
 * $BACKGROUND
 * ------------------------------------------ */
/* total time */
.mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: rgba(64, 68, 72, 0.05); }

/* ready ( loaded time ) bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(64, 68, 72, 0.15); }

/* volume total */
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-volume-slider .mejs-volume-total {
  background-color: rgba(64, 68, 72, 0.2); }

/* ------------------------------------------
 * $COLOR
 * ------------------------------------------ */
/* error link */
.me-cannotplay a,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label {
  color: #404448; }

/* sourcechooser menu item */
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  color: rgba(64, 68, 72, 0.8); }

/* ------------------------------------------------------------------------
 * Control bar background color - Original: $DARK GREY ( #2A2A2A )
 * ------------------------------------------------------------------------ */
/* ------------------------------------------
 * $BACKGROUND
 * ------------------------------------------ */
/* volume slider bg */
.mejs-volume-slider,
.mejs-overlay-button,
.mejs-overlay-loading,
.mejs-controls,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  background-color: #fff; }

/* ------------------------------------------
 * $BORDERS
 * ------------------------------------------ */
/* sourcechooser menu pointer */
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector::after {
  border-color: #fff transparent transparent transparent; }

/* ------------------------------------------------------------------------
 * Some handles - Original: $GREY ( #A8A8A8 )
 * ------------------------------------------------------------------------ */
/* ------------------------------------------
 * $COLOR
 * ------------------------------------------ */
/* time */
.mejs-time span {
  color: #c7c7c7; }

/* ------------------------------------------
 * $BORDERS
 * ------------------------------------------ */
/* tooltip bottom pointer */
.mejs-volume-slider {
  border-color: #c7c7c7; }

/* ------------------------------------------------------------------------
 * Descent color - Original: $LIGHT GREY ( #808080 )
 * ------------------------------------------------------------------------ */
/* ------------------------------------------
 * $BACKGROUND
 * ------------------------------------------ */
/* volume slider handle */
.mejs-volume-slider .mejs-volume-handle,
.mejs-controls .mejs-time-rail .mejs-time-current {
  background-color: #777; }

/* ------------------------------------------
 * $COLOR
 * ------------------------------------------ */
/* current time tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
  color: #777; }

/* ------------------------------------------------------------------------
 * Active color - Original: $BLUE ( #69bee6 )
 * ------------------------------------------------------------------------ */
/* ------------------------------------------
 * $BACKGROUND
 * ------------------------------------------ */
/* adjust current time */
.mejs-controls .mejs-time-rail .mejs-time-handle,
.mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-volume-slider .mejs-volume-current,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label {
  background-color: #69bee6; }

.csAssetProperties__list__value__empty {
  color: #b2b2b2; }

.cs-meta-data-row.csDialogForm__row .cs-meta-data-row__default .cs-meta-data-row {
  margin-top: 1rem !important; }

.cs-meta-data-row.csDialogForm__row .cs-meta-data-row__default .csDialogForm__row:first-of-type {
  margin-top: 0; }

.cs-meta-data-row .cs-meta-data-row__cell-label {
  float: left;
  line-height: 1.6rem;
  overflow-wrap: break-word;
  padding: 0.7rem 0 0;
  text-align: right;
  width: 13%;
  word-wrap: break-word; }

.cs-meta-data-row .csAssetProperties__list__parent_label {
  color: #1c1c1c !important;
  display: flex;
  font-weight: 600; }
  .cs-meta-data-row .csAssetProperties__list__parent_label.parent-as-header {
    -webkit-flex: initial;
    -moz-flex: initial;
    -ms-flex: initial;
    flex: initial;
    min-width: 0;
    text-align: left !important;
    width: auto; }

.cs-meta-data-row .cs-meta-data-row__cell-header .cs-label {
  color: #1c1c1c;
  font-weight: 600;
  line-height: 1.2rem; }

.cs-meta-data-row-child .cs-meta-data-row {
  clear: both;
  /* compatibility with IE */
  margin-left: -17%;
  padding-left: 3rem;
  width: 117% !important; }

.cs-meta-data-row-hr {
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  position: absolute;
  width: 100%; }
  .cs-meta-data-row-hr.hr-parent {
    background-color: #1c1c1c;
    border: none;
    color: #1c1c1c;
    height: .1rem; }

.cs-metadata-row__has_nested_parent {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem; }

.cs-meta-data-row__default .csDialogForm__row {
  margin-bottom: 0;
  min-height: 0; }

.cs-meta-data-row__default .csRepeat__spacer_wrapper:not(:last-child) .cs-meta-data-row__default .csRepeat__spacer_wrapper::after {
  clear: both;
  content: "";
  display: table; }

.cs-meta-data-row__controls {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-height: 3rem; }
  .csWidget .censhareScroll__main:not(.censhareScroll__scrollbar_x_hidden) .cs-meta-data-row__controls {
    padding-right: 65px; }

.cs-meta-data-row__language,
.cs-meta-data-row__units,
.cs-meta-data-row__color,
.cs-meta-data-row__relevance {
  padding-left: 1.5rem;
  position: relative; }

.cs-meta-data-row__main-control {
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  position: relative;
  width: 33%; }

.cs-meta-data-row__language {
  min-width: 14rem;
  width: 14rem; }

.cs-meta-data-row__source-asset {
  padding-right: .5rem;
  padding-top: .6rem;
  position: relative; }

.cs-meta-data-row__unit {
  align-items: center;
  display: flex;
  min-width: 14rem;
  width: 14rem; }
  .cs-meta-data-row__unit span {
    margin-left: .5rem;
    width: 100%; }

.cs-meta-data-row__color {
  min-width: 15rem;
  width: 15rem; }

.cs-meta-data-row__units {
  min-width: 12rem;
  width: 12rem; }

.cs-meta-data-row__color_read.cs-ctrl-color {
  height: 1rem;
  vertical-align: middle;
  width: 1rem; }

.cs-meta-data-row__relevance {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  position: relative;
  width: 15.8rem; }
  .cs-meta-data-row__relevance__label {
    line-height: 2.7rem !important;
    padding-right: .6rem;
    text-align: center;
    width: 7rem; }
  .cs-meta-data-row__relevance__control {
    height: 100%;
    width: 6.8rem; }
  .cs-meta-data-row__relevance__symbol {
    line-height: 2.7rem !important;
    padding-left: .3rem; }

.cs-meta-data-row__pair-item {
  float: left;
  max-width: 43%; }

.cs-meta-data-row__pair-item_read .cs-meta-data-row-template-loader {
  display: inline-block; }

.cs-meta-data-row__dash {
  display: block;
  float: left;
  height: 3rem;
  position: relative;
  width: 3rem; }
  .cs-meta-data-row__dash::after {
    content: "\2014";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }

.cs-meta-data-row__timestamp {
  display: block;
  float: left;
  position: relative; }

.cs-meta-data-row__timestamp__date {
  float: left;
  margin-right: 3.5%;
  max-width: 50.5%;
  width: 15rem; }

.cs-meta-data-row__timestamp__time {
  float: left;
  max-width: 46%;
  min-width: 10rem;
  width: 15rem; }

.cs-meta-data-row__pipe {
  color: #b2b2b2;
  padding: 0 .3rem; }

.cs-meta-data-row__multivalue {
  padding-top: 1.5rem; }

.cs-meta-data-row__info-tooltip {
  padding-left: 1rem; }

.cs-meta-data-row__percentage {
  float: left;
  line-height: 3rem;
  padding-left: 1rem; }
  .cs-meta-data-row__percentage::after {
    color: #9c9c9c;
    font-size: 1.2rem;
    font-weight: 400; }

.csTranslationMetadataWizard__wrapper {
  margin: 0 auto;
  max-width: 80rem;
  padding: 5rem 1.5rem 2rem; }

.csModifyGroupDialog__Item {
  margin-bottom: 1rem;
  vertical-align: top; }
  .csModifyGroupDialog__Item .csModifyGroupDialog__select {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 48px); }
    .csModifyGroupDialog__Item .csModifyGroupDialog__select > * {
      vertical-align: top; }
  .csModifyGroupDialog__Item .cs-icon {
    vertical-align: top; }

.cs-movable-draggable-box {
  border: 0;
  position: absolute; }
  .cs-movable-draggable-box .cs-box-borders {
    border: .1rem solid;
    height: 100%;
    position: absolute;
    width: 100%; }
  .cs-movable-draggable-box .caption {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: .2rem .5rem;
    position: relative;
    top: -1.8rem;
    white-space: nowrap; }
  .cs-movable-draggable-box .corner {
    background-color: #fff;
    border: 0.1rem solid #9c9c9c;
    font-size: inherit;
    height: .7rem;
    position: absolute;
    width: .7rem; }
    .cs-movable-draggable-box .corner.top {
      top: -.3rem; }
    .cs-movable-draggable-box .corner.bottom {
      bottom: -.3rem; }
    .cs-movable-draggable-box .corner.left {
      left: -.3rem; }
    .cs-movable-draggable-box .corner.right {
      right: -.3rem; }
    .cs-movable-draggable-box .corner.vertical-center {
      top: calc(50% - .25rem); }
    .cs-movable-draggable-box .corner.horizontal-center {
      left: calc(50% - .25rem); }

.cs-movable-draggable-box.moving {
  pointer-events: none; }

.cs-movable-draggable-box.move {
  cursor: move; }

.cs-movable-draggable-box.pointer {
  cursor: pointer; }

.cs-movable-draggable-box.nwse {
  cursor: nwse-resize; }

.cs-movable-draggable-box.nesw {
  cursor: nesw-resize; }

.cs-movable-draggable-box.ns {
  cursor: ns-resize; }

.cs-movable-draggable-box.ew {
  cursor: ew-resize; }

.cs-movable-draggable-box .corner.nwse {
  cursor: nwse-resize; }

.cs-movable-draggable-box .corner.nesw {
  cursor: nesw-resize; }

.cs-movable-draggable-box .corner.ns {
  cursor: ns-resize; }

.cs-movable-draggable-box .corner.ew {
  cursor: ew-resize; }

.multi-editor-page {
  overflow: scroll; }
  .multi-editor-page cs-multi-editor-directive > .csLayout_flex_hbox > ul {
    display: inline-block;
    float: left;
    min-width: 400px;
    width: 400px; }

cs-multi-page-asset-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative; }
  cs-multi-page-asset-preview .csImageAssetPreview__preview {
    width: 100%; }
  cs-multi-page-asset-preview .csLayoutAssetPreviewSnippet__preview {
    width: 100%; }
  cs-multi-page-asset-preview .csTextAssetPreviewSnippet__preview {
    width: 100%; }

.csWidget_csMultiRelatedAssetWidget .multiRelationCount {
  background-color: #c7c7c7;
  padding: .4rem; }

.csWidget_csMultiRelatedAssetWidget .csAssetRelatedAssetGroupItem__title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex; }

.csWidget_csMultiRelatedAssetWidget .grouprelation {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  font-size: 1.4rem;
  font-weight: 400;
  margin-left: 1rem;
  overflow: hidden; }
  .csWidget_csMultiRelatedAssetWidget .grouprelation .title-text {
    overflow: hidden;
    text-overflow: ellipsis; }

.csWidget_csMultiRelatedAssetWidget .list-item-action-buttons {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  margin-right: 1.5rem; }
  .csWidget_csMultiRelatedAssetWidget .list-item-action-buttons .cs-icon:hover {
    color: #404448; }

.csWidget_csMultiRelatedAssetWidget .addButton {
  color: #777;
  cursor: pointer;
  display: none;
  font-size: 1.4rem;
  margin-left: 1rem;
  top: 1rem; }
  .csWidget_csMultiRelatedAssetWidget .addButton.csDynamicPopover .csDynamicPopover_content {
    z-index: 20000; }

.csWidget_csMultiRelatedAssetWidget .multiDelete {
  color: #777; }

.csWidget_csMultiRelatedAssetWidget .count {
  background: #d9d9d9;
  border-radius: .1rem;
  color: #fff;
  font-size: 1.2rem;
  margin-left: 0.5rem;
  padding: 0 0.5rem; }

.csWidget_csMultiRelatedAssetWidget .multiDropZone {
  padding: 0 1.5rem .2rem !important; }

.csWidget_csMultiRelatedAssetWidget .csDropzoneMulti {
  display: block;
  height: 100% !important;
  opacity: .4;
  padding: 0 !important;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000; }

.csWidget_csMultiRelatedAssetWidget cs-multi-related-asset-dropzone {
  top: 0; }

.csWidget_csMultiRelatedAssetWidget .csDropzoneMulti:hover {
  opacity: .8; }

.csWidget_csMultiRelatedAssetWidget .multirelated {
  height: 100% !important; }

.csWidget_csMultiRelatedAssetWidget .groupTag {
  font-size: 1.3rem;
  font-weight: 700; }

.csWidget_csMultiRelatedAssetWidget ul.csAssetListItem {
  padding-left: 4.4rem !important; }

.csWidget_csMultiRelatedAssetWidget .csDropzone {
  height: 3.4rem; }
  .csWidget_csMultiRelatedAssetWidget .csDropzone .csDropzone__icon {
    font-size: 2rem; }

.csWidget_csMultiRelatedAssetWidget .csAssetListItem li.csAssetListItem__preview {
  margin-left: 0; }

.csWidget_csMultiRelatedAssetWidget .csAssetListItem li.csAssetListItem__controls {
  right: 1rem; }

.csWidget_csMultiRelatedAssetWidget .multiheight {
  min-height: 4.2rem; }

.csWidget_csMultiRelatedAssetWidget .multiheight .csDropzone__content .csDropzone__icon {
  font-size: 2.2rem !important; }

.csWidget_csMultiRelatedAssetWidget .arrowIconMulti {
  height: 1.4rem;
  margin-right: 1rem;
  position: relative;
  top: .15rem;
  width: 1.4rem; }

.csWidget_csMultiRelatedAssetWidget .acceptDrop {
  background-color: #69bee6 !important;
  opacity: 1 !important; }

.csWidget_csMultiRelatedAssetWidget .dropText {
  position: relative;
  top: -.6rem; }

.csWidget_csMultiRelatedAssetWidget .dropTextHover {
  border: solid;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1001; }

.csWidget_csMultiRelatedAssetWidget .csAssetRelatedAssetGroupItem .collapsible {
  padding-left: 0;
  padding-top: .6rem; }

.csWidget_csMultiRelatedAssetWidget .csAssetRelatedAssetGroupItem:hover .addButton {
  display: block; }

.csDialog__csWidgetConfigDialog .multiTemplate {
  margin-left: 3.5rem;
  width: 59%; }

.csDialog__csWidgetConfigDialog .configGroping .cs-select-component {
  width: 50%; }

.csDialog__csWidgetConfigDialog .multiRelationConfigShowHide {
  clear: both;
  display: block;
  margin-bottom: 1.5rem; }

.csDialog__csWidgetConfigDialog .dragIconPostion {
  cursor: pointer;
  float: left;
  margin-left: -7.3rem;
  position: relative; }

.csDialog__csWidgetConfigDialog .dragIconPostionLess {
  float: left;
  margin-left: -7.3rem;
  position: relative; }

.csDialog__csWidgetConfigDialog .multiRelationsTypeList {
  display: block; }

.csDialog__csWidgetConfigDialog .multiRelationsTypeList .reorderArea.inAnimation {
  transition: 500ms ease-in-out; }

.csDialog__csWidgetConfigDialog .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.csDialog__csWidgetConfigDialog .csDialogGroup_body .counters {
  color: #d9d9d9;
  margin-left: 12.2rem;
  position: relative;
  top: -3.4rem; }

.csMultiRelationChooserDialog .cs-dialog-group {
  padding-top: 2rem; }

.csMultiRelationChooserDialog .csAssetProperties__list {
  padding-top: 2rem; }

.cs-multi-asset-relation__empty-state {
  border-top: 1px solid #f2f2f2;
  height: 4.2rem;
  position: relative; }

.csWidget .cs-multi-asset-relation__empty-state .cs-empty-state .cs-empty-state__content {
  margin-top: 0;
  overflow: visible; }

.csWidget .cs-multi-asset-relation__empty-state .cs-empty-state .cs-empty-state__content .cs-state-headline {
  margin-bottom: 0; }

.cs-info-color {
  color: #d9d9d9;
  position: relative;
  right: 2rem;
  top: .7rem; }

.dropTextHover {
  border: solid;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1001; }

.csNavBar {
  /* basic styling moved to the layout.scss file, for a better overview of the main components */
  /* group container */
  /* group label */
  /* nav item */
  /* sub menu */ }
  .csNavBar .csNavBar__scroll-area {
    height: 100%;
    padding-top: 0.5rem; }
  .csNavBar .csNavBar__inner {
    position: relative; }
  .csNavBar .csNavBar__box {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: height, max-height;
    -moz-transition-property: height, max-height;
    transition-property: height, max-height;
    height: auto;
    overflow: hidden;
    padding: 1rem 0;
    position: relative; }
    .csNavBar .csNavBar__box::after {
      border-bottom: 0.1rem solid #51565b;
      bottom: 0;
      content: " ";
      display: block;
      height: 1.1rem;
      left: 2rem;
      position: absolute;
      right: 2rem; }
    .csNavBar .csNavBar__box.cs-is-last-box::after {
      border-bottom: none; }
    .csNavBar .csNavBar__box.cs-is-closed {
      max-height: 5rem !important; }
      .csNavBar .csNavBar__box.cs-is-closed .csNavBar__list {
        display: none; }
      .csNavBar .csNavBar__box.cs-is-closed .csNavBar__label__count {
        display: inline-block; }
    .csNavBar .csNavBar__box.cs-is-empty .csNavBar__label [ng-click] {
      cursor: default; }
  .csNavBar .csNavBar__label {
    clear: both;
    color: #fff;
    display: block;
    font-weight: 600;
    line-height: 3rem;
    min-height: 3rem;
    overflow: hidden;
    padding: 0 2rem;
    text-overflow: ellipsis; }
    .csNavBar .csNavBar__label::before, .csNavBar .csNavBar__label::after {
      content: " ";
      display: table; }
    .csNavBar .csNavBar__label::after {
      clear: both; }
    .csNavBar .csNavBar__label .csNavBar__label__count {
      display: none;
      float: right;
      font-weight: 400;
      height: 3rem;
      line-height: 3rem; }
    .csNavBar .csNavBar__label .csNavBar__label__action {
      background: none;
      border: 0;
      color: #ff4e4f;
      cursor: pointer;
      display: none;
      float: right;
      line-height: inherit;
      margin: 0;
      padding: 0 0 0 1rem; }
      .csNavBar .csNavBar__label .csNavBar__label__action .cs-icon {
        font-size: 1.6rem;
        vertical-align: top; }
      .csNavBar .csNavBar__label .csNavBar__label__action:hover {
        color: #ffa3a3; }
    .csNavBar .csNavBar__label:hover .csNavBar__label__action {
      display: block; }
  .csNavBar .csNavBar__item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 3rem;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: background-color, color;
    -moz-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    color: rgba(255, 255, 255, 0.52);
    cursor: pointer;
    height: 3rem;
    margin-top: .2rem;
    overflow: hidden;
    padding: 0 2rem;
    position: relative;
    width: 100%;
    /* additional hover states */
    /* active */
    /* icon container: child could be an icon or image */
    /* icons */
    /* image icons (asset type icon definitions) */
    /* title */
    /* status icon */
    /* counter */
    /* hover controls */
    /* hide elements in original tree structure */ }
    .csNavBar .csNavBar__item.droppable-before {
      box-shadow: 0 -1px 0 0 #69bee6; }
    .csNavBar .csNavBar__item.droppable-after {
      box-shadow: 0 1px 0 0 #69bee6; }
    .csNavBar .csNavBar__item.cs-tab-color-drag {
      -webkit-animation: cs-left-nav-hover-effect 0.3s ease-in 0.5s 2 forwards;
      -moz-animation: cs-left-nav-hover-effect 0.3s ease-in 0.5s 2 forwards;
      -ms-animation: cs-left-nav-hover-effect 0.3s ease-in 0.5s 2 forwards;
      -o-animation: cs-left-nav-hover-effect 0.3s ease-in 0.5s 2 forwards;
      animation: cs-left-nav-hover-effect 0.3s ease-in 0.5s 2 forwards;
      background-color: #69bee6;
      color: #fff;
      font-weight: 600; }
    .csNavBar .csNavBar__item.cs-tab-color-drag-mouse-cursor {
      cursor: pointer; }
    .csNavBar .csNavBar__item .cs-left-nav-icon-overlay {
      height: 100%;
      margin-left: -2rem;
      position: absolute;
      width: 80%;
      z-index: 10000; }
    .csNavBar .csNavBar__item.cs-is-active {
      color: #fff; }
      .csNavBar .csNavBar__item.cs-is-active::before {
        border: solid transparent;
        border-bottom: 0.5rem solid transparent;
        border-right: 0.5rem solid #eaeaea;
        border-top: 0.5rem solid transparent;
        content: " ";
        height: 0;
        left: auto;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 1rem;
        width: 0;
        z-index: 10; }
      .csNavBar .csNavBar__item.cs-is-active img {
        opacity: 1; }
      .csNavBar .csNavBar__item.cs-is-active cs-page-icon {
        color: #fff; }
    .csNavBar .csNavBar__item cs-page-icon {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      color: rgba(255, 255, 255, 0.52);
      height: 100%;
      line-height: 3rem;
      margin-right: .8rem; }
    .csNavBar .csNavBar__item .cs-icon {
      font-size: 1.4rem;
      height: 100%;
      vertical-align: top; }
    .csNavBar .csNavBar__item img {
      margin: 1px 0 1px 1px;
      max-height: 14px;
      max-width: 14px;
      opacity: .5;
      vertical-align: text-top; }
    .csNavBar .csNavBar__item .csNavBar__title {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      pointer-events: none;
      position: relative; }
      .csNavBar .csNavBar__item .csNavBar__title .cs-icon {
        font-size: 0.71428571em;
        margin-top: .1rem; }
      .csNavBar .csNavBar__item .csNavBar__title span {
        display: inline-block;
        height: 100%;
        vertical-align: top; }
    .csNavBar .csNavBar__item .csNavBar__item__indicator {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex; }
    .csNavBar .csNavBar__item .is-status-icon {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      align-self: center;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      font-size: 1.4rem;
      margin: 0 0 0 .5rem; }
    .csNavBar .csNavBar__item .csNavBar__controls {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      transition-property: opacity;
      display: none;
      opacity: 0;
      padding: 0;
      padding-left: 0.5rem; }
      .csNavBar .csNavBar__item .csNavBar__controls > li {
        display: inline-block;
        padding: 0;
        padding-left: 0.5rem; }
        .csNavBar .csNavBar__item .csNavBar__controls > li .cs-icon {
          color: #9c9c9c;
          font-size: 1rem; }
        .csNavBar .csNavBar__item .csNavBar__controls > li .cs-icon-close-thin {
          color: #fff; }
        .csNavBar .csNavBar__item .csNavBar__controls > li:hover .cs-icon {
          color: #f2f2f2; }
        .csNavBar .csNavBar__item .csNavBar__controls > li:hover .cs-icon-close-thin {
          color: #d9d9d9; }
    .csNavBar .csNavBar__item .csNavBar__sub-list {
      display: none; }
    .csNavBar .csNavBar__item:hover, .csNavBar .csNavBar__item.expand {
      background-color: rgba(0, 0, 0, 0.2);
      color: #fff; }
      .csNavBar .csNavBar__item:hover .csNavBar__count, .csNavBar .csNavBar__item.expand .csNavBar__count {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1; }
      .csNavBar .csNavBar__item:hover .csNavBar__controls, .csNavBar .csNavBar__item.expand .csNavBar__controls {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
        display: block;
        opacity: 1; }
      .csNavBar .csNavBar__item:hover img, .csNavBar .csNavBar__item.expand img {
        opacity: 1; }
      .csNavBar .csNavBar__item:hover cs-page-icon, .csNavBar .csNavBar__item.expand cs-page-icon {
        color: #fff; }
  .csNavBar .quickNavigationLabels section {
    left: 0;
    position: absolute;
    width: 100%;
    /* needed to temporarily disable pointer events on labels */ }
    .csNavBar .quickNavigationLabels section.top {
      top: 0; }
      .csNavBar .quickNavigationLabels section.top .csNavBar__label.shadowBelow {
        border-top: none;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); }
    .csNavBar .quickNavigationLabels section.bottom {
      bottom: 0; }
      .csNavBar .quickNavigationLabels section.bottom .csNavBar__label.shadowAbove {
        box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.15); }
    .csNavBar .quickNavigationLabels section .disabled {
      pointer-events: none; }
  .csNavBar .csNavBar__submenuPopover {
    background-color: #404448;
    border: 0.1rem solid #eaeaea;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: none;
    left: 100%;
    margin-left: 0;
    min-width: 25rem;
    position: absolute;
    top: 10rem;
    width: 100%;
    z-index: 10; }
    .csNavBar .csNavBar__submenuPopover.cs-is-open {
      display: block; }
    .csNavBar .csNavBar__submenuPopover.topLeft::after, .csNavBar .csNavBar__submenuPopover.topLeft::before {
      border: solid transparent;
      content: " ";
      height: 0;
      left: -.6rem;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csNavBar .csNavBar__submenuPopover.topLeft::before {
      border-bottom: .5rem solid transparent;
      border-right: 0.5rem solid #eaeaea;
      border-top: .5rem solid transparent;
      margin-left: -.3rem;
      margin-top: -.5rem;
      top: 25px; }
    .csNavBar .csNavBar__submenuPopover.topLeft::after {
      border-bottom: .4rem solid transparent;
      border-right: 0.4rem solid #404448;
      border-top: .4rem solid transparent;
      margin-left: -.1rem;
      margin-top: -.4rem;
      top: 25px; }
    .csNavBar .csNavBar__submenuPopover.topLeft::before {
      margin-left: -.3rem; }
    .csNavBar .csNavBar__submenuPopover.topLeft::after {
      display: none; }
    .csNavBar .csNavBar__submenuPopover.bottomLeft::after, .csNavBar .csNavBar__submenuPopover.bottomLeft::before {
      border: solid transparent;
      content: " ";
      height: 0;
      left: -10px;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csNavBar .csNavBar__submenuPopover.bottomLeft::before {
      border-bottom: 6px solid transparent;
      border-right: 10px solid #404448;
      border-top: 6px solid transparent;
      bottom: calc(25px + 1px);
      margin-left: -3px;
      margin-top: -2px; }
    .csNavBar .csNavBar__submenuPopover.bottomLeft::after {
      border-bottom: 5px solid transparent;
      border-right: 8px solid #eaeaea;
      border-top: 5px solid transparent;
      bottom: calc(25px + 2px);
      margin-left: -1px; }
    .csNavBar .csNavBar__submenuPopover.bottomLeft::before {
      margin-left: -.7rem; }
    .csNavBar .csNavBar__submenuPopover.bottomLeft::after {
      display: none; }
    .csNavBar .csNavBar__submenuPopover .csNavBar__sub-list {
      min-height: 6rem;
      padding: 0.5rem 0;
      position: relative; }
      .csNavBar .csNavBar__submenuPopover .csNavBar__sub-list .mCSB_scrollTools {
        width: 1rem; }
    .csNavBar .csNavBar__submenuPopover .csNavBar__item {
      padding: 0 1rem 0 2rem; }
  .csNavBar .colission {
    -webkit-animation: collide 300ms ease-out;
    animation: collide 300ms ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }

.dragBackplate {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2; }

.csNavBar__autoTrackArea {
  height: 3rem; }
  .csNavBar__autoTrackArea.disabled {
    pointer-events: none; }

.csNetworkRenderer {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden; }
  .csAssetCreateDialog .csAssetChooserDialog .csAssetChooserView.csAssetChooserViewSingleSelect .csNetworkRenderer {
    margin-right: -2rem; }
  .csAssetChooserView.csAssetChooserViewMultiSelect .csNetworkRenderer {
    margin-top: 1rem; }
  .csNetworkRenderer .csSearchViewContent_columnLayout__top .csPrevNextCtrls a {
    height: 3rem; }
  .csNetworkRenderer ul.relationsViewCanvas_html__assets,
  .csNetworkRenderer div.relationsViewCanvas_html__relation,
  .csNetworkRenderer g.linesLayer {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; }
  .csNetworkRenderer .relationsViewCanvas_html li.csAssetSearchRelationAssetItemRenderer {
    padding: 0; }
    .csNetworkRenderer .relationsViewCanvas_html li.csAssetSearchRelationAssetItemRenderer ul.csAssetSearchRelationAssetItemRenderer {
      height: 100%;
      width: 100%; }
      .csNetworkRenderer .relationsViewCanvas_html li.csAssetSearchRelationAssetItemRenderer ul.csAssetSearchRelationAssetItemRenderer li.csVirtualListRenderer_Item.csAssetSearchRelationAssetItemRenderer {
        height: 100%;
        padding: 0;
        width: 100%; }
  .csNetworkRenderer .relationsViewCanvas_svg circle,
  .csNetworkRenderer .relationsViewCanvas_html circle {
    fill: #69bee6;
    stroke: #777;
    stroke-width: 0; }
  .csNetworkRenderer .relationsViewCanvas_svg line,
  .csNetworkRenderer .relationsViewCanvas_html line {
    stroke: #9c9c9c;
    stroke-width: 3px; }
    .csNetworkRenderer .relationsViewCanvas_svg line.active,
    .csNetworkRenderer .relationsViewCanvas_html line.active {
      stroke: #69bee6; }
  .csNetworkRenderer .relationsViewCanvas_svg svg,
  .csNetworkRenderer .relationsViewCanvas_html svg {
    fill: transparent; }
  .csNetworkRenderer .__csAssetSearchRelationItemRenderer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%; }
    .csNetworkRenderer .__csAssetSearchRelationItemRenderer.active div.csAssetSearchGallery__item {
      border-color: #69bee6; }
  .csNetworkRenderer li.csVirtualListRenderer_Item.csAssetSearchRelationItemRenderer,
  .csNetworkRenderer div.csAssetSearchRelationItemRenderer {
    height: 100%;
    width: 100%; }
  .csNetworkRenderer div.relationMoreButton {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    background: #69bee6;
    border: 0 #69bee6 solid;
    color: #f2f2f2;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%; }
    .csNetworkRenderer div.relationMoreButton h2 {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 0 1 auto;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.2em;
      color: #f2f2f2;
      padding: 0;
      text-align: center; }
  .csNetworkRenderer div.assetMoreButton {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    background: #fff;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-top: 43px;
    padding: 8px;
    position: relative;
    width: 120px; }
    .csNetworkRenderer div.assetMoreButton h2 {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 1.2em;
      color: #404448;
      display: inline-block; }
    .csNetworkRenderer div.assetMoreButton span.count {
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      align-self: center;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 8px;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.2rem;
      font-weight: 600;
      line-height: 1.2rem;
      background: #404448;
      color: #fff;
      height: 16px;
      margin: -2px 4px 0;
      padding: 2px 5px;
      position: absolute;
      right: 3px;
      top: 10px; }

.csDynamicPopover {
  cursor: pointer;
  position: absolute;
  z-index: 100000; }
  .csDynamicPopover .csDynamicPopover_content {
    background: #fff;
    border: 0.1rem solid #d9d9d9;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    display: inline-block;
    line-height: 0;
    padding: 0;
    position: absolute; }
    .csDynamicPopover .csDynamicPopover_content > * {
      display: inline-block !important; }
  .csDynamicPopover.top .csDynamicPopover_content {
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%); }
    .csDynamicPopover.top .csDynamicPopover_content::after, .csDynamicPopover.top .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      margin-bottom: -7px;
      margin-left: -6px;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.top .csDynamicPopover_content::before {
      border-top-color: #e2e2e2;
      border-width: 6px;
      bottom: -6px;
      left: 50%; }
    .csDynamicPopover.top .csDynamicPopover_content::after {
      border-top-color: #fff;
      border-width: 6px;
      bottom: -5px;
      left: 50%; }
  .csDynamicPopover.bottom .csDynamicPopover_content {
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0); }
    .csDynamicPopover.bottom .csDynamicPopover_content::after, .csDynamicPopover.bottom .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      margin-left: -6px;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.bottom .csDynamicPopover_content::before {
      border-bottom-color: #e2e2e2;
      border-width: 6px;
      bottom: 100%;
      left: 50%; }
    .csDynamicPopover.bottom .csDynamicPopover_content::after {
      border-bottom-color: #fff;
      border-width: 6px;
      bottom: calc(100% - 1px);
      left: 50%; }
  .csDynamicPopover.topLeft .csDynamicPopover_content {
    left: 50%;
    margin-left: 2rem;
    top: 0;
    transform: translate(-100%, -100%); }
    .csDynamicPopover.topLeft .csDynamicPopover_content::after, .csDynamicPopover.topLeft .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      margin-bottom: -7px;
      margin-left: -6px;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.topLeft .csDynamicPopover_content::before {
      border-top-color: #e2e2e2;
      border-width: 6px;
      bottom: -6px;
      left: calc(100% - 2rem); }
    .csDynamicPopover.topLeft .csDynamicPopover_content::after {
      border-top-color: #fff;
      border-width: 6px;
      bottom: -5px;
      left: calc(100% - 2rem); }
  .csDynamicPopover.bottomLeft .csDynamicPopover_content {
    left: 50%;
    margin-left: 2rem;
    top: 100%;
    transform: translate(-100%, 0); }
    .csDynamicPopover.bottomLeft .csDynamicPopover_content::after, .csDynamicPopover.bottomLeft .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      margin-left: -6px;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.bottomLeft .csDynamicPopover_content::before {
      border-bottom-color: #e2e2e2;
      border-width: 6px;
      bottom: 100%;
      left: calc(100% - 2rem); }
    .csDynamicPopover.bottomLeft .csDynamicPopover_content::after {
      border-bottom-color: #fff;
      border-width: 6px;
      bottom: calc(100% - 1px);
      left: calc(100% - 2rem); }
  .csDynamicPopover.topRight .csDynamicPopover_content {
    left: 50%;
    top: 0;
    transform: translate(-2rem, -100%); }
    .csDynamicPopover.topRight .csDynamicPopover_content::after, .csDynamicPopover.topRight .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      margin-bottom: -7px;
      margin-left: -6px;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.topRight .csDynamicPopover_content::before {
      border-top-color: #e2e2e2;
      border-width: 6px;
      bottom: -6px;
      left: 2rem; }
    .csDynamicPopover.topRight .csDynamicPopover_content::after {
      border-top-color: #fff;
      border-width: 6px;
      bottom: -5px;
      left: 2rem; }
  .csDynamicPopover.bottomRight .csDynamicPopover_content {
    left: 50%;
    top: 100%;
    transform: translate(-2rem, 0); }
    .csDynamicPopover.bottomRight .csDynamicPopover_content::after, .csDynamicPopover.bottomRight .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      margin-left: -6px;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.bottomRight .csDynamicPopover_content::before {
      border-bottom-color: #e2e2e2;
      border-width: 6px;
      bottom: 100%;
      left: 2rem; }
    .csDynamicPopover.bottomRight .csDynamicPopover_content::after {
      border-bottom-color: #fff;
      border-width: 6px;
      bottom: calc(100% - 1px);
      left: 2rem; }
  .csDynamicPopover.left .csDynamicPopover_content {
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%); }
    .csDynamicPopover.left .csDynamicPopover_content::after, .csDynamicPopover.left .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      pointer-events: none;
      position: absolute;
      right: -10px;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.left .csDynamicPopover_content::before {
      border-bottom: 6px solid transparent;
      border-left: 10px solid #e2e2e2;
      border-top: 6px solid transparent;
      margin-right: -3px;
      margin-top: -6px;
      top: 50%; }
    .csDynamicPopover.left .csDynamicPopover_content::after {
      border-bottom: 5px solid transparent;
      border-left: 8px solid #fff;
      border-top: 5px solid transparent;
      margin-right: -1px;
      margin-top: -5px;
      top: 50%; }
  .csDynamicPopover.right .csDynamicPopover_content {
    right: 0;
    top: 50%;
    transform: translate(100%, -50%); }
    .csDynamicPopover.right .csDynamicPopover_content::after, .csDynamicPopover.right .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      left: -.6rem;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.right .csDynamicPopover_content::before {
      border-bottom: .5rem solid transparent;
      border-right: 0.5rem solid #e2e2e2;
      border-top: .5rem solid transparent;
      margin-left: -.3rem;
      margin-top: -.5rem;
      top: 50%; }
    .csDynamicPopover.right .csDynamicPopover_content::after {
      border-bottom: .4rem solid transparent;
      border-right: 0.4rem solid #fff;
      border-top: .4rem solid transparent;
      margin-left: -.1rem;
      margin-top: -.4rem;
      top: 50%; }
  .csDynamicPopover.rightTop .csDynamicPopover_content {
    right: 0;
    top: calc(100% - 0.5rem);
    transform: translate(100%, -100%); }
    .csDynamicPopover.rightTop .csDynamicPopover_content::after, .csDynamicPopover.rightTop .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      left: -.6rem;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.rightTop .csDynamicPopover_content::before {
      border-bottom: .5rem solid transparent;
      border-right: 0.5rem solid #e2e2e2;
      border-top: .5rem solid transparent;
      margin-left: -.3rem;
      margin-top: -.5rem;
      top: calc(100% - 2rem); }
    .csDynamicPopover.rightTop .csDynamicPopover_content::after {
      border-bottom: .4rem solid transparent;
      border-right: 0.4rem solid #fff;
      border-top: .4rem solid transparent;
      margin-left: -.1rem;
      margin-top: -.4rem;
      top: calc(100% - 2rem); }
  .csDynamicPopover.leftTop .csDynamicPopover_content {
    left: 0;
    top: calc(100% - 0.5rem);
    transform: translate(-100%, -100%); }
    .csDynamicPopover.leftTop .csDynamicPopover_content::after, .csDynamicPopover.leftTop .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      pointer-events: none;
      position: absolute;
      right: -10px;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.leftTop .csDynamicPopover_content::before {
      border-bottom: 6px solid transparent;
      border-left: 10px solid #e2e2e2;
      border-top: 6px solid transparent;
      margin-right: -3px;
      margin-top: -6px;
      top: calc(100% - 2rem); }
    .csDynamicPopover.leftTop .csDynamicPopover_content::after {
      border-bottom: 5px solid transparent;
      border-left: 8px solid #fff;
      border-top: 5px solid transparent;
      margin-right: -1px;
      margin-top: -5px;
      top: calc(100% - 2rem); }
  .csDynamicPopover.rightBottom .csDynamicPopover_content {
    right: 0;
    top: 0.5rem;
    transform: translate(100%, 0%); }
    .csDynamicPopover.rightBottom .csDynamicPopover_content::after, .csDynamicPopover.rightBottom .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      left: -.6rem;
      pointer-events: none;
      position: absolute;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.rightBottom .csDynamicPopover_content::before {
      border-bottom: .5rem solid transparent;
      border-right: 0.5rem solid #e2e2e2;
      border-top: .5rem solid transparent;
      margin-left: -.3rem;
      margin-top: -.5rem;
      top: 2rem; }
    .csDynamicPopover.rightBottom .csDynamicPopover_content::after {
      border-bottom: .4rem solid transparent;
      border-right: 0.4rem solid #fff;
      border-top: .4rem solid transparent;
      margin-left: -.1rem;
      margin-top: -.4rem;
      top: 2rem; }
  .csDynamicPopover.leftBottom .csDynamicPopover_content {
    left: 0;
    top: 0.5rem;
    transform: translate(-100%, 0%); }
    .csDynamicPopover.leftBottom .csDynamicPopover_content::after, .csDynamicPopover.leftBottom .csDynamicPopover_content::before {
      border: solid transparent;
      content: " ";
      height: 0;
      pointer-events: none;
      position: absolute;
      right: -10px;
      width: 0;
      z-index: 20; }
    .csDynamicPopover.leftBottom .csDynamicPopover_content::before {
      border-bottom: 6px solid transparent;
      border-left: 10px solid #e2e2e2;
      border-top: 6px solid transparent;
      margin-right: -3px;
      margin-top: -6px;
      top: 2rem; }
    .csDynamicPopover.leftBottom .csDynamicPopover_content::after {
      border-bottom: 5px solid transparent;
      border-left: 8px solid #fff;
      border-top: 5px solid transparent;
      margin-right: -1px;
      margin-top: -5px;
      top: 2rem; }

.cs-dynamic-dropdown {
  display: block;
  position: absolute;
  z-index: 101000; }
  .cs-dynamic-dropdown.asset-picker-container {
    border: none; }
  .cs-dynamic-dropdown.asset-ref-picker-dynamic-dropdown {
    border: none; }

cs-progress-tracker {
  display: block; }

.csProgressTracker {
  position: relative;
  width: 100%; }
  .csProgressTracker .csProgressTracker__steps {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0; }
    .csProgressTracker .csProgressTracker__steps::after, .csProgressTracker .csProgressTracker__steps::before {
      -webkit-flex: 10 1 auto;
      -moz-flex: 10 1 auto;
      -ms-flex: 10 1 auto;
      flex: 10 1 auto;
      border-bottom: 0.1rem solid #d9d9d9;
      content: " ";
      display: block;
      height: 1.25rem; }
  .csProgressTracker .csProgressTracker__step {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    overflow: hidden;
    text-align: center; }
    .csProgressTracker .csProgressTracker__step > a {
      color: #c7c7c7;
      display: block;
      font-weight: 300;
      padding-bottom: 1.5rem;
      width: 100%; }
    .csProgressTracker .csProgressTracker__step .csProgressTracker__indicator {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      color: inherit; }
      .csProgressTracker .csProgressTracker__step .csProgressTracker__indicator::after, .csProgressTracker .csProgressTracker__step .csProgressTracker__indicator::before {
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        border-bottom: 0.1rem solid #d9d9d9;
        content: " ";
        display: block;
        height: 1.25rem; }
      .csProgressTracker .csProgressTracker__step .csProgressTracker__indicator .csProgressTracker__icon {
        -webkit-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        color: inherit;
        height: 2.5rem;
        line-height: 2.5rem;
        padding: 0 0.5rem; }
        .csProgressTracker .csProgressTracker__step .csProgressTracker__indicator .csProgressTracker__icon::before {
          content: "\e913";
          font-family: "cs-icons", sans-serif;
          vertical-align: middle; }
    .csProgressTracker .csProgressTracker__step .csProgressTracker__label {
      display: block;
      font-size: 1.4rem;
      line-height: 2rem;
      padding: 0 1rem;
      text-align: center;
      word-break: break-word; }
    .csProgressTracker .csProgressTracker__step.cs-is-active > a {
      color: #404448;
      font-weight: 400; }
    .csProgressTracker .csProgressTracker__step.cs-is-completed .csProgressTracker__indicator .csProgressTracker__icon::before {
      content: "\e93e"; }

.csDialog.csNoticeDialog {
  max-height: 25rem;
  width: 40%; }

.csOCArticleWizardImport__dropareas-wrapper {
  margin: 2rem 0; }
  .csOCArticleWizardImport__dropareas-wrapper .dropTarget {
    padding: 2rem; }

.csOCArticleWizardImport__dialogRow:first-child {
  margin-bottom: 2rem; }

.article-wizard-seo-row .language-select {
  margin-right: 1rem;
  width: 20rem; }

.article-wizard-seo-row .cs-icon {
  line-height: 3rem; }

.csOCArticleWizardImport__image-wrapper {
  margin: 0 0 0 18%; }

.csOCCopyrightEntry {
  padding: 10px 0 10px 20px; }

.cs-has-no-header .csOcNavigationItem {
  padding-top: 1rem; }

.csOcNavigationItem .cs-form-01 dd {
  min-width: 24rem; }

.csOcNavigationItem_assetReference .cs-button-link-01 {
  display: none; }

.csOcNavigationItem-form-row-left {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden; }
  .csOcNavigationItem-form-row-left.overflow-visible {
    overflow: visible; }
  .csOcNavigationItem-form-row-left .cs-select.chosen-container .chosen-single > span {
    text-overflow: ellipsis; }

.csOcNavigationItem-form-row-right {
  padding: .85rem 1rem 0;
  width: 25px; }

.cs-tag-pair-input .cs-tag-cat {
  background: #e6e6e6;
  color: #404448;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis; }

.cs-tag-pair-input .cs-tag-val {
  max-width: 54px;
  padding: 0; }
  .cs-tag-pair-input .cs-tag-val .cs-input {
    padding-right: 2rem !important; }
  .cs-tag-pair-input .cs-tag-val input {
    text-align: center; }

.cs-tag-pair-input .cs-icon {
  line-height: 1;
  padding-left: .5rem;
  padding-right: 0;
  vertical-align: baseline; }

/* ### csPageLayoutWidgets ### */
.csPageLayout .csLayout_flex_vbox.cs-has-full-width {
  width: 100%; }

.cs-has-header .csPageLayout .csPageLayout_content {
  padding-top: 0; }

.cs-has-no-header .csPageLayout .csPageLayout_content {
  padding-top: 3rem !important; }

.csPageLayout .csPageLayout_top {
  -webkit-flex: 1 1 25%;
  -moz-flex: 1 1 25%;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  border: 0.1rem solid #f2f2f2; }

.csPageLayout .csPageLayout_bottom {
  -webkit-flex: 1 1 75%;
  -moz-flex: 1 1 75%;
  -ms-flex: 1 1 75%;
  flex: 1 1 75%;
  margin-bottom: 1.5rem; }

.csPageLayout .csPageLayout-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 1rem 1.6rem; }

.csPageLayout .csPageLayout-list {
  -webkit-flex: 1 1 0;
  -moz-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0; }

.csPageLayout .csPageLayout-toggle {
  margin: 0 auto; }

.csPageLayout .csPageLayout-container:hover .add-item {
  display: block; }

.csPageLayout .csPageLayout-container .add-item {
  display: none;
  font-size: 2.4rem;
  padding: 1rem; }

.csPageLayout .cs-page-layout-targeting {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: auto;
  max-height: 6.3rem;
  overflow: hidden;
  padding: 0; }

.csPageLayout .csPageLayout__targetingRule-label {
  -webkit-flex: 0 0 10%;
  -moz-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #b2b2b2;
  display: block;
  line-height: inherit;
  min-width: 10rem;
  text-align: right; }

.csPageLayout .csPageLayout__targetingRule-content {
  -webkit-flex: 0 0 80%;
  -moz-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: calc(100% - 10rem);
  padding-left: 1rem; }

.csPageLayout .csPageLayout__targetingRule {
  display: inline-flex; }

.csPageLayout .csPageLayout-column {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  -webkit-flex: 0 1 33.33%;
  -moz-flex: 0 1 33.33%;
  -ms-flex: 0 1 33.33%;
  flex: 0 1 33.33%;
  border: 0.1rem solid #f2f2f2;
  margin-left: 1rem;
  margin-top: 1rem; }
  .csPageLayout .csPageLayout-column:first-child {
    margin-left: 0; }

.csPageLayout .csPageLayout-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 100%;
  width: 100%; }

.csPageLayout .csPageLayout-item {
  white-space: nowrap; }
  .csPageLayout .csPageLayout-item.left {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden; }
  .csPageLayout .csPageLayout-item span.text-overflow {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }

.csPageLayout .over-item-above {
  border-top: 0.1rem solid #66b6dc; }

.csPageLayout .over-item-below {
  border-bottom: 0.1rem solid #66b6dc; }

.cs-has-widget-col-size-1 .csPageLayout .csPageLayout_bottom,
.cs-has-widget-col-size-2 .csPageLayout .csPageLayout_bottom {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.cs-has-widget-col-size-1 .csPageLayout .csPageLayout-column,
.cs-has-widget-col-size-2 .csPageLayout .csPageLayout-column {
  -webkit-flex: 1 1 33.33%;
  -moz-flex: 1 1 33.33%;
  -ms-flex: 1 1 33.33%;
  flex: 1 1 33.33%;
  margin-left: 0; }

.cs-has-widget-col-size-1 .csPageLayout .csPageLayout-column-main,
.cs-has-widget-col-size-2 .csPageLayout .csPageLayout-column-main {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  order: 1; }

.cs-has-widget-col-size-1 .csPageLayout .csPageLayout-column-left,
.cs-has-widget-col-size-2 .csPageLayout .csPageLayout-column-left {
  -webkit-order: 3;
  -moz-order: 3;
  -ms-order: 3;
  order: 3; }

.cs-has-widget-col-size-1 .csPageLayout .csPageLayout-column-right,
.cs-has-widget-col-size-2 .csPageLayout .csPageLayout-column-right {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  order: 2; }

.cs-toolbar-item-with-select .cs-select-in-toolbar-item {
  float: right; }

.cs-toolbar-item-with-select .w15 {
  width: 15rem; }

.cs-toolbar-item-with-select .w20 {
  width: 20rem; }

.csOCSlideshowWizardImport__image-wrapper {
  margin: 0 0 0 8%; }

.csOCTranslationEditorEntry .csContentEditorRenderer__controlsColumns {
  margin: 0; }

.csOCTranslationEditorEntry.csContentEditorElementRootDiv .csContentEditorRenderer__controlsColumnx2 .csContentEditorRenderer__controlsColumn__ctrlGroup {
  padding: .2rem 0 0; }

.csOCTranslationEditorEntry .csContentEditorRenderer__controlsColumn__ctrlGroup__label {
  width: 10%; }
  .csOCTranslationEditorEntry .csContentEditorRenderer__controlsColumn__ctrlGroup__label label {
    font-size: 1.2rem; }

.csOCTranslationEditorEntry .csContentEditorRenderer__controlsColumn__ctrlGroup__control {
  width: 90%; }

.csOCTranslationEditorEntry.focused {
  background-color: #69bee6; }
  .csOCTranslationEditorEntry.focused .csContentEditorRenderer__controlsColumn__ctrlGroup__label label {
    color: #fff; }

.csOcWidget-form-row-left {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }
  .csOcWidget-form-row-left .cs-select.chosen-container .chosen-single > span {
    text-overflow: ellipsis; }

.csOcWidget-form-row-right {
  padding: .85rem 1rem 0;
  width: 25px; }

.csOcWidgetAdmin {
  /*
    * Responsive behaviour of facetted Configuration Features
    */
  /*
    * Default Overwrites
    */
  /*
    * Drag & Drop
    */ }
  .cs-has-header .csOcWidgetAdmin .csOcWidgetAdmin_content {
    padding-top: 0; }
  .cs-has-no-header .csOcWidgetAdmin .csOcWidgetAdmin_content {
    padding-top: 3rem !important; }
    .cs-has-no-header .csOcWidgetAdmin .csOcWidgetAdmin_content .cs-m-t:first-child {
      margin-top: 0 !important; }
  .csOcWidgetAdmin .csOcWidget_assetReference .cs-button-link-01 {
    display: none; }
  .csOcWidgetAdmin .csOcWidgetFeatureSelect {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 1rem; }
  .csOcWidgetAdmin .csOcWidgetFeatureCheckbox {
    font-size: 1.4rem; }
  .csOcWidgetAdmin .csOcWidgetFeatureCombinator {
    flex: 0 1 17rem; }
    .csOcWidgetAdmin .csOcWidgetFeatureCombinator .csOcWidgetFeatureCombinator_wrapper {
      width: 100%; }
    .csOcWidgetAdmin .csOcWidgetFeatureCombinator .cs-label {
      display: inline-block;
      line-height: 2.8rem; }
    .csOcWidgetAdmin .csOcWidgetFeatureCombinator .cs-select {
      margin-right: 1rem;
      max-width: 7rem; }
  .cs-has-widget-col-size-1 .csOcWidgetAdmin .cs-form-01 dl dd,
  .cs-has-widget-col-size-1 .csOcWidgetAdmin dl.cs-form-01 dd {
    min-width: 25rem; }
  .csOcWidgetAdmin .over-item-above {
    border-top: 0.1rem solid #66b6dc; }
  .csOcWidgetAdmin .over-item-below {
    border-bottom: 0.1rem solid #66b6dc; }
  .csOcWidgetAdmin .csOcSortedRelation-item {
    overflow: hidden; }
  .csOcWidgetAdmin .csOcSortedRelation-renderer .csVirtualListRenderer {
    padding-left: 0 !important; }
  .csOcWidgetAdmin .csOcSortedRelation-smallView .csOcSortedRelation-renderer {
    height: 12rem; }
  .csOcWidgetAdmin .csOcSortedRelation-largeView .csOcSortedRelation-renderer {
    height: 28rem; }
  .csOcWidgetAdmin .csOcSortedRelation-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    width: 100%; }
  .csOcWidgetAdmin .csOcSortedRelation-toggle {
    margin: 0 auto; }
  .csOcWidgetAdmin .cs-widget-parameter-missing {
    color: #ff4e4f;
    font-size: 1.4rem;
    padding: .65rem 1rem 0 0; }
  .csOcWidgetAdmin .cs-icon-padding-top {
    padding-top: .65rem; }

.cs-owner-widget-scrollable-content {
  padding-bottom: .5rem; }
  .cs-owner-widget-scrollable-content .cs-owners-list {
    margin: 0 1.6rem; }
    .cs-owner-widget-scrollable-content .cs-owners-list .csOwnersWidgetNoAssetItemRenderer .csAssetListItem .csAssetListItem__title,
    .cs-owner-widget-scrollable-content .cs-owners-list .csOwnersWidgetNoAssetItemRenderer .csAssetListItem .csAssetListItem__value,
    .cs-owner-widget-scrollable-content .cs-owners-list .csOwnersWidgetNoAssetItemRenderer .csAssetListItem:hover .csAssetListItem__title,
    .cs-owner-widget-scrollable-content .cs-owners-list .csOwnersWidgetNoAssetItemRenderer .csAssetListItem:hover .csAssetListItem__value {
      margin-left: 0.5rem;
      width: calc(100% - 3.2rem - .5rem) !important; }
    .cs-owner-widget-scrollable-content .cs-owners-list .csOwnersWidgetNoAssetItemRenderer .csAssetListItem .csAssetListItem__preview .cs-icon,
    .cs-owner-widget-scrollable-content .cs-owners-list .csOwnersWidgetNoAssetItemRenderer .csAssetListItem:hover .csAssetListItem__preview .cs-icon {
      color: #fff;
      font-size: 2rem;
      left: .6rem;
      position: absolute;
      top: .8rem; }

.csPageApplicationActions {
  background: #f2f2f2;
  border-top: 0.1rem solid #d9d9d9;
  bottom: 0;
  display: block;
  height: 4.6rem;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 19999; }
  .csPageApplicationActions .buttons {
    position: absolute;
    right: 2rem;
    top: 0.8rem; }
    .csPageApplicationActions .buttons .cs-button,
    .csPageApplicationActions .buttons .csControl__menu > li.button-appearance {
      margin-left: 1rem; }

/* ------------------------------
page header
  ------------------------------- */
.csPageActions {
  margin: 0 2rem;
  position: relative; }
  .csPageActions .csPageActions__header {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .csPageActions .csPageActions__top {
    -webkit-flex: 1 0 100%;
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%; }
    .csPageActions .csPageActions__top .subtitle-divider,
    .csPageActions .csPageActions__top .is-asset-variant-divider {
      color: #b2b2b2;
      font-weight: 300; }
    .csPageActions .csPageActions__top span.subtitle {
      color: #b2b2b2;
      font-size: 77%;
      font-weight: 300;
      line-height: 1.7rem; }
    .csPageActions .csPageActions__top h1 {
      line-height: 3.1rem;
      margin: 1.7rem -.5rem .3rem;
      min-height: 3.1rem;
      padding: 0; }
    .csPageActions .csPageActions__top .csPageActions__top-icon.hover-icon {
      cursor: move;
      float: left;
      margin-right: .4rem;
      padding-bottom: .5rem;
      padding-left: .5rem; }
      .csPageActions .csPageActions__top .csPageActions__top-icon.hover-icon:hover {
        background-color: #d9d9d9; }
    .csPageActions .csPageActions__top .cs-icon {
      color: #1c1c1c;
      font-size: 2.2rem;
      margin-left: .5rem;
      margin-top: .1rem;
      padding-right: .4rem;
      vertical-align: top; }
      .csPageActions .csPageActions__top .cs-icon.is-status-icon {
        display: inline-block;
        font-size: 1.6rem;
        line-height: 1.6rem;
        vertical-align: baseline; }
    .csPageActions .csPageActions__top img {
      float: left;
      height: 2.2rem;
      margin: .5rem .6rem 0 0;
      opacity: 1; }
  .csPageActions .csPageActions__filterbar__left,
  .csPageActions .csPageActions__filterbar__right,
  .csPageActions .csPageActions__filterbar__center {
    min-height: 2.4rem; }
    .csPageActions .csPageActions__filterbar__left > ul.csControl__menu_tabs,
    .csPageActions .csPageActions__filterbar__left > ul.csControl__menu,
    .csPageActions .csPageActions__filterbar__right > ul.csControl__menu_tabs,
    .csPageActions .csPageActions__filterbar__right > ul.csControl__menu,
    .csPageActions .csPageActions__filterbar__center > ul.csControl__menu_tabs,
    .csPageActions .csPageActions__filterbar__center > ul.csControl__menu {
      border-bottom: none;
      padding-bottom: 0; }
      .csPageActions .csPageActions__filterbar__left > ul.csControl__menu_tabs > li,
      .csPageActions .csPageActions__filterbar__left > ul.csControl__menu > li,
      .csPageActions .csPageActions__filterbar__right > ul.csControl__menu_tabs > li,
      .csPageActions .csPageActions__filterbar__right > ul.csControl__menu > li,
      .csPageActions .csPageActions__filterbar__center > ul.csControl__menu_tabs > li,
      .csPageActions .csPageActions__filterbar__center > ul.csControl__menu > li {
        height: 2.4rem;
        padding-bottom: 0; }

.csPageActions_sidePanel {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }

.cs-selected-filters-count {
  margin: 0 0 0 0.5rem; }

body.cs-upper-toggled .csPageActions__top {
  -webkit-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
  height: 3.6rem;
  padding-top: .8rem;
  width: auto; }
  body.cs-upper-toggled .csPageActions__top h1 {
    font-size: 1.6rem;
    margin: 0; }
    body.cs-upper-toggled .csPageActions__top h1 img {
      height: 1.8rem;
      margin: .7rem .6rem 0 0; }
    body.cs-upper-toggled .csPageActions__top h1 .cs-icon {
      font-size: 2rem;
      margin-top: 0; }
    body.cs-upper-toggled .csPageActions__top h1 .subtitle {
      font-size: 95%; }

span.csPageActions__separator {
  background: #d9d9d9;
  display: inline-block;
  height: 3rem;
  line-height: 2.8rem;
  margin: 0 0 0 1rem;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
  width: .1rem; }

/* ------------------------------
filter bar
  ------------------------------- */
.csPageActions__filterbar {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.csPageActions__filterbar__left,
.csPageActions__filterbar__right,
.csPageActions__filterbar__center {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 2rem; }
  .csPageActions__filterbar__left::before, .csPageActions__filterbar__left::after,
  .csPageActions__filterbar__right::before,
  .csPageActions__filterbar__right::after,
  .csPageActions__filterbar__center::before,
  .csPageActions__filterbar__center::after {
    content: " ";
    display: table; }
  .csPageActions__filterbar__left::after,
  .csPageActions__filterbar__right::after,
  .csPageActions__filterbar__center::after {
    clear: both; }
  .csPageActions__filterbar__left > ul.csControl__menu,
  .csPageActions__filterbar__right > ul.csControl__menu,
  .csPageActions__filterbar__center > ul.csControl__menu {
    border-bottom: none; }
    .csPageActions__filterbar__left > ul.csControl__menu::before, .csPageActions__filterbar__left > ul.csControl__menu::after,
    .csPageActions__filterbar__right > ul.csControl__menu::before,
    .csPageActions__filterbar__right > ul.csControl__menu::after,
    .csPageActions__filterbar__center > ul.csControl__menu::before,
    .csPageActions__filterbar__center > ul.csControl__menu::after {
      content: " ";
      display: table; }
    .csPageActions__filterbar__left > ul.csControl__menu::after,
    .csPageActions__filterbar__right > ul.csControl__menu::after,
    .csPageActions__filterbar__center > ul.csControl__menu::after {
      clear: both; }
    .csPageActions__filterbar__left > ul.csControl__menu > li,
    .csPageActions__filterbar__right > ul.csControl__menu > li,
    .csPageActions__filterbar__center > ul.csControl__menu > li {
      height: 2.4rem;
      padding-bottom: 0; }
      .csPageActions__filterbar__left > ul.csControl__menu > li span,
      .csPageActions__filterbar__right > ul.csControl__menu > li span,
      .csPageActions__filterbar__center > ul.csControl__menu > li span {
        display: inline-block; }
      .csPageActions__filterbar__left > ul.csControl__menu > li.cs-selected-search-count,
      .csPageActions__filterbar__right > ul.csControl__menu > li.cs-selected-search-count,
      .csPageActions__filterbar__center > ul.csControl__menu > li.cs-selected-search-count {
        background-color: #1c1c1c;
        color: #fff;
        font-weight: 400;
        padding: 0 .8rem; }
        .csPageActions__filterbar__left > ul.csControl__menu > li.cs-selected-search-count cs-actions-icon,
        .csPageActions__filterbar__right > ul.csControl__menu > li.cs-selected-search-count cs-actions-icon,
        .csPageActions__filterbar__center > ul.csControl__menu > li.cs-selected-search-count cs-actions-icon {
          float: right; }
        .csPageActions__filterbar__left > ul.csControl__menu > li.cs-selected-search-count span,
        .csPageActions__filterbar__right > ul.csControl__menu > li.cs-selected-search-count span,
        .csPageActions__filterbar__center > ul.csControl__menu > li.cs-selected-search-count span {
          color: #fff; }
        .csPageActions__filterbar__left > ul.csControl__menu > li.cs-selected-search-count:hover,
        .csPageActions__filterbar__right > ul.csControl__menu > li.cs-selected-search-count:hover,
        .csPageActions__filterbar__center > ul.csControl__menu > li.cs-selected-search-count:hover {
          color: #fff; }

.csPageActions__filterbar__left {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }
  .csPageActions__filterbar__left li:first-child {
    padding-left: 0;
    text-align: left; }

.csPageActions__filterbar__right {
  padding-right: 0; }
  .csPageActions__filterbar__right > ul.csControl__menu > li {
    margin-left: 1rem; }
  .csPageActions__filterbar__right li:last-child a {
    padding-right: 0; }
  .csPageActions__filterbar__right li.drop:hover ul.csControl__dropmenu::after, .csPageActions__filterbar__right li.drop:hover ul.csControl__dropmenu::before {
    border: solid transparent;
    content: " ";
    height: 0;
    margin-left: -6px;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 20; }
  .csPageActions__filterbar__right li.drop:hover ul.csControl__dropmenu::before {
    border-bottom-color: #e2e2e2;
    border-width: 6px;
    bottom: 100%;
    left: 86.5%; }
  .csPageActions__filterbar__right li.drop:hover ul.csControl__dropmenu::after {
    border-bottom-color: #fff;
    border-width: 6px;
    bottom: calc(100% - 1px);
    left: 86.5%; }

.cs-icon_withPopover {
  position: relative;
  z-index: 26000; }

.cs-variant-popover-overlay {
  display: none;
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 100; }

.cs-variant-type-popover .cs-popover-button {
  font-size: 1.6rem; }

.csPage__side-panel-layout.csTwoColumnsComponentWrapper {
  padding: 0;
  width: 100%; }

.csPage__side-panel-layout .csPage__side-panel {
  height: inherit; }

.csPage__side-panel-layout .csPageActions {
  margin: 0 2rem 0 0; }

.cs-panel-opened.cs-icon-filter {
  color: #69bee6; }

.csDialog.csPageDialog {
  height: 85%;
  max-width: 95%;
  min-width: 95%;
  width: 95%; }
  .csDialog.csPageDialog .csDialog__content {
    height: calc(100% - 4.6rem); }
  .csDialog.csPageDialog .clearfix,
  .csDialog.csPageDialog .csDefaultPages {
    height: 100%; }
  .csDialog.csPageDialog .csMain__content-dialog {
    height: 100%; }
    .csDialog.csPageDialog .csMain__content-dialog .csWidgetWrapper,
    .csDialog.csPageDialog .csMain__content-dialog .csTwoColumnsComponentWrapper {
      padding: 2rem 2rem 6.6rem 2rem; }
  .csDialog.csPageDialog .csMain__content-area {
    position: relative; }
  .csDialog.csPageDialog .csDialog__content-inner {
    padding: 0; }
  .csDialog.csPageDialog .csDialog__action {
    display: none; }
  .csDialog.csPageDialog .csPage__application-actions {
    background: #f2f2f2;
    border-top: 0.1rem solid #d9d9d9;
    bottom: 0;
    display: block;
    height: 4.6rem;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 19999; }
  .csDialog.csPageDialog .csPageApplicationActions {
    background: transparent;
    border-top: .1rem solid transparent;
    bottom: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  .csDialog.csPageDialog.editorPageDialog .csPageActions__filterbar__right,
  .csDialog.csPageDialog.editorPageDialog .csPageActions__filterbar__left,
  .csDialog.csPageDialog.editorPageDialog .csWidget__ctrl {
    display: none !important; }
  .csDialog.csPageDialog.editorPageDialog #csMain__content-container {
    height: 100%; }

.csDialog.csPageSettingsDialog {
  height: 35rem;
  width: 60rem; }

search-page-panel {
  background: #d9d9d9;
  box-sizing: border-box;
  display: block;
  height: 100%;
  padding: 0 0 5.3rem;
  position: relative;
  width: 100%; }

.flex-container_vertical {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }
  .flex-container_vertical .max-half-height-row {
    flex: 0 1 auto; }
  .flex-container_vertical .auto-height-row {
    flex: 1;
    overflow: auto;
    width: 100%; }

.pinboard_container {
  /* basic styling moved to the layout.scss file, for a better overview of the main components */ }

.csPinboard {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  background: rgba(105, 190, 230, 0.85);
  height: 0;
  position: relative;
  width: 100%;
  z-index: 3; }
  .csPinboard .csPinboard__pin {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(105, 190, 230, 0.85);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    color: #fff;
    cursor: pointer;
    height: 3rem;
    left: 2rem;
    line-height: 3rem;
    position: absolute;
    text-align: center;
    top: -4rem;
    width: 3rem;
    z-index: 4; }
    .csPinboard .csPinboard__pin:hover, .csPinboard .csPinboard__pin:focus {
      background-color: rgba(102, 182, 220, 0.8); }
    .csPinboard .csPinboard__pin > .cs-icon {
      font-size: 1.6rem; }
  .csPinboard .csPinboard__box {
    bottom: 0;
    height: 100%;
    position: relative;
    width: 100%; }
  .csPinboard .csPinboard__content {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: calc(100% - 4.6rem);
    z-index: 3; }
  .csPinboard .csPinboard__elements {
    height: 100%;
    padding: 0;
    position: relative;
    width: 100%; }
    .csPinboard .csPinboard__elements .censhareScroll__content {
      white-space: nowrap; }
  .csPinboard .csPinboard__item {
    display: inline-block;
    margin: 2rem 2rem 0 0;
    position: relative;
    width: 8.5rem; }
    .csPinboard .csPinboard__item:hover::before {
      opacity: 1; }
    .csPinboard .csPinboard__item:first-child {
      margin-left: 2rem; }
    .csPinboard .csPinboard__item .csPinboard__item__image {
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      -webkit-transition-property: box-shadow;
      -moz-transition-property: box-shadow;
      transition-property: box-shadow;
      background-color: #fff;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      box-shadow: 1px 1px 2px rgba(11, 50, 69, 0.3);
      display: inline-block;
      height: 6.2rem;
      margin: 0 0 .4rem;
      width: 8.5rem; }
    .csPinboard .csPinboard__item:hover .csPinboard__item__image {
      box-shadow: 1px 1px 3px rgba(11, 50, 69, 0.5); }
    .csPinboard .csPinboard__item .csPinboard__item__title {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.2rem;
      font-weight: 600;
      line-height: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #fff;
      display: block;
      line-height: 1.4rem;
      vertical-align: bottom;
      width: 100%; }
    .csPinboard .csPinboard__item .csPinboard__item__type {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.2rem;
      font-weight: 400;
      line-height: 1.2em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: rgba(255, 255, 255, 0.6);
      display: block;
      line-height: 1.4rem;
      vertical-align: baseline;
      width: 100%; }
    .csPinboard .csPinboard__item .csPinboard__item__close {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 50%;
      -webkit-transition: all 150ms ease-in-out;
      -moz-transition: all 150ms ease-in-out;
      transition: all 150ms ease-in-out;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      transition-property: opacity;
      background-color: #fff;
      color: #404448;
      cursor: pointer;
      display: block;
      font-size: 1.4rem;
      height: 1.6rem;
      line-height: 1.6rem;
      opacity: 0;
      position: absolute;
      right: .3rem;
      text-align: center;
      top: .3rem;
      width: 1.6rem;
      z-index: 10; }
    .csPinboard .csPinboard__item:hover .csPinboard__item__close, .csPinboard .csPinboard__item:focus .csPinboard__item__close {
      opacity: 1; }
  .csPinboard .csPinboard__action_panel {
    bottom: 0;
    display: none;
    height: 100%;
    padding: 1rem 1.5rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.6rem; }
    .csPinboard .csPinboard__action_panel .csPinboard__buttons_list {
      display: block;
      height: 100%;
      padding: 0; }
      .csPinboard .csPinboard__action_panel .csPinboard__buttons_list .csPinboard__buttons_list_item {
        background: none;
        border: none;
        color: #fff;
        display: block;
        height: 25%;
        line-height: 1.6rem;
        padding: 0;
        text-align: center; }
        .csPinboard .csPinboard__action_panel .csPinboard__buttons_list .csPinboard__buttons_list_item .cs-icon {
          font-size: 1.6rem; }
        .csPinboard .csPinboard__action_panel .csPinboard__buttons_list .csPinboard__buttons_list_item.cs-is-disabled {
          color: rgba(255, 255, 255, 0.6);
          cursor: not-allowed; }
        .csPinboard .csPinboard__action_panel .csPinboard__buttons_list .csPinboard__buttons_list_item:hover:not(.cs-is-disabled), .csPinboard .csPinboard__action_panel .csPinboard__buttons_list .csPinboard__buttons_list_item:focus:not(.cs-is-disabled) {
          cursor: pointer; }
  .csPinboard .cs-empty-state {
    color: rgba(255, 255, 255, 0.6); }
    .csPinboard .cs-empty-state .cs-state-headline {
      font-size: 1.4rem; }
    .csPinboard .cs-empty-state > .cs-icon {
      font-size: 1.6rem; }
  .csPinboard.cs-is-open, .csPinboard.drop_over_here {
    height: 13rem; }
    .csPinboard.cs-is-open .csPinboard__action_panel, .csPinboard.drop_over_here .csPinboard__action_panel {
      display: block; }
  .csPinboard .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent; }

.csDialog.csPinboardGroupAllDialog {
  margin-bottom: auto;
  margin-top: 7%;
  max-height: 23rem;
  position: static;
  width: 40%; }

cs-playable-asset-preview {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }
  cs-playable-asset-preview cs-media-player {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

.csAudioAssetPreview__audio_empty_space {
  background-color: #404448;
  bottom: 4.8rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .csAudioAssetPreview__audio_empty_space .cs-icon {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    color: #fff;
    font-size: 9.6rem;
    left: 50%;
    position: absolute;
    top: 50%; }

.cs-has-widget-row-size-1 .csAudioAssetPreview__audio_empty_space .cs-icon {
  font-size: 2.4rem; }

.csPrevNextCtrls {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .csPrevNextCtrls a {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    height: 100%;
    opacity: 1;
    padding: 0 0.5rem;
    position: absolute;
    top: 0;
    z-index: 20; }
    .csPrevNextCtrls a .cs-icon {
      font-size: 1.4rem; }
      .csPrevNextCtrls a .cs-icon::before {
        vertical-align: text-bottom; }
    .csPrevNextCtrls a:not(.enabled) {
      cursor: default;
      opacity: .25; }
    .csPrevNextCtrls a:first-child {
      left: 0; }
    .csPrevNextCtrls a:last-child {
      right: 0; }

.csPreviewImage > img {
  height: auto;
  width: 100%; }

cs-product-text-table .csTableControl__cell_content {
  padding: 0;
  width: 100%; }
  cs-product-text-table .csTableControl__cell_content > div,
  cs-product-text-table .csTableControl__cell_content span {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  cs-product-text-table .csTableControl__cell_content i {
    font-size: 1.6rem;
    line-height: 2.4rem; }
  cs-product-text-table .csTableControl__cell_content .cs-icon-drag-handle {
    color: #777;
    margin-right: 0.5rem; }
    cs-product-text-table .csTableControl__cell_content .cs-icon-drag-handle:hover {
      color: #404448; }

cs-product-text-table cs-product-text-table-actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 0 6rem;
  -moz-flex: 0 0 6rem;
  -ms-flex: 0 0 6rem;
  flex: 0 0 6rem; }

cs-product-text-table .csActionGroup {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-right: 0.5rem; }

cs-product-text-table cs-action-icon {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.csWidget_csRelatedAssetWidget .image {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden; }

cs-asset-related-widget-head {
  display: block;
  width: 100%; }

.cs-widget-header-title {
  padding-left: 0 !important; }

.cs-selection-remove {
  color: #fff;
  cursor: pointer; }

.csAssetRelatedAssetGroupItem {
  border-top: 1px solid #f2f2f2; }

.relatedAssetsConfig__listOfTabs {
  width: 25%; }

.asset-picker-container {
  height: 3.5rem; }
  .asset-picker-container .cs-asset-picker {
    margin: 1rem; }

.csWidget .csWidget__ctrl.csNoHover {
  display: block;
  position: relative; }
  .csWidget .csWidget__ctrl.csNoHover cs-action-overflow-group {
    display: inline-block; }

.csWidget cs-asset-related-widget-head,
.csWidget cs-grouped-related-widget-head,
.csWidget cs-stored-search-widget-head,
.csWidget cs-transformation-query-widget-head,
.csWidget cs-multi-asset-related-widget-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 0 0 0 1.5rem;
  width: 100%; }
  .csWidget cs-asset-related-widget-head .csWidget__noHeader,
  .csWidget cs-grouped-related-widget-head .csWidget__noHeader,
  .csWidget cs-stored-search-widget-head .csWidget__noHeader,
  .csWidget cs-transformation-query-widget-head .csWidget__noHeader,
  .csWidget cs-multi-asset-related-widget-head .csWidget__noHeader {
    display: block;
    height: 2.4rem; }
  .csWidget cs-asset-related-widget-head .cs-count-selected,
  .csWidget cs-grouped-related-widget-head .cs-count-selected,
  .csWidget cs-stored-search-widget-head .cs-count-selected,
  .csWidget cs-transformation-query-widget-head .cs-count-selected,
  .csWidget cs-multi-asset-related-widget-head .cs-count-selected {
    background-color: #1c1c1c;
    color: #fff;
    display: inline-flex;
    font-weight: 400;
    padding: 0 1rem; }
    .csWidget cs-asset-related-widget-head .cs-count-selected .counter-text,
    .csWidget cs-grouped-related-widget-head .cs-count-selected .counter-text,
    .csWidget cs-stored-search-widget-head .cs-count-selected .counter-text,
    .csWidget cs-transformation-query-widget-head .cs-count-selected .counter-text,
    .csWidget cs-multi-asset-related-widget-head .cs-count-selected .counter-text {
      margin: 0;
      padding: 0;
      vertical-align: top; }
  .csWidget cs-asset-related-widget-head .csNoHoverTitle,
  .csWidget cs-grouped-related-widget-head .csNoHoverTitle,
  .csWidget cs-stored-search-widget-head .csNoHoverTitle,
  .csWidget cs-transformation-query-widget-head .csNoHoverTitle,
  .csWidget cs-multi-asset-related-widget-head .csNoHoverTitle {
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }

.csWidget_with-asset-picker {
  height: calc(100% - 3.5rem); }
  .csWidget_with-asset-picker .csVirtualListRenderer_Item {
    border-top: none; }

.csWidget_without-asset-picker {
  height: 100%; }

input[type="text"].cs-asset-relation-count {
  width: 6.6rem; }

.cs-icon-alignment {
  vertical-align: middle; }

.csRelationMetadataEditDialog .csRelationPreview {
  margin: 1rem auto 1.5rem;
  width: 70%; }
  .csRelationMetadataEditDialog .csRelationPreview .csRelationConnector {
    text-align: center; }
  .csRelationMetadataEditDialog .csRelationPreview .csRelationBubble {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    /* stylelint-disable-line order/properties-alphabetical-order */
    -ms-flex-align: center;
    background-color: #69bee6;
    border-radius: 50%;
    color: #fff;
    height: 8rem;
    margin: -1.5rem auto 0;
    position: relative;
    width: 8rem; }
    .csRelationMetadataEditDialog .csRelationPreview .csRelationBubble::before, .csRelationMetadataEditDialog .csRelationPreview .csRelationBubble::after {
      border-top: 2px solid #d9d9d9;
      bottom: 0;
      content: "";
      position: absolute;
      right: 8rem;
      top: 3.8rem;
      width: 60%; }
    .csRelationMetadataEditDialog .csRelationPreview .csRelationBubble::after {
      left: 8rem;
      right: 0; }
  .csRelationMetadataEditDialog .csRelationPreview .csAssetListItem {
    cursor: default; }
    .csRelationMetadataEditDialog .csRelationPreview .csAssetListItem.csHover {
      background-color: transparent; }

.csDialog__new_modal .csApproveWorkingCopyDialog .csDialog__new_modal_inner {
  height: 35%;
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  width: 55%; }

.csDialog__new_modal .csApproveWorkingCopyDialog .csDialogForm__cell > div {
  margin-bottom: .5rem; }

cs-reorder-list .addNewItemButton i {
  font-size: 1.6rem; }

cs-reorder-list .csReorderable {
  position: relative; }

cs-reorder-list .csReorderable.inAnimation {
  transition: .3s ease-in-out; }

cs-reorder-list .csReorderListRowInside {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding-bottom: 1rem; }

cs-reorder-list .csReorderListRowItem {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: inline-block; }

cs-reorder-list .csReorderListRowControlIcon {
  color: inherit;
  display: inline-block;
  font-size: 0.71428571em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: inherit;
  speak: none;
  text-transform: none;
  user-select: text;
  vertical-align: baseline;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: inline-block;
  color: #777;
  font-size: 1.6rem;
  padding-top: .5rem; }
  cs-reorder-list .csReorderListRowControlIcon::before {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline; }
  cs-reorder-list .csReorderListRowControlIcon.cs-valign-top {
    vertical-align: top; }

cs-reorder-list .csReorderHandle {
  cursor: pointer; }

cs-reorder-list .csReorderListRowInput {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: inline-block;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0;
  width: inherit; }

.csReplaceAssignedAssetsDialog .cs-grid-dropzone {
  width: 100%; }

.csReplaceAssignedAssetsDialog .cs-grid-list-files {
  height: 100%;
  min-height: 40rem; }

.csReplaceAssignedAssetsDialog .censhareScroll__viewport {
  padding-left: 1.5rem !important;
  padding-right: 2rem !important;
  right: 0 !important; }

.csWidget_csReportWidget .csReportWidget__container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.csWidget_csReportWidget .csReportWidget__toolbar {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
  .csWidget_csReportWidget .csReportWidget__toolbar .cs-select {
    max-width: 30rem; }

.csWidget_csReportWidget .csReportWidget__content {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden; }

.csWidget_csReportWidget cs-report-asset-renderer ul.csAssetListItem {
  border-top: none; }

.csWidget_csReportWidget cs-report-asset-renderer.cs-is-rounded .csAssetListItem__preview {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 50%; }

.cs-resize-visiblity-detector {
  -webkit-animation: cs-resize-visiblity-detection 1ms;
  -moz-animation: cs-resize-visiblity-detection 1ms;
  -ms-animation: cs-resize-visiblity-detection 1ms;
  -o-animation: cs-resize-visiblity-detection 1ms;
  animation: cs-resize-visiblity-detection 1ms; }

.csWidget_csRuleEditorPreviewWidget #cs-rules-editor-preview-content .semibold {
  font-weight: 600;
  line-height: 2.4rem; }

.csWidget_csRuleEditorPreviewWidget #cs-rules-editor-preview-content > div {
  background-color: #f2f2f2;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 1.5rem; }

.csWidget_csRulesEditorWidget .csWidget__content .cs-rules-editor-container {
  height: 100%;
  width: 100%; }

.csWidget_csRulesEditorWidget .csWidget__content .cs-rules-editor-rule {
  background-color: #f2f2f2;
  margin: 0 0 1.6rem;
  padding: 1.6rem; }
  .csWidget_csRulesEditorWidget .csWidget__content .cs-rules-editor-rule .cs-icon-bin {
    float: right; }
  .csWidget_csRulesEditorWidget .csWidget__content .cs-rules-editor-rule .cs-rules-editor-reference .csAssetListItemRendererWidgetmxn_2rows,
  .csWidget_csRulesEditorWidget .csWidget__content .cs-rules-editor-rule .cs-rules-editor-reference .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer,
  .csWidget_csRulesEditorWidget .csWidget__content .cs-rules-editor-rule .cs-rules-editor-reference .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows {
    float: left;
    width: 90%; }
  .csWidget_csRulesEditorWidget .csWidget__content .cs-rules-editor-rule .cs-rules-editor-reference .cs-icon-circle-minus {
    margin-left: 1rem; }

.csWidget_csRulesEditorWidget .csWidget__content .cs-empty-state .chosen-container,
.csWidget_csRulesEditorWidget .csWidget__content .cs-empty-state .ui-select-container {
  margin: 0 auto;
  max-width: 25rem;
  text-align: left; }

.csWidget_csRulesEditorWidget .csWidget__content .optionSelect {
  width: 7em !important; }

.csWidget_csRulesEditorWidget cs-rules-editor-condition {
  color: #777;
  display: block; }
  .csWidget_csRulesEditorWidget cs-rules-editor-condition label {
    display: inline-block;
    vertical-align: super;
    width: 7rem; }
  .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-select {
    margin: 0 0 1rem 1rem;
    min-width: 11rem !important;
    vertical-align: middle;
    width: auto !important; }
    .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-select .chosen-drop {
      width: auto; }
      .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-select .chosen-drop .chosen-results {
        min-width: 11rem; }
        .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-select .chosen-drop .chosen-results li {
          white-space: nowrap; }
    .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-select.chosen-container {
      min-width: 10rem !important; }
      .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-select.chosen-container.cs-select-feature {
        min-width: 25rem !important;
        width: 25rem !important; }
        .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-select.chosen-container.cs-select-feature.first {
          margin-left: 0; }
      .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-select.chosen-container.cs-select-operator {
        min-width: 11rem !important;
        width: 11rem !important; }
  .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-input {
    margin: 0 0 1rem 1rem;
    vertical-align: middle; }
    .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-input.cs-input-value {
      width: 20rem; }
  .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-datepicker {
    margin-left: 1rem;
    width: 12rem; }
    .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-datepicker .cs-input {
      margin-left: 0; }
    .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-datepicker .cs-dropdown-container {
      left: -100%; }
      .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-datepicker .cs-dropdown-container .cs-dropdown-menu {
        padding: .1rem 2rem 1.3rem .5rem; }
        .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-datepicker .cs-dropdown-container .cs-dropdown-menu .cs-datepicker-table th {
          padding: .5rem; }
  .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-checkbox {
    margin-left: 2rem; }
  .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-timepicker {
    margin-left: 0;
    width: 12rem; }
    .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-timepicker .cs-input {
      margin-left: 0; }
  .csWidget_csRulesEditorWidget cs-rules-editor-condition cs-hierarchical-value .cs-select.chosen-container .chosen-single {
    padding-right: 3rem !important; }
  .csWidget_csRulesEditorWidget cs-rules-editor-condition .cs-query-row-feature .search-choice-close {
    display: none !important; }

.csSCS3AnchorRenderer__icon {
  font-size: 100%;
  margin: 0 0 0 0.5rem; }

.csContentEditorRenderer .csSCS3RendererControlSelectContainer {
  min-height: 30rem; }

.csContentEditorRenderer .csSCS3AudioBoxRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCS3AudioBoxRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCS3AudioBoxRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCS3AudioRenderer__image {
  margin: 0; }

.bulletAlignment {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: space-around;
  -ms-justify-content: space-around;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around; }

.csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererBulletIcon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding-left: .5rem; }
  .csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererBulletIcon::before {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    content: "\2022";
    font-size: 150%; }
  .csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererBulletIcon.isActive::before {
    color: #69bee6; }

.csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererNumber {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding-left: .5rem; }
  .csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererNumber h2 {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    color: inherit;
    font-size: 1.4rem;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    white-space: pre-wrap; }
  .csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererNumber.isActive h2 {
    color: #69bee6; }

.csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererNoIcon {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  padding-left: 1.6rem;
  width: 1.6rem; }

.csContentEditorRenderer .csSCS3ImageBoxRenderer__image {
  margin: 0; }

.csSCS3ContentEditorInlineTextRendererLinkAttributeDialog {
  margin: -2rem; }
  .csSCS3ContentEditorInlineTextRendererLinkAttributeDialog .csAssetReference button {
    display: none; }
  .csSCS3ContentEditorInlineTextRendererLinkAttributeDialog .csLinkDialogView {
    margin: 2rem auto;
    width: 80%; }
  .csSCS3ContentEditorInlineTextRendererLinkAttributeDialog .cs-form-01 {
    margin-bottom: 1rem; }

.csContentEditorRenderer .csSCS3GameBoxRenderer__image {
  margin: 0; }

.csContentEditorElementRootDiv .hDivider__line {
  left: 1rem;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 1.4rem; }

.csContentEditorElementRootDiv.isActive .hDivider__line {
  border-color: #69bee6; }

.csContentEditorRenderer .csSCS3ImageBoxRenderer__image {
  margin: 0; }

.csContentEditorRenderer .csSCS3ImageRenderer__image {
  margin: 0; }

.csContentEditorRenderer .csSCS3ImagerangeBoxRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCS3ImagerangeBoxRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }

.csContentEditorRenderer .csSCS3ImagerevealBoxRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCS3ImagerevealBoxRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCS3ImagerevealBoxRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCS3InteractiveelementBoxRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCS3InteractiveelementBoxRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCS3InteractiveelementBoxRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCS3PosterRenderer__image {
  margin: 0; }

.csContentEditorRenderer .csSCS3SlideshowBoxRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCS3SlideshowBoxRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCS3SlideshowBoxRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCS3SlideshowRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCS3SlideshowRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCS3SlideshowRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

table.csSCS3_table {
  margin-left: 0.5rem; }
  table.csSCS3_table tr td {
    border: 1px #808080 solid;
    padding: 0 0 5px;
    width: 1%; }
  table.csSCS3_table tr td:hover,
  table.csSCS3_table tr td.footer:hover,
  table.csSCS3_table tr td.header:hover {
    background-color: #e6e6e6; }
  table.csSCS3_table tr td.header {
    background-color: #b5dff2; }
  table.csSCS3_table tr td.footer {
    background-color: #b5dff2; }
  table.csSCS3_table tr td.selected {
    background-color: #f2f2f2; }
  table.csSCS3_table tr:hover {
    background-color: transparent; }

.csContentEditorRenderer .csSCS3teaserBoxRenderer__image {
  margin: 0; }

.csContentEditorRenderer .csSCS3TurntableBoxRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCS3TurntableBoxRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCS3TurntableBoxRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCS3VideoBoxRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCS3VideoBoxRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }

.csContentEditorRenderer .csSCS3VideoBoxRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCS3VideoBoxRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }

.csSCSAnchorRenderer__icon {
  font-size: 100%;
  margin: 0 0 0 0.5rem; }

.csContentEditorRenderer .csSCSAudioRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCSAudioRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCSAudioRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererBulletIcon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding-left: .5rem; }
  .csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererBulletIcon::before {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    content: "\2022";
    font-size: 150%; }
  .csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererBulletIcon.isActive::before {
    color: #69bee6; }

.csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererNumber {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding-left: .5rem; }
  .csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererNumber h2 {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: space-around;
    -ms-justify-content: space-around;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    color: inherit;
    font-size: 1.4rem;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    white-space: pre-wrap; }
  .csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererNumber.isActive h2 {
    color: #69bee6; }

.csSlice > .csCanvasLeftColumnContainer > .csBulletlistRendererNoIcon {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: -ms-inline-flex;
  display: inline-flex;
  padding-left: 1.6rem;
  width: 1.6rem; }

.csSCSContentEditorInlineTextRendererLinkAttributeDialog {
  margin: -2rem; }
  .csSCSContentEditorInlineTextRendererLinkAttributeDialog .csLinkDialogView {
    margin: 2rem auto;
    width: 80%; }
  .csSCSContentEditorInlineTextRendererLinkAttributeDialog .cs-form-01 {
    margin-bottom: 1rem; }

.csContentEditorElementRootDiv .hDivider__line {
  left: 1rem;
  margin: 0 !important;
  position: absolute;
  right: 0;
  top: 1.4rem; }

.csContentEditorElementRootDiv.isActive .hDivider__line {
  border-color: #69bee6; }

.csContentEditorRenderer .csSCSImageRenderer__image {
  margin: 0; }

.csContentEditorRenderer .csSCSImagerangeRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCSImagerangeRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCSImagerevealRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCSImagerevealRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCSImagerevealRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCSImageRenderer__image {
  margin: 0; }

.csContentEditorRenderer .csSCSInteractiveelementRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCSInteractiveelementRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCSInteractiveelementRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCSPreformattedTextRenderer_rendererControlSelectContainer {
  min-height: 30rem; }

.csContentEditorRenderer .csSCSSlideshowRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCSSlideshowRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCSSlideshowRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCSTurntableRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCSTurntableRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }
  .csContentEditorRenderer .csSCSTurntableRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csContentEditorRenderer .csSCSVideoRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCSVideoRenderer__image:first-child {
    max-width: 30rem;
    width: 100%; }

.csContentEditorRenderer .csSCSImagerangeRenderer__image {
  margin: 0; }
  .csContentEditorRenderer .csSCSImagerangeRenderer__image .csImageAssetPreview__preview {
    background: #9c9c9c;
    padding: 2rem; }

.csSearchView {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: width, box-shadow, padding;
  -moz-transition-property: width, box-shadow, padding;
  transition-property: width, box-shadow, padding;
  float: left;
  height: 100%;
  padding-top: 0;
  position: relative;
  width: 100%; }
  .csSearchView .csSearch__filter {
    -webkit-flex: 0 0 25rem;
    -moz-flex: 0 0 25rem;
    -ms-flex: 0 0 25rem;
    flex: 0 0 25rem;
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2em;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: max-height, height, padding, border;
    -moz-transition-property: max-height, height, padding, border;
    transition-property: max-height, height, padding, border;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #d9d9d9;
    box-shadow: 0 0 0 0 #d9d9d9;
    color: #777;
    height: 100%;
    max-height: 0;
    overflow: hidden;
    padding: 0 2rem; }
    .csSearchView .csSearch__filter.cs-is-open {
      box-shadow: 0 0 0 0.1rem #d9d9d9;
      margin-bottom: 1rem;
      margin-top: 1rem;
      max-height: 25rem;
      padding-bottom: 1rem;
      padding-top: 1.5rem; }
  .csSearchView .csSearch__content {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: default;
    height: 100%; }
    .csSearchView .csSearch__content > .csLayout_absExpand {
      padding: inherit; }
      .csSearchView .csSearch__content > .csLayout_absExpand .csSearchTwoColumnsWrapper {
        height: inherit; }
        .csSearchView .csSearch__content > .csLayout_absExpand .csSearchTwoColumnsWrapper .csSearchTwoColumns {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: -ms-flex;
          display: flex;
          height: 100%;
          width: 100%; }
          .csSearchView .csSearch__content > .csLayout_absExpand .csSearchTwoColumnsWrapper .csSearchTwoColumns .csSearchColumn-1of3 {
            -webkit-flex: 1 1 35%;
            -moz-flex: 1 1 35%;
            -ms-flex: 1 1 35%;
            flex: 1 1 35%;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: -ms-flex;
            display: flex; }
          .csSearchView .csSearch__content > .csLayout_absExpand .csSearchTwoColumnsWrapper .csSearchTwoColumns .csSearchColumn-2of3 {
            -webkit-flex: 1 1 65%;
            -moz-flex: 1 1 65%;
            -ms-flex: 1 1 65%;
            flex: 1 1 65%;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: -ms-flex;
            display: flex; }
  .csSearchView .csBusySpinner__cover {
    opacity: .1;
    z-index: inherit; }
  .csSearchView.csTwoColumnsComponentWrapper {
    padding: 0; }

.csAssetChooserDialog .csSearch__filter.cs-is-open {
  margin-bottom: 1rem;
  margin-top: 0.5rem; }

/*
 * The next 3 selectors are for vertically centering the "No preview available",
 * "No related assets" and "The selected asset has no relations" texts
 * with their respective icons in the asset chooser.
 */
.asset-preview-container .cs-empty-state.csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content),
.asset-preview-container .cs-empty-state .csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content),
.relationsView_noRelation.csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content),
.relationsView_noRelation .csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content),
.csSearchViewContent_columnLayout_column.csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content),
.csSearchViewContent_columnLayout_column .csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content) {
  min-height: auto;
  min-height: initial; }
  .asset-preview-container .cs-empty-state.csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content) .cs-state-icon,
  .asset-preview-container .cs-empty-state .csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content) .cs-state-icon,
  .relationsView_noRelation.csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content) .cs-state-icon,
  .relationsView_noRelation .csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content) .cs-state-icon,
  .csSearchViewContent_columnLayout_column.csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content) .cs-state-icon,
  .csSearchViewContent_columnLayout_column .csLayout_flex_vbox div[ng-transclude]:not(.censhareScroll__content) .cs-state-icon {
    height: 100%; }

/*
 * The next 2 selectors are for vertically centering the "No asset selected" and
 * "Space too small" texts with their respective icons in the asset chooser.
 */
.csImageAssetPreview__preview .cs-empty-state div[ng-transclude]:not(.censhareScroll__content),
.relationsView_warn .cs-empty-state__content div[ng-transclude]:not(.censhareScroll__content) {
  min-height: auto;
  min-height: initial; }
  .csImageAssetPreview__preview .cs-empty-state div[ng-transclude]:not(.censhareScroll__content) .cs-state-icon,
  .relationsView_warn .cs-empty-state__content div[ng-transclude]:not(.censhareScroll__content) .cs-state-icon {
    height: 100%; }

.csMenuRepeat__item .title-detail,
.csSearchPage .csPageActions .csSearch__bold_detail_title .title-detail {
  color: #777;
  font-weight: 600; }

.csSearchPage .previewSize.csMenuRepeat__item {
  margin: 0;
  min-width: 0; }
  .csSearchPage .previewSize.csMenuRepeat__item span[ng-model="previewSize"] {
    margin-right: 1rem;
    min-width: 14rem; }
  .csSearchPage .previewSize.csMenuRepeat__item .cs-slider {
    height: 2.4rem;
    margin-left: 1rem; }

/* default style for breadcrumb of content */
.csSearchViewContent_columnLayout__top {
  margin: 1rem 2rem 0 0; }
  .csSearchViewContent_columnLayout__top a {
    color: #777; }

.csSearchViewContent_columnLayout_column {
  position: relative; }
  .csSearchViewContent_columnLayout_column.csLayout_flex_item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 30rem;
    padding-bottom: 5.3rem;
    padding-right: 1rem;
    width: 25%; }
    @media only screen and (max-width: 1570px) {
      .csSearchViewContent_columnLayout_column.csLayout_flex_item {
        width: 33.333%; } }
    @media only screen and (max-width: 1250px) {
      .csSearchViewContent_columnLayout_column.csLayout_flex_item {
        width: 50%; } }
    @media only screen and (max-width: 870px) {
      .csSearchViewContent_columnLayout_column.csLayout_flex_item {
        width: 100%; } }
    .csSearchViewContent_columnLayout_column.csLayout_flex_item .csVirtualListRenderer_Container {
      width: 100%; }

.csSearchViewContent_columnLayout_msg {
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.2em;
  left: 0;
  padding: 0 1.6rem;
  position: absolute;
  top: 0; }

cs-search-vertical-filter-list {
  background-color: #d9d9d9; }

cs-resizable-search-view,
cs-search-vertical-filter-list {
  height: 100%;
  overflow: hidden; }
  cs-resizable-search-view > div,
  cs-search-vertical-filter-list > div {
    height: inherit; }

.csSearchFilterLists {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
  overflow: auto;
  padding: 2rem 0 0 2rem;
  width: 100%; }
  .csSearchFilterLists .cs-empty-state .cs-icon {
    color: #c7c7c7; }
  .csSearchFilterLists .cs-empty-state .cs-state-headline {
    color: #c7c7c7; }
  .csSearchFilterLists .censhareScroll__content {
    padding: 0; }

.csSearchFilterList {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  margin-right: 4.8rem;
  max-width: 38.2%;
  min-width: 10rem; }

.csSearchFilterValue,
.csSearchFilterHierarchicalValue {
  display: block;
  height: 100%;
  width: 100%; }
  .csSearchFilterValue h6,
  .csSearchFilterHierarchicalValue h6 {
    height: 2rem; }
  .csSearchFilterValue .csSearchFilterValueContainer,
  .csSearchFilterHierarchicalValue .csSearchFilterValueContainer {
    height: calc(100% - 3.2rem); }
  .csSearchFilterValue .csActionGroup,
  .csSearchFilterHierarchicalValue .csActionGroup {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 0.5rem;
    transform: rotateZ(0deg);
    transition: transform .2s linear; }

.csSearchFilterValue_collapsible .csSearchFilterValueHeader,
.csSearchFilterHierarchicalValue_collapsible .csSearchFilterValueHeader {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.csSearchFilterValue_collapsible .csSearchFilterValueTitle,
.csSearchFilterHierarchicalValue_collapsible .csSearchFilterValueTitle {
  height: auto;
  padding: 0; }

.csSearchFilterValue_collapsible .csSearchFilterValueContainer,
.csSearchFilterHierarchicalValue_collapsible .csSearchFilterValueContainer {
  height: 0;
  overflow: hidden;
  transition: height .2s ease-in-out; }

.csSearchFilterValue_collapsible.cs-is-open .csActionGroup,
.csSearchFilterHierarchicalValue_collapsible.cs-is-open .csActionGroup {
  transform: rotateZ(90deg);
  transition: transform .2s linear; }

.csSearchFilterValue_collapsible.cs-is-open .csSearchFilterValueContainer,
.csSearchFilterHierarchicalValue_collapsible.cs-is-open .csSearchFilterValueContainer {
  height: auto; }

.csSearchFilterHierarchicalValue .csSearchFilterValueList {
  margin: 0;
  padding-left: 1.3rem;
  width: auto; }

.csSearchFilterHierarchicalValue .csSearchFilterValueList__root:first-of-type,
.csSearchFilterHierarchicalValue .csSearchFilterValueList__rootChild {
  padding-left: 0; }

.csSearchFilterValueList {
  font-size: 1.4rem;
  font-weight: 100;
  height: calc(100% - 22px);
  line-height: 2.2rem;
  overflow: auto; }

.csSearchFilterItem {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -ms-flex-pack: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }
  .csSearchFilterItem span,
  .csSearchFilterItem cs-tag {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .csSearchFilterItem span.csSearchFilterItem__count,
    .csSearchFilterItem cs-tag.csSearchFilterItem__count {
      -ms-flex-pack: flex-end;
      -ms-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      margin: 0 0 0 1rem; }
    .csSearchFilterItem span.csSearchFilterItem__indent, .csSearchFilterItem span.csSearchFilterItem__text,
    .csSearchFilterItem cs-tag.csSearchFilterItem__indent,
    .csSearchFilterItem cs-tag.csSearchFilterItem__text {
      -webkit-flex: 0 1 auto;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      white-space: nowrap; }
    .csSearchFilterItem span.csSearchFilterItem__indent,
    .csSearchFilterItem cs-tag.csSearchFilterItem__indent {
      flex: 0 0 auto; }
  .csSearchFilterItem:hover, .csSearchFilterItem:focus {
    color: #69bee6; }
  .csSearchFilterItem .cs-tag-04 {
    margin-bottom: .2rem; }

.vertical-list.csSearchFilterLists {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  overflow: initial; }

.vertical-list .csSearchFilterList {
  flex-grow: 0;
  height: auto;
  margin: 0;
  max-width: none;
  padding-right: 2rem; }

.vertical-list .csSearchFilterValueList {
  width: 100%; }

.vertical-list .csSearchFilterValue,
.vertical-list .csSearchFilterHierarchicalValue {
  margin-bottom: 1rem; }

.vertical-list .csSearchFilterValueContainer {
  margin-left: 2rem; }

.vertical-list .csSearchFilterItem .csSearchFilterItem__wrapper {
  overflow: hidden; }

.vertical-list .csSearchFilterItem .cs-filter-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .vertical-list .csSearchFilterItem .cs-filter-title:hover {
    color: #000; }

.vertical-list .csSearchFilterItem span,
.vertical-list .csSearchFilterItem cs-tag {
  color: #777; }

.vertical-list .csSearchFilterItem.cs-is-selected span,
.vertical-list .csSearchFilterItem.cs-is-selected cs-tag {
  color: #404448;
  font-weight: 400; }

.csSearch__chosen-filters {
  border-bottom: 1px solid #e7e7e7;
  max-height: 50%; }
  .csSearch__chosen-filters_selected {
    min-height: 100px; }
  .csSearch__chosen-filters .csSearch__filterbar_header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: baseline;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
    padding: 2rem 2rem 1rem; }
  .csSearch__chosen-filters .csSearch__label_no-filters {
    color: #9c9c9c;
    padding: 2rem; }
  .csSearch__chosen-filters .censhareScroll__content {
    padding: 0 2rem 0 0; }
  .csSearch__chosen-filters .csPageActions__filterbar {
    padding: 0 0 2rem 2rem; }
    .csSearch__chosen-filters .csPageActions__filterbar .csControl__menu_tabs {
      width: 100%; }
    .csSearch__chosen-filters .csPageActions__filterbar .cs-tag-04 .cs-tag-text {
      padding-right: 2rem; }
    .csSearch__chosen-filters .csPageActions__filterbar cs-tag {
      display: inline-block;
      max-width: 100%; }
    .csSearch__chosen-filters .csPageActions__filterbar .show-more-btn,
    .csSearch__chosen-filters .csPageActions__filterbar .show-less-btn {
      color: #66b6dc;
      line-height: 1;
      padding: 1rem 0 0; }
    .csSearch__chosen-filters .csPageActions__filterbar .show-less-btn {
      position: relative;
      top: -4px; }
  .csSearch__chosen-filters .csMenuRepeat__item {
    height: auto;
    padding: 0; }
  .csSearch__chosen-filters .csSearchFilterAction {
    max-height: 116px;
    overflow: hidden; }
    .csSearch__chosen-filters .csSearchFilterAction.is-open {
      max-height: none; }
  .csSearch__chosen-filters .censhareScroll__main {
    max-height: calc(50vh - 116px); }
  .csSearch__chosen-filters .is-less-btn-hidden {
    color: transparent; }

.csSearchRefinement {
  display: inline-block;
  margin: 0 0.5rem 0 auto;
  position: relative; }
  .csControl__menu > li .csSearchRefinement .cs-icon-search, .csSearchRefinement .cs-icon-search {
    color: #9c9c9c;
    cursor: default;
    display: inline-block;
    font-size: 1.4rem;
    left: 0.5rem;
    line-height: 2.4rem;
    position: absolute;
    top: 0; }
  .csSearchRefinement input.cs-input {
    padding-left: 2.5rem;
    width: 16rem; }
    .csSearchRefinement input.cs-input.ng-invalid-minlength {
      border-color: #ff4e4f; }
  .csSearchRefinement:hover input.cs-input {
    border-color: #c7c7c7; }

cs-auto-suggest-input {
  display: block;
  position: relative; }

.disable-pointer-events {
  pointer-events: none; }

.csAutoSuggest {
  background: #fff;
  border: 0.1rem solid rgba(0, 0, 0, 0.2);
  border-top: 0;
  display: none;
  left: -0.1rem;
  padding: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  width: calc(100% + 0.2rem);
  z-index: 9999;
  /* show */
  /* no result message */
  /* type divider */
  /* list item */ }
  .csAutoSuggest .csAutoSuggest__list {
    padding-bottom: 2rem; }
    .csAutoSuggest .csAutoSuggest__list > li {
      padding-top: 2rem; }
      .csAutoSuggest .csAutoSuggest__list > li.hint {
        color: #d9d9d9;
        font-size: 1.4rem;
        padding: 2rem 0; }
  .csAutoSuggest.open {
    display: block; }
    .csAutoSuggest.open + .csAutoSuggest__field {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .csAutoSuggest .hint {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.8rem;
    color: #9c9c9c;
    cursor: default;
    padding: 0;
    text-align: center; }
  .csAutoSuggest h2 {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2.8rem;
    color: #1c1c1c;
    cursor: default;
    display: block;
    padding: 0 2rem; }
    .csAutoSuggest h2 + ul {
      padding: 0; }
  .csAutoSuggest li ul li {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.8rem;
    color: #b2b2b2;
    overflow: hidden;
    padding: 0 2rem;
    word-break: break-all; }
    .csAutoSuggest li ul li.selected, .csAutoSuggest li ul li:hover {
      background-color: #f2f2f2; }
      .csAutoSuggest li ul li.selected em, .csAutoSuggest li ul li:hover em {
        font-style: normal;
        font-weight: 400; }
    .csAutoSuggest li ul li em {
      color: #1c1c1c;
      font-style: normal;
      font-weight: 400; }

.csAutoSuggest__layout {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  /* fake input field */ }
  .csAutoSuggest__layout.cs-input {
    padding-right: 0; }
  .csAutoSuggest__layout .csAutoSuggest__main__area {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .csAutoSuggest__layout .csAutoSuggest__buttons {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%; }
    .csAutoSuggest__layout .csAutoSuggest__buttons .cs-icon {
      color: #9c9c9c;
      font-size: 1.4rem;
      padding: 0 2rem; }
    .csAutoSuggest__layout .csAutoSuggest__buttons .or-and-query {
      border-left: 0.1rem solid #fff;
      color: #f2f2f2;
      font-size: 1.4rem; }
      .csAutoSuggest__layout .csAutoSuggest__buttons .or-and-query > span {
        font-weight: lighter;
        margin: 0 2rem;
        opacity: .5;
        padding: 0; }
        .csAutoSuggest__layout .csAutoSuggest__buttons .or-and-query > span:first-child {
          margin-right: 0; }
        .csAutoSuggest__layout .csAutoSuggest__buttons .or-and-query > span.active {
          color: #fff;
          font-weight: bolder;
          opacity: 1; }
  .csAutoSuggest__layout .csAutoSuggest__field {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -moz-align-content: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    /* stylelint-disable-line order/properties-alphabetical-order */
    -ms-flex-align: center;
    padding: 0;
    position: relative;
    text-align: left;
    z-index: 8; }
    .csAutoSuggest__layout .csAutoSuggest__field .cs-tag-pair {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      margin-right: 1rem;
      margin-top: 0.7rem; }
      .csAutoSuggest__layout .csAutoSuggest__field .cs-tag-pair .cs-tag-advanced-search-info {
        color: #66b6dc;
        font-weight: 400;
        padding: 0 0 0 1rem; }
      .csAutoSuggest__layout .csAutoSuggest__field .cs-tag-pair .cs-tag-advanced-search-info-count {
        color: #66b6dc;
        font-weight: 400;
        padding: 0 1rem 0 .3rem; }
      .csAutoSuggest__layout .csAutoSuggest__field .cs-tag-pair:focus {
        box-shadow: 0 0 0.1rem 0.1rem #c7c7c7;
        outline: 0; }
    .csAutoSuggest__layout .csAutoSuggest__field .csAutoSuggest__input_wrapper {
      margin-right: 0;
      min-width: 7.5rem;
      width: 100%; }
    .csAutoSuggest__layout .csAutoSuggest__field .csAutoSuggest__input {
      border: none;
      height: 3rem;
      line-height: 3rem;
      padding: 0; }
      .csAutoSuggest__layout .csAutoSuggest__field .csAutoSuggest__input.ng-invalid-minlength {
        background: #ffa3a3;
        border-style: solid;
        border-width: .1rem; }

.csSearchColumnViewBreadcrumbContainer {
  background: #f2f2f2;
  height: 3rem;
  line-height: 3rem;
  margin: 0 2rem 1rem 0;
  padding: 0 3rem; }
  .csSearchColumnViewBreadcrumbContainer li.csSearchColumnViewBreadcrumbItem {
    -webkit-transition: min-width 400ms linear;
    -moz-transition: min-width 400ms linear;
    transition: min-width 400ms linear;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #b2b2b2;
    font-size: 1.2rem;
    font-weight: 400;
    min-width: 1px; }
    .csSearchColumnViewBreadcrumbContainer li.csSearchColumnViewBreadcrumbItem:last-child .csColumnSearchPageBreadcrumbItem {
      color: #1c1c1c;
      cursor: default; }
      .csSearchColumnViewBreadcrumbContainer li.csSearchColumnViewBreadcrumbItem:last-child .csColumnSearchPageBreadcrumbItem .breadCrumbLabel:hover {
        color: #1c1c1c; }
    .csSearchColumnViewBreadcrumbContainer li.csSearchColumnViewBreadcrumbItem .csColumnSearchPageBreadcrumbItem {
      width: 100%; }
    .csSearchColumnViewBreadcrumbContainer li.csSearchColumnViewBreadcrumbItem .breadCrumbSeparator {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      color: #b2b2b2;
      padding: 0 1rem;
      position: static; }
      .csSearchColumnViewBreadcrumbContainer li.csSearchColumnViewBreadcrumbItem .breadCrumbSeparator:hover {
        color: #1c1c1c; }
    .csSearchColumnViewBreadcrumbContainer li.csSearchColumnViewBreadcrumbItem .breadCrumbLabel {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .csSearchColumnViewBreadcrumbContainer li.csSearchColumnViewBreadcrumbItem .breadCrumbLabel:hover {
        color: #777; }
    .csSearchColumnViewBreadcrumbContainer li.csSearchColumnViewBreadcrumbItem .txtBoundsCatcher {
      height: auto;
      position: absolute;
      visibility: hidden;
      white-space: nowrap;
      width: auto; }

.csWidget_csSearchFeaturesWidget .csWidget__content .csSearchFeaturesWidget {
  height: 100%;
  overflow: auto; }
  .csWidget_csSearchFeaturesWidget .csWidget__content .csSearchFeaturesWidget li {
    color: #1c1c1c; }

.csWidget_csSearchFeaturesWidget .csWidget__content ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

.csWidget_csSearchFeaturesWidget .csWidget__content ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: .3rem;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.cs_search_metadata_row.cs-is-small .csDialogForm__row {
  min-height: 2.4rem; }

.cs_search_metadata_row.cs-is-small .csDialogForm__cell-label,
.cs_search_metadata_row.cs-is-small .csDialogForm__cell {
  height: 2.4rem;
  line-height: 2.4rem;
  padding: 0; }
  .cs_search_metadata_row.cs-is-small .csDialogForm__cell-label .cs-label,
  .cs_search_metadata_row.cs-is-small .csDialogForm__cell .cs-label {
    line-height: 1.2em; }

.cs_search_metadata_row .csSearchMetadataRow_feature_units {
  -webkit-flex-basis: 10rem;
  -moz-flex-basis: 10rem;
  -ms-flex-basis: 10rem;
  flex-basis: 10rem; }

.cs_search_metadata_row .csDetailedSearchDialog__full_row .csDetailedSearchDialog__actual_cell {
  width: calc(100% - 3rem); }

.cs_search_metadata_row .csDetailedSearchDialog__actual_cell {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap; }
  .cs_search_metadata_row .csDetailedSearchDialog__actual_cell .cs-input {
    vertical-align: top; }
  .cs_search_metadata_row .csDetailedSearchDialog__actual_cell + button {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
    height: 3rem;
    line-height: 3rem;
    margin: 0 0 0 1.5rem;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: top; }
    .cs_search_metadata_row .csDetailedSearchDialog__actual_cell + button:disabled {
      color: #d9d9d9 !important;
      cursor: default; }
    .cs_search_metadata_row .csDetailedSearchDialog__actual_cell + button:hover {
      color: #404448; }

.cs_search_metadata_row .cs-datepicker + .cs-timepicker {
  margin-right: 15rem; }

.cs_search_metadata_row cs-hierarchical-value > span {
  display: block; }

.share-row {
  background-color: #d9d9d9;
  margin: 0 -2rem 2rem;
  padding: 1rem 2rem; }
  .share-row label.cs-checkbox {
    line-height: 2rem;
    min-height: 2rem; }

.cs-dialog-group .dialog-group_label {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex; }
  .cs-dialog-group .dialog-group_label .cs-icon-circle-info {
    margin-left: .5rem; }

.csSearch {
  height: 100%; }
  .csSearch .csSearchView .operations ul {
    max-height: 3.5rem;
    overflow: hidden; }
  .csSearch.show-sidebar .csSearchView {
    width: 75%; }
  .csSearch.show-sidebar .csDetailPanel__wrapper {
    height: inherit; }
  .csSearch:not(.show-sidebar) .csDetailPanel__wrapper {
    border: 0;
    height: inherit;
    opacity: 0;
    width: 0%; }

.csHeaderNav ul.csHeaderNav__menu-center .csMenuRepeat__csMainFrameSearch {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.csHeaderNav ul.csHeaderNav__menu-center .csMenuRepeat__csMainFrameSearchInput {
  max-width: 40rem;
  width: 70%; }

.csWidget_csServerLogWidget .csServerLogWidget__wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }
  .csWidget_csServerLogWidget .csServerLogWidget__wrapper .cs-toolbar {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    .csWidget_csServerLogWidget .csServerLogWidget__wrapper .cs-toolbar .serverSelectWrapper {
      min-width: 15.5rem; }
  .csWidget_csServerLogWidget .csServerLogWidget__wrapper .csServerLogWidget__content {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden; }
    .csWidget_csServerLogWidget .csServerLogWidget__wrapper .csServerLogWidget__content .csServerLogWidget__content-inner {
      margin-top: 0.5rem; }
  .csWidget_csServerLogWidget .csServerLogWidget__wrapper .cs-checkbox {
    line-height: inherit;
    min-height: inherit;
    padding-right: 0; }

.csShareLinkChooseTarget .csWidget__header_title,
.csShareLinkCopyLink .csWidget__header_title {
  font-size: 1.4rem;
  margin: 4rem auto 0 10rem; }

.csShareLinkChooseLinks.csWizard .csDialogTab__content {
  margin-top: 2.4rem;
  padding: 0; }
  .csShareLinkChooseLinks.csWizard .csDialogTab__content .cs-p-t {
    padding: 0 !important; }
    .csShareLinkChooseLinks.csWizard .csDialogTab__content .cs-p-t .csWidget__content {
      padding: 2rem; }

.csShareLinkChooseLinks.csWizard .csWizard__AssetChooser {
  height: 100%;
  position: absolute;
  right: 0;
  top: 40px;
  width: 100%; }
  .csShareLinkChooseLinks.csWizard .csWizard__AssetChooser .csAssetChooserDialogContainer {
    height: 95%; }

.csShareLinkCopyLink .csWizard__locker,
.csShareLinkSendMail .csWizard__locker {
  top: 0 !important; }

.csShareLinkChooseFiles cs-file-download-select .cs-grid-cell-2of3,
.csShareLinkSendMail cs-file-download-select .cs-grid-cell-2of3 {
  min-width: 66.5555%; }

.csShareLinkChooseFiles .content__area,
.csShareLinkSendMail .content__area {
  padding: 1rem; }

.csShareLinkChooseFiles .csDialogGroup_body,
.csShareLinkSendMail .csDialogGroup_body {
  padding: 0; }
  .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg,
  .csShareLinkSendMail .csDialogGroup_body .email__white-bg {
    background-color: #fff;
    box-shadow: 0 0 5px #f2f2f2;
    padding: 1rem 2rem; }
    .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg > li,
    .csShareLinkSendMail .csDialogGroup_body .email__white-bg > li {
      border-bottom: 0.1rem solid #d9d9d9;
      width: 100%; }
    .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg .cs-advanced-input-wrapper .cs-advanced-input-input,
    .csShareLinkSendMail .csDialogGroup_body .email__white-bg .cs-advanced-input-wrapper .cs-advanced-input-input {
      border: 0; }
    .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg .cs-select.chosen-container,
    .csShareLinkSendMail .csDialogGroup_body .email__white-bg .cs-select.chosen-container {
      border: 0;
      padding: 0; }
    .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg input[type="text"],
    .csShareLinkSendMail .csDialogGroup_body .email__white-bg input[type="text"] {
      border: 0;
      padding: 0; }
    .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg .csDialogForm__row.border__none,
    .csShareLinkSendMail .csDialogGroup_body .email__white-bg .csDialogForm__row.border__none {
      border: 0; }
    .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell-label,
    .csShareLinkSendMail .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell-label {
      text-align: left;
      width: 6%; }
    .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell,
    .csShareLinkSendMail .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell {
      width: 93%; }
      .cs-is-small .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell,
      .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell .cs-is-small, .cs-is-small
      .csShareLinkSendMail .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell,
      .csShareLinkSendMail .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell .cs-is-small {
        line-height: 1.4rem; }
    .csShareLinkChooseFiles .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell__mail__area,
    .csShareLinkSendMail .csDialogGroup_body .email__white-bg .csDialogForm__row .csDialogForm__cell__mail__area {
      width: 100%; }

.csShareLinkChooseFiles h6 {
  margin-bottom: 1.6rem; }

.csShareLinkChooseFiles__file-select {
  display: block;
  height: 18rem;
  margin-bottom: 3.2rem; }

.csShareLinkCopyLink__headline {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 3rem;
  margin-top: -10rem;
  text-align: center; }

.csShareLinkChooseLinks .cs-tabs-01::before, .csShareLinkChooseLinks .cs-tabs-01::after {
  content: " ";
  display: table; }

.csShareLinkChooseLinks .cs-tabs-01::after {
  clear: both; }

.cs-share-link-wizard {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center; }
  .cs-share-link-wizard__wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .cs-share-link-wizard__choice {
    margin-bottom: 2rem;
    padding: 4rem 3rem;
    position: relative;
    text-align: center;
    width: 100%; }
  .cs-share-link-wizard__radio {
    bottom: 0;
    left: 0;
    padding-right: 0;
    position: absolute;
    right: 0;
    top: 0; }
    .cs-share-link-wizard__radio .cs-radio .cs-radio-style {
      margin: 1.6rem 0 0; }
  .cs-share-link-wizard__link {
    border: 0;
    display: block; }
  .cs-share-link-wizard__headline {
    color: #1c1c1c;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .8rem;
    padding-bottom: 0; }
  .cs-share-link-wizard__link .cs-share-link-wizard__headline {
    color: #69bee6; }
  .cs-share-link-wizard__link:focus .cs-share-link-wizard__headline,
  .cs-share-link-wizard__link:hover .cs-share-link-wizard__headline {
    text-decoration: underline; }
  .cs-share-link-wizard__description {
    color: #9c9c9c !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important; }
  @media screen and (min-width: 700px) {
    .cs-share-link-wizard__choice {
      width: 50%; }
      .cs-share-link-wizard__choice:not(:last-child) {
        border-right: 1px solid #e6e6e6; } }
  @media screen and (min-width: 1300px) {
    .cs-share-link-wizard__choice {
      width: 32rem; } }

.cs-email-component .select2-choices {
  border: 0; }

.csDialogForm__row--limitedWidth {
  max-width: 50%; }

.csSingleListRenderer {
  display: block;
  height: 100%;
  padding: 1rem 2rem 5.3rem 0; }
  .csAssetChooserDialog .csAssetChooserViewSingleSelect .csSingleListRenderer {
    padding-right: 0; }

.csAssetChooserDialog .csSingleListRenderer {
  padding: 0.5rem 1.5rem 2rem 0; }

.csAssetChooserDialog.csWizard__AssetChooser .csSingleListRenderer {
  padding: 0.5rem 1rem 1rem 0; }

.csWizard .csSocialMediaWizard__container {
  margin: 0 auto;
  max-width: 80rem;
  padding: 5rem 1.5rem 2rem; }
  .csWizard .csSocialMediaWizard__container cs-asset-preview {
    height: auto;
    max-width: 360px;
    min-height: 240px; }

.csWizard .csSocialMediaWizard__configStep__container {
  padding: 2rem 1.5rem; }
  .csWizard .csSocialMediaWizard__configStep__container .cs-form-01 {
    margin: 0 auto;
    max-width: 80rem; }

.csSocialMediaWizardStep4 .csWizard__locker {
  top: 0; }

.csDialog.csSortWidgetsDialog {
  max-height: 48rem;
  width: 60%; }
  .csDialog.csSortWidgetsDialog .csSortWidgetsDialog__wrapper {
    padding: 0 10%; }
  .csDialog.csSortWidgetsDialog .csSortWidgetsDialog__row {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    cursor: default; }
    .csDialog.csSortWidgetsDialog .csSortWidgetsDialog__row .cs-icon.csSortWidgetsDialog__icon {
      color: #9c9c9c;
      cursor: ns-resize;
      line-height: 3.4rem; }
    .csDialog.csSortWidgetsDialog .csSortWidgetsDialog__row .csSortWidgetsDialog__title {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .csDialog.csSortWidgetsDialog .csSortWidgetsDialog__row.above {
      border-top: 1px solid #c7c7c7; }
    .csDialog.csSortWidgetsDialog .csSortWidgetsDialog__row.below + .csSortWidgetsDialog__row {
      border-top: 1px solid #c7c7c7; }
    .csDialog.csSortWidgetsDialog .csSortWidgetsDialog__row.below:last-child {
      border-bottom: 1px solid #c7c7c7; }
    .csDialog.csSortWidgetsDialog .csSortWidgetsDialog__row.active {
      opacity: .5; }

.csWidget_csStatisticsListWidget .csStatisticsItemProgressOuter {
  background-color: #ff4e4f;
  display: inline-block;
  height: .8rem;
  margin-right: 1rem;
  overflow: hidden;
  width: 10rem; }

.csWidget_csStatisticsListWidget .csStatisticsItemProgressInner {
  background-color: #b4e068;
  display: block;
  height: 1em; }

.csTWMEditDialog .editable,
.csTWMEditDialog .non-editable {
  background-color: #fff;
  border: 1px solid #c7c7c7;
  color: #1c1c1c;
  font-weight: 400;
  height: 7em;
  overflow-y: auto;
  padding: .5rem; }

.csTWMEditDialog .non-editable {
  border-color: #d9d9d9;
  color: #777;
  opacity: .75; }

.csTWMEditDialog .context,
.csTWMEditDialog .remove-context {
  display: inline-block; }

.csTWMEditDialog .remove-context {
  float: right; }

.csTWMEditDialog .description-warning-icon::before {
  padding-right: .5rem; }

div[cs-twm-editable] {
  white-space: pre-wrap; }

.csTranslationWithMemory__table span[data-role="tag"],
div[cs-twm-editable] span[data-role="tag"],
div[cs-translation-with-memory-editable] span[data-role="tag"] {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.2rem;
  -webkit-touch-callout: auto;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  background: #69bee6;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
  height: 2.4rem;
  line-height: 1.71428571;
  margin: 0 .05rem;
  max-width: 100%;
  padding: 0 0.5rem;
  position: relative;
  vertical-align: text-top;
  white-space: nowrap;
  font-size: 1.2rem;
  font-weight: 400;
  height: 1.6rem;
  line-height: 1.33333333; }
  .csTranslationWithMemory__table span[data-role="tag"] .cs-icon,
  div[cs-twm-editable] span[data-role="tag"] .cs-icon,
  div[cs-translation-with-memory-editable] span[data-role="tag"] .cs-icon {
    font-size: 1.2rem; }
  .csTranslationWithMemory__table span[data-role="tag"] .cs-tag-marker,
  div[cs-twm-editable] span[data-role="tag"] .cs-tag-marker,
  div[cs-translation-with-memory-editable] span[data-role="tag"] .cs-tag-marker {
    min-width: 1.6rem; }
  .csTranslationWithMemory__table span[data-role="tag"] .cs-tag-text,
  div[cs-twm-editable] span[data-role="tag"] .cs-tag-text,
  div[cs-translation-with-memory-editable] span[data-role="tag"] .cs-tag-text {
    padding: 0 0.5rem; }
  .csTranslationWithMemory__table span[data-role="tag"] .cs-tag-close,
  div[cs-twm-editable] span[data-role="tag"] .cs-tag-close,
  div[cs-translation-with-memory-editable] span[data-role="tag"] .cs-tag-close {
    line-height: 1.6rem; }
  .csTranslationWithMemory__table span[data-role="tag"]::after,
  div[cs-twm-editable] span[data-role="tag"]::after,
  div[cs-translation-with-memory-editable] span[data-role="tag"]::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .csTranslationWithMemory__table span[data-role="tag"][data-placeholder="true"],
  div[cs-twm-editable] span[data-role="tag"][data-placeholder="true"],
  div[cs-translation-with-memory-editable] span[data-role="tag"][data-placeholder="true"] {
    background: #e6e6e6;
    color: #000; }

.csTranslationWithMemory__table span[data-tagtype="opening"],
div[cs-twm-editable] span[data-tagtype="opening"],
div[cs-translation-with-memory-editable] span[data-tagtype="opening"] {
  margin-right: 1.4rem;
  position: relative;
  margin-right: 1rem;
  margin-right: .7rem !important; }
  .csTranslationWithMemory__table span[data-tagtype="opening"]::before,
  div[cs-twm-editable] span[data-tagtype="opening"]::before,
  div[cs-translation-with-memory-editable] span[data-tagtype="opening"]::before {
    border: solid transparent;
    border-bottom: 1.2rem solid transparent;
    border-left: 1.2rem solid #69bee6;
    border-top: 1.2rem solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: -1.4rem;
    top: 0;
    width: 0;
    z-index: 5; }
  .csTranslationWithMemory__table span[data-tagtype="opening"].cs-is-small,
  div[cs-twm-editable] span[data-tagtype="opening"].cs-is-small,
  div[cs-translation-with-memory-editable] span[data-tagtype="opening"].cs-is-small {
    margin-right: 1rem; }
    .csTranslationWithMemory__table span[data-tagtype="opening"].cs-is-small::before,
    div[cs-twm-editable] span[data-tagtype="opening"].cs-is-small::before,
    div[cs-translation-with-memory-editable] span[data-tagtype="opening"].cs-is-small::before {
      border-bottom-width: 0.8rem;
      border-left-width: 0.8rem;
      border-top-width: 0.8rem;
      right: -1rem; }
  .csTranslationWithMemory__table span[data-tagtype="opening"]::before,
  div[cs-twm-editable] span[data-tagtype="opening"]::before,
  div[cs-translation-with-memory-editable] span[data-tagtype="opening"]::before {
    border-bottom-width: 0.8rem;
    border-left-width: 0.8rem;
    border-top-width: 0.8rem;
    right: -1rem; }

.csTranslationWithMemory__table span[data-tagtype="closing"],
div[cs-twm-editable] span[data-tagtype="closing"],
div[cs-translation-with-memory-editable] span[data-tagtype="closing"] {
  margin-left: 1.4rem;
  position: relative;
  margin-left: 1rem;
  margin-left: .7rem !important; }
  .csTranslationWithMemory__table span[data-tagtype="closing"]::before,
  div[cs-twm-editable] span[data-tagtype="closing"]::before,
  div[cs-translation-with-memory-editable] span[data-tagtype="closing"]::before {
    border: solid transparent;
    border-bottom: 1.2rem solid transparent;
    border-right: 1.2rem solid #69bee6;
    border-top: 1.2rem solid transparent;
    content: " ";
    height: 0;
    left: -1.4rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 5; }
  .csTranslationWithMemory__table span[data-tagtype="closing"].cs-is-small,
  div[cs-twm-editable] span[data-tagtype="closing"].cs-is-small,
  div[cs-translation-with-memory-editable] span[data-tagtype="closing"].cs-is-small {
    margin-left: 1rem; }
    .csTranslationWithMemory__table span[data-tagtype="closing"].cs-is-small::before,
    div[cs-twm-editable] span[data-tagtype="closing"].cs-is-small::before,
    div[cs-translation-with-memory-editable] span[data-tagtype="closing"].cs-is-small::before {
      border-bottom-width: 0.8rem;
      border-right-width: 0.8rem;
      border-top-width: 0.8rem;
      left: -1rem; }
  .csTranslationWithMemory__table span[data-tagtype="closing"]::before,
  div[cs-twm-editable] span[data-tagtype="closing"]::before,
  div[cs-translation-with-memory-editable] span[data-tagtype="closing"]::before {
    border-bottom-width: 0.8rem;
    border-right-width: 0.8rem;
    border-top-width: 0.8rem;
    left: -1rem; }

.csTranslationWithMemory__table div[contenteditable="true"],
div[cs-twm-editable] div[contenteditable="true"],
div[cs-translation-with-memory-editable] div[contenteditable="true"] {
  cursor: text; }
  .csTranslationWithMemory__table div[contenteditable="true"] span[data-role="tag"],
  div[cs-twm-editable] div[contenteditable="true"] span[data-role="tag"],
  div[cs-translation-with-memory-editable] div[contenteditable="true"] span[data-role="tag"] {
    cursor: move; }

.table-control-container span[data-role="tag"],
.csTWMEditDialog span[data-role="tag"] {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.2rem;
  background: #69bee6;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
  height: 2.4rem;
  line-height: 1.71428571;
  margin: 0 .05rem;
  max-width: 100%;
  padding: 0 0.5rem;
  position: relative;
  vertical-align: text-top;
  white-space: nowrap;
  font-size: 1.2rem;
  font-weight: 400;
  height: 1.6rem;
  line-height: 1.33333333; }
  .table-control-container span[data-role="tag"] .cs-icon,
  .csTWMEditDialog span[data-role="tag"] .cs-icon {
    font-size: 1.2rem; }
  .table-control-container span[data-role="tag"] .cs-tag-marker,
  .csTWMEditDialog span[data-role="tag"] .cs-tag-marker {
    min-width: 1.6rem; }
  .table-control-container span[data-role="tag"] .cs-tag-text,
  .csTWMEditDialog span[data-role="tag"] .cs-tag-text {
    padding: 0 0.5rem; }
  .table-control-container span[data-role="tag"] .cs-tag-close,
  .csTWMEditDialog span[data-role="tag"] .cs-tag-close {
    line-height: 1.6rem; }
  .table-control-container span[data-role="tag"]::after,
  .csTWMEditDialog span[data-role="tag"]::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.table-control-container span[data-tagtype="opening"],
.csTWMEditDialog span[data-tagtype="opening"] {
  margin-right: 1.4rem;
  position: relative;
  margin-right: 1rem;
  margin-right: .7rem !important; }
  .table-control-container span[data-tagtype="opening"]::before,
  .csTWMEditDialog span[data-tagtype="opening"]::before {
    border: solid transparent;
    border-bottom: 1.2rem solid transparent;
    border-left: 1.2rem solid #69bee6;
    border-top: 1.2rem solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: -1.4rem;
    top: 0;
    width: 0;
    z-index: 5; }
  .table-control-container span[data-tagtype="opening"].cs-is-small,
  .csTWMEditDialog span[data-tagtype="opening"].cs-is-small {
    margin-right: 1rem; }
    .table-control-container span[data-tagtype="opening"].cs-is-small::before,
    .csTWMEditDialog span[data-tagtype="opening"].cs-is-small::before {
      border-bottom-width: 0.8rem;
      border-left-width: 0.8rem;
      border-top-width: 0.8rem;
      right: -1rem; }
  .table-control-container span[data-tagtype="opening"]::before,
  .csTWMEditDialog span[data-tagtype="opening"]::before {
    border-bottom-width: 0.8rem;
    border-left-width: 0.8rem;
    border-top-width: 0.8rem;
    right: -1rem; }

.table-control-container span[data-tagtype="closing"],
.csTWMEditDialog span[data-tagtype="closing"] {
  margin-left: 1.4rem;
  position: relative;
  margin-left: 1rem;
  margin-left: .7rem !important; }
  .table-control-container span[data-tagtype="closing"]::before,
  .csTWMEditDialog span[data-tagtype="closing"]::before {
    border: solid transparent;
    border-bottom: 1.2rem solid transparent;
    border-right: 1.2rem solid #69bee6;
    border-top: 1.2rem solid transparent;
    content: " ";
    height: 0;
    left: -1.4rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 5; }
  .table-control-container span[data-tagtype="closing"].cs-is-small,
  .csTWMEditDialog span[data-tagtype="closing"].cs-is-small {
    margin-left: 1rem; }
    .table-control-container span[data-tagtype="closing"].cs-is-small::before,
    .csTWMEditDialog span[data-tagtype="closing"].cs-is-small::before {
      border-bottom-width: 0.8rem;
      border-right-width: 0.8rem;
      border-top-width: 0.8rem;
      left: -1rem; }
  .table-control-container span[data-tagtype="closing"]::before,
  .csTWMEditDialog span[data-tagtype="closing"]::before {
    border-bottom-width: 0.8rem;
    border-right-width: 0.8rem;
    border-top-width: 0.8rem;
    left: -1rem; }

.table-control-container .twm-segment-content__cell div {
  overflow: hidden;
  text-overflow: ellipsis; }

.table-control-container .twm-segment-content__locale {
  color: #9c9c9c;
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 1.2rem;
  padding-top: 1rem; }
  .table-control-container .twm-segment-content__locale div {
    float: left; }
  .table-control-container .twm-segment-content__locale .separator {
    padding: 0 .5rem; }

.table-control-container .twm-segment-content__locale::after {
  clear: both;
  content: "";
  display: table; }

.table-control-container .twm-segment-content__content {
  font-size: 1.4rem;
  height: 3.4rem;
  line-height: 1.4rem;
  padding: 1rem 0; }

.table-control-container .twm-segment-content__description {
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 1.2rem;
  padding-bottom: 1rem; }

.twm-segments-widget-config .twm-config-direction-name {
  color: #1c1c1c;
  font-size: 1.2rem;
  font-weight: 600; }

cs-twm-segments-description .tooltip {
  bottom: 0;
  color: #b2b2b2;
  position: absolute;
  right: .5rem; }

.csTableWidget__config__relations.display li:first-child {
  margin-top: 1.2rem; }

.csTableWidget__config__relations.display .csDialogForm__row {
  margin-bottom: 0; }

.csRelationInfoDialog {
  max-height: 400px;
  max-width: 520px; }
  .csRelationInfoDialog .table-wrapper {
    background-color: #fff; }

cs-table-widget {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%; }
  cs-table-widget cs-xslt-toolbar {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

cs-table-widget-head {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  width: 100%; }
  cs-table-widget-head .csDropzone {
    height: 0;
    left: 0;
    position: absolute; }
    cs-table-widget-head .csDropzone.cs-is-visible {
      height: 3.4rem; }
  cs-table-widget-head .csWidget__label .cs-tag-01 {
    bottom: -.5rem;
    margin-left: .5rem; }

/*!
 * @copyright censahre AG
 * @author Vaibhav Agarwal.
 */
.kanban-board__main {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%; }
  .kanban-board__main .censhareScroll__content {
    height: 100%;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex; }

.kanban-board__column-list {
  border-right: 1px solid #eaeaea;
  min-width: 250px;
  position: relative;
  width: 100%; }

.kanban-board__column {
  height: 100%; }
  .kanban-board__column .csWidget .csWidget__header {
    background-color: #d9d9d9; }
    .kanban-board__column .csWidget .csWidget__header .csWidget__count {
      background-color: #777; }
    .kanban-board__column .csWidget .csWidget__header .csWidget__ctrl {
      display: none; }
  .kanban-board__column .csWidget:hover {
    /* Show csWidget__ctrl on Hover */ }
    .kanban-board__column .csWidget:hover .csWidget__header .csWidget__ctrl {
      display: block; }
  .kanban-board__column .csWidget .cs-empty-state {
    position: relative; }
  .kanban-board__column .csWidget .asset-picker-container {
    height: 3.5rem; }
    .kanban-board__column .csWidget .asset-picker-container .cs-asset-picker {
      margin: 1rem; }

.csTemplateEditorDialog {
  height: 95%;
  margin: 1.5% 0;
  max-height: none;
  max-width: 150rem;
  position: static;
  width: 95%; }
  .csTemplateEditorDialog .csDialog__csTemplateEditorDialog {
    height: calc(100% + 4rem);
    margin: -2rem; }
  .csTemplateEditorDialog .csTemplateEditorDialog__editTemplate {
    height: 100%; }
    .csTemplateEditorDialog .csTemplateEditorDialog__editTemplate > div {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      min-height: 100%; }
      .csTemplateEditorDialog .csTemplateEditorDialog__editTemplate > div > div {
        -webkit-flex: 1 0 auto;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        position: relative; }
  .csTemplateEditorDialog .csDialog__new_modal_inner {
    max-width: 150rem; }
  .csTemplateEditorDialog .csDialog__content .csDialog__content-inner {
    padding: 0; }
    .csTemplateEditorDialog .csDialog__content .csDialog__content-inner > div[ng-transclude] {
      height: 100%;
      padding-bottom: 1rem; }
      .csTemplateEditorDialog .csDialog__content .csDialog__content-inner > div[ng-transclude] > [cs-dynamic-controller="dialogToLoad"] {
        height: 100%; }
  .csTemplateEditorDialog .csTemplateEditorDialog__preview-container {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    height: inherit;
    overflow: auto;
    padding-bottom: 4rem; }
  .csTemplateEditorDialog .csTemplateEditorDialog__previewArea {
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: auto;
    padding: 1rem 1.5rem;
    position: relative; }
    .csTemplateEditorDialog .csTemplateEditorDialog__previewArea .csTemplateEditorDialog__preview {
      padding: 0 1.5rem; }
  .csTemplateEditorDialog .csTemplateEditorDialogOptionsEdit {
    position: relative; }
    .csTemplateEditorDialog .csTemplateEditorDialogOptionsEdit .cs-expandgroup {
      width: 50%; }
  .csTemplateEditorDialog .addRelations {
    margin: 0 1.5rem 1rem 0; }

#csProjectPlanningResizeColumnsDragHandle {
  cursor: col-resize;
  height: calc(100% - 46px);
  left: 295px;
  position: absolute;
  top: 0;
  width: 10px; }

.csProjectPlanningPrintView #csProjectPlanningResizeColumnsDragHandle {
  display: none; }

.timeLineBar,
.timeLinePlannedBar,
.timeLineExpectedEnd {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.5rem;
  height: 0.9rem;
  position: absolute;
  top: 50%; }
  .timeLineBar div.assetName,
  .timeLinePlannedBar div.assetName,
  .timeLineExpectedEnd div.assetName {
    position: relative;
    top: -1.4rem;
    white-space: nowrap;
    width: 100%; }
  .timeLineBar .completionStatus,
  .timeLinePlannedBar .completionStatus,
  .timeLineExpectedEnd .completionStatus {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    background-color: #fff;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0; }
    .timeLineBar .completionStatus.enabled,
    .timeLinePlannedBar .completionStatus.enabled,
    .timeLineExpectedEnd .completionStatus.enabled {
      display: block; }
    .timeLineBar .completionStatus.none,
    .timeLinePlannedBar .completionStatus.none,
    .timeLineExpectedEnd .completionStatus.none {
      display: block;
      height: 0.9rem;
      width: 100%; }
    .timeLineBar .completionStatus.completionSolid,
    .timeLinePlannedBar .completionStatus.completionSolid,
    .timeLineExpectedEnd .completionStatus.completionSolid {
      height: 0.9rem; }
    .timeLineBar .completionStatus.completionCalculated,
    .timeLinePlannedBar .completionStatus.completionCalculated,
    .timeLineExpectedEnd .completionStatus.completionCalculated {
      height: .5rem;
      right: -.7rem; }
    .timeLineBar .completionStatus.completionMilestone,
    .timeLinePlannedBar .completionStatus.completionMilestone,
    .timeLineExpectedEnd .completionStatus.completionMilestone {
      display: none; }
  .timeLineBar.timeLineCalculated,
  .timeLinePlannedBar.timeLineCalculated,
  .timeLineExpectedEnd.timeLineCalculated {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    overflow: visible;
    padding: 0;
    top: 33%; }
    .timeLineBar.timeLineCalculated .calculated,
    .timeLinePlannedBar.timeLineCalculated .calculated,
    .timeLineExpectedEnd.timeLineCalculated .calculated {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 0;
      height: .5rem;
      left: -0.45rem;
      position: absolute;
      width: calc(100% + 1.1rem); }
    .timeLineBar.timeLineCalculated .fang,
    .timeLinePlannedBar.timeLineCalculated .fang,
    .timeLineExpectedEnd.timeLineCalculated .fang {
      border-left: .5rem solid transparent;
      border-right: .5rem solid transparent;
      border-top: .7rem solid #fff;
      height: 0;
      position: absolute;
      top: .5rem;
      width: 0; }
      .timeLineBar.timeLineCalculated .fang.left,
      .timeLinePlannedBar.timeLineCalculated .fang.left,
      .timeLineExpectedEnd.timeLineCalculated .fang.left {
        left: -0.45rem; }
      .timeLineBar.timeLineCalculated .fang.right,
      .timeLinePlannedBar.timeLineCalculated .fang.right,
      .timeLineExpectedEnd.timeLineCalculated .fang.right {
        right: -.6rem; }
        .timeLineBar.timeLineCalculated .fang.right.overlay,
        .timeLinePlannedBar.timeLineCalculated .fang.right.overlay,
        .timeLineExpectedEnd.timeLineCalculated .fang.right.overlay {
          opacity: .5; }
    .timeLineBar.timeLineCalculated .completionStatus.none,
    .timeLinePlannedBar.timeLineCalculated .completionStatus.none,
    .timeLineExpectedEnd.timeLineCalculated .completionStatus.none {
      display: none; }
  .timeLineBar.taskmilestone,
  .timeLinePlannedBar.taskmilestone,
  .timeLineExpectedEnd.taskmilestone {
    background-color: transparent;
    overflow: visible;
    padding: 0; }
    .timeLineBar.taskmilestone .milestone,
    .timeLinePlannedBar.taskmilestone .milestone,
    .timeLineExpectedEnd.taskmilestone .milestone {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      background-color: #5eabcf;
      height: 1.2rem;
      margin-left: .2rem;
      margin-top: -.5rem;
      position: relative;
      width: 1.2rem; }
      .timeLineBar.taskmilestone .milestone ::before,
      .timeLineBar.taskmilestone .milestone ::after,
      .timeLinePlannedBar.taskmilestone .milestone ::before,
      .timeLinePlannedBar.taskmilestone .milestone ::after,
      .timeLineExpectedEnd.taskmilestone .milestone ::before,
      .timeLineExpectedEnd.taskmilestone .milestone ::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .timeLineBar.taskmilestone .milestone .dragHandles .mainDrag,
      .timeLinePlannedBar.taskmilestone .milestone .dragHandles .mainDrag,
      .timeLineExpectedEnd.taskmilestone .milestone .dragHandles .mainDrag {
        width: 100%; }
    .timeLineBar.taskmilestone .completionStatus.none,
    .timeLinePlannedBar.taskmilestone .completionStatus.none,
    .timeLineExpectedEnd.taskmilestone .completionStatus.none {
      display: none; }
    .timeLineBar.taskmilestone.cs-milestone-planned .milestone,
    .timeLinePlannedBar.taskmilestone.cs-milestone-planned .milestone,
    .timeLineExpectedEnd.taskmilestone.cs-milestone-planned .milestone {
      background-color: #b5dff2; }
    .timeLineBar.taskmilestone.cs-milestone-flexible .milestone,
    .timeLinePlannedBar.taskmilestone.cs-milestone-flexible .milestone,
    .timeLineExpectedEnd.taskmilestone.cs-milestone-flexible .milestone {
      background-color: #fff;
      border: 0.2rem solid #5eabcf; }
    .timeLineBar.taskmilestone.cs-milestone-different-dates,
    .timeLinePlannedBar.taskmilestone.cs-milestone-different-dates,
    .timeLineExpectedEnd.taskmilestone.cs-milestone-different-dates {
      margin-top: 0; }
  .timeLineBar .dragHandles,
  .timeLinePlannedBar .dragHandles,
  .timeLineExpectedEnd .dragHandles {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    .timeLineBar .dragHandles .mainDrag,
    .timeLinePlannedBar .dragHandles .mainDrag,
    .timeLineExpectedEnd .dragHandles .mainDrag {
      cursor: ew-resize;
      height: 100%;
      left: .5rem;
      position: absolute;
      top: 0;
      width: calc(100% - 1rem); }
      .timeLineBar .dragHandles .mainDrag.colResize,
      .timeLinePlannedBar .dragHandles .mainDrag.colResize,
      .timeLineExpectedEnd .dragHandles .mainDrag.colResize {
        cursor: col-resize; }
      .timeLineBar .dragHandles .mainDrag.disableDrag,
      .timeLinePlannedBar .dragHandles .mainDrag.disableDrag,
      .timeLineExpectedEnd .dragHandles .mainDrag.disableDrag {
        cursor: not-allowed; }
    .timeLineBar .dragHandles .side,
    .timeLinePlannedBar .dragHandles .side,
    .timeLineExpectedEnd .dragHandles .side {
      cursor: col-resize;
      height: 100%;
      position: absolute;
      top: 0;
      width: 1rem; }
      .timeLineBar .dragHandles .side.left,
      .timeLinePlannedBar .dragHandles .side.left,
      .timeLineExpectedEnd .dragHandles .side.left {
        left: -.5rem; }
      .timeLineBar .dragHandles .side.right,
      .timeLinePlannedBar .dragHandles .side.right,
      .timeLineExpectedEnd .dragHandles .side.right {
        right: -.5rem; }
  .timeLineBar .dependencyActionButtons,
  .timeLinePlannedBar .dependencyActionButtons,
  .timeLineExpectedEnd .dependencyActionButtons {
    height: 1.4rem;
    position: relative;
    top: -1.6rem; }
    .timeLineBar .dependencyActionButtons:not(.project-buttons),
    .timeLinePlannedBar .dependencyActionButtons:not(.project-buttons),
    .timeLineExpectedEnd .dependencyActionButtons:not(.project-buttons) {
      margin-left: -4.3rem;
      width: calc(100% + 8.2rem); }
    .timeLineBar .dependencyActionButtons.project-buttons,
    .timeLinePlannedBar .dependencyActionButtons.project-buttons,
    .timeLineExpectedEnd .dependencyActionButtons.project-buttons {
      margin-left: -5.3rem;
      top: 0;
      width: calc(100% + 10.2rem); }
      .timeLineBar .dependencyActionButtons.project-buttons .left,
      .timeLinePlannedBar .dependencyActionButtons.project-buttons .left,
      .timeLineExpectedEnd .dependencyActionButtons.project-buttons .left {
        margin-right: 1rem; }
      .timeLineBar .dependencyActionButtons.project-buttons .right,
      .timeLinePlannedBar .dependencyActionButtons.project-buttons .right,
      .timeLineExpectedEnd .dependencyActionButtons.project-buttons .right {
        margin-left: 1rem; }
    .timeLineBar .dependencyActionButtons.milestone-buttons,
    .timeLinePlannedBar .dependencyActionButtons.milestone-buttons,
    .timeLineExpectedEnd .dependencyActionButtons.milestone-buttons {
      top: -1.4rem; }
    .timeLineBar .dependencyActionButtons .cs-icon,
    .timeLinePlannedBar .dependencyActionButtons .cs-icon,
    .timeLineExpectedEnd .dependencyActionButtons .cs-icon {
      font-size: 1.6rem;
      line-height: 1.4rem; }
    .timeLineBar .dependencyActionButtons .left,
    .timeLineBar .dependencyActionButtons .right,
    .timeLinePlannedBar .dependencyActionButtons .left,
    .timeLinePlannedBar .dependencyActionButtons .right,
    .timeLineExpectedEnd .dependencyActionButtons .left,
    .timeLineExpectedEnd .dependencyActionButtons .right {
      width: 3.2rem; }
      .timeLineBar .dependencyActionButtons .left .showAtLeft,
      .timeLineBar .dependencyActionButtons .right .showAtLeft,
      .timeLinePlannedBar .dependencyActionButtons .left .showAtLeft,
      .timeLinePlannedBar .dependencyActionButtons .right .showAtLeft,
      .timeLineExpectedEnd .dependencyActionButtons .left .showAtLeft,
      .timeLineExpectedEnd .dependencyActionButtons .right .showAtLeft {
        float: left; }
      .timeLineBar .dependencyActionButtons .left .showAtRight,
      .timeLineBar .dependencyActionButtons .right .showAtRight,
      .timeLinePlannedBar .dependencyActionButtons .left .showAtRight,
      .timeLinePlannedBar .dependencyActionButtons .right .showAtRight,
      .timeLineExpectedEnd .dependencyActionButtons .left .showAtRight,
      .timeLineExpectedEnd .dependencyActionButtons .right .showAtRight {
        float: right; }
    .timeLineBar .dependencyActionButtons .left,
    .timeLinePlannedBar .dependencyActionButtons .left,
    .timeLineExpectedEnd .dependencyActionButtons .left {
      float: left; }
    .timeLineBar .dependencyActionButtons .right,
    .timeLinePlannedBar .dependencyActionButtons .right,
    .timeLineExpectedEnd .dependencyActionButtons .right {
      float: right; }

.timeLinePlannedBar {
  background-color: #9c9c9c;
  display: none;
  margin-top: 0.45rem;
  opacity: .25; }
  .timeLinePlannedBar.timeLineCalculated {
    background-color: transparent;
    top: 33%; }
    .timeLinePlannedBar.timeLineCalculated .calculated {
      background-color: #9c9c9c;
      height: .5rem; }
    .timeLinePlannedBar.timeLineCalculated .fang {
      border-top: 0.7rem solid #9c9c9c;
      top: .5rem; }
  .timeLinePlannedBar.taskmilestone .milestone {
    background-color: #9c9c9c; }

.timeLinePlannedBar.task {
  background-color: #9c9c9c;
  height: .9rem;
  margin-top: .6rem; }

.timeLineExpectedEnd {
  border: 1px solid #fff;
  border-radius: 2rem;
  box-sizing: content-box;
  cursor: ew-resize;
  display: none;
  font-size: 1.4rem;
  height: 1.6rem;
  margin-left: -.8rem;
  margin-top: -.8rem;
  width: 1.6rem; }
  .timeLineExpectedEnd .cs-icon {
    color: #fff;
    padding-left: .3rem;
    padding-top: .2rem; }

.csProjectPlanningPrintView .timeLinePlannedBar {
  opacity: .5; }

.csProjectPlanningPrintView .timeLineBar .dragHandles {
  display: none; }

.smallGridView .timeLineBar .milestone {
  font-size: 1rem;
  height: 1rem;
  margin-left: .3rem;
  margin-top: -.6rem;
  width: 1rem; }
  .smallGridView .timeLineBar .milestone .cs-icon {
    color: #fff;
    padding-left: .3rem;
    padding-top: 0; }

.smallGridView .timeLineExpectedEnd {
  font-size: 1rem;
  height: 1.3rem;
  margin-left: -.6rem;
  width: 1.3rem; }
  .smallGridView .timeLineExpectedEnd .cs-icon {
    color: #fff;
    padding-left: .3rem;
    padding-top: 0; }

.startDate::before,
.endDate:not(.taskmilestone)::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: .6rem;
  z-index: 1; }

.timeLineBar.startDate::before,
.timeLineBar.endDate::after {
  background-color: #ff4e4f; }

.timeLinePlannedBar.startDate::before,
.timeLinePlannedBar.endDate::after {
  background-color: #9c9c9c; }

.startDate::before {
  border-right: 0.2rem solid #fff; }

.endDate:not(.taskmilestone)::after {
  border-left: 0.2rem solid #fff;
  right: 0; }

.csPlanningLabelsColumn #csPlanningLabelsScrolled {
  width: 100%; }

.csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel {
  width: 100%; }
  .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName {
    border-bottom: 1px solid #dcdcdc;
    position: relative; }
    .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName:hover .behaviours .behavior {
      display: inline-block; }
    .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem,
    .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem {
      border-top: 0; }
    .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName .chevronHolder {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #9c9c9c;
      height: 1.6rem;
      left: 0;
      line-height: 1.6rem;
      position: absolute;
      top: 50%;
      width: 1.6rem; }
      .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName .chevronHolder .cs-icon {
        font-size: 1.6rem; }
    .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName .warningHolder {
      bottom: 0;
      color: #ff4e4f;
      font-size: 1.6rem;
      height: 1.6rem;
      left: 0;
      line-height: 1.6rem;
      position: absolute;
      width: 1.6rem; }
    .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName .csAssetListItemRenderer {
      padding-left: 2rem;
      position: absolute;
      width: 100%; }
      .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName .csAssetListItemRenderer .csAssetListItem.csHover {
        border: none; }
      .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName .csAssetListItemRenderer.csAssetListItemRendererWidget2xn .csAssetListItem {
        padding: .2rem 0 .1rem; }
    .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .nodeName .selectionBackground {
      background-color: #d4d4d4;
      height: 100%;
      opacity: .2;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%; }
  .csPlanningLabelsColumn .csProjectPlanningTreeNodeLabel .children {
    margin-left: 20px;
    width: calc(100% - 20px); }

#csPlanningScrolledContent .projectRow.week31 .timeUnits {
  background-position-x: -31px; }

#csPlanningScrolledContent .projectRow.week20 .timeUnits {
  background-position-x: -20px; }

#csPlanningScrolledContent .timeUnits {
  position: relative; }
  #csPlanningScrolledContent .timeUnits .selectionBackground {
    background-color: #d4d4d4;
    height: 100%;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%; }

.csDialog.csProjectPlanningWarningDialog .csDialog__content {
  background: #e6e6e6; }
  .csDialog.csProjectPlanningWarningDialog .csDialog__content .csDialog__content-inner {
    overflow: hidden;
    padding: 20px 33px 0 20px; }
    .csDialog.csProjectPlanningWarningDialog .csDialog__content .csDialog__content-inner > div[ng-transclude] {
      height: 100%; }
      .csDialog.csProjectPlanningWarningDialog .csDialog__content .csDialog__content-inner > div[ng-transclude] > [cs-dynamic-controller="dialogToLoad"] {
        height: 100%; }

.csProjectPlanningWarningDialogContent .censhareScroll__viewport {
  position: static; }

.csProjectPlanningWarningDialogContent ul li {
  background: #fff;
  border: 0.1rem solid #9c9c9c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border: 2px #fff solid;
  color: #404448;
  display: block;
  float: left;
  font-size: 1.2rem;
  margin-bottom: 10px;
  margin-left: 10px;
  position: relative;
  width: calc(100% - 10px); }
  .csProjectPlanningWarningDialogContent ul li .warning-icon {
    color: #ff4e4f;
    height: 32px;
    position: absolute;
    width: 32px; }
    .csProjectPlanningWarningDialogContent ul li .warning-icon .cs-icon-warning {
      font-size: 20px;
      left: 6px;
      top: 6px; }
  .csProjectPlanningWarningDialogContent ul li .warning-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 1.6rem;
    line-height: 1.2em;
    margin-left: 35px;
    width: 100%; }
  .csProjectPlanningWarningDialogContent ul li .warning-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-left: 35px;
    width: 100%; }

.csWidget_csProjectPlanningWidget .csWidget .csWidget__header .csControl__menu {
  display: inline-block;
  visibility: hidden; }

.csWidget_csProjectPlanningWidget .csWidget:hover .csWidget__header .csControl__menu,
.csWidget_csProjectPlanningWidget .csWidget.csHover .csWidget__header .csControl__menu {
  display: inline-block;
  visibility: visible; }

#projectPlanningToolbar .actions-dropdown-reserved-space {
  position: absolute;
  right: 1rem;
  top: .5rem; }

.csWidget .csWidget__header .csWidget__ctrl.csWidget__ctrl_offsetRight {
  position: absolute;
  right: 2.5rem;
  text-align: left;
  top: 0; }

.csPlanningWidget {
  color: #404448;
  height: 100%;
  margin: 0 1.6rem;
  width: calc(100% - 3.2rem); }
  .csPlanningWidget .csPlanningWidget__header {
    height: 56px; }
    .csPlanningWidget .csPlanningWidget__header .csPlanningMain {
      right: 1.6rem;
      width: calc(100% - 32.2rem); }
  .csPlanningWidget .csPlanningWidget__body {
    height: calc(100% - 60px);
    position: relative; }
    .csPlanningWidget .csPlanningWidget__body .csPlanningMain {
      right: 0;
      width: calc(100% - 29rem); }
  .csPlanningWidget .csPlanningLabelsColumn {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 290px; }
    .csPlanningWidget .csPlanningLabelsColumn .topLeft {
      border-bottom: 1px solid #dcdcdc;
      height: 56px;
      width: 100%; }
      .csPlanningWidget .csPlanningLabelsColumn .topLeft .timezoneLabel {
        display: inline-block;
        position: relative;
        top: 3.5rem; }
        .csPlanningWidget .csPlanningLabelsColumn .topLeft .timezoneLabel :last-child {
          margin-right: .5rem; }
        .csPlanningWidget .csPlanningLabelsColumn .topLeft .timezoneLabel span {
          vertical-align: middle; }
  .csPlanningWidget .csPlanningMain {
    border-right: 1px solid #dcdcdc;
    height: 100%;
    overflow: hidden;
    position: absolute; }
    .csPlanningWidget .csPlanningMain .headerCalendarView {
      clear: both;
      height: 56px; }
  .csPlanningWidget #csPlanningScrolledContent {
    transform: translateZ(0); }
  .csPlanningWidget #csPlanningLabelsScrolled {
    position: absolute;
    transform: translateZ(0); }

#csPlanningHeaderScrollWrapper > .cs-calendar-header {
  display: block !important; }

.csProjectPlanningDependencyArrows {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%; }
  .csProjectPlanningDependencyArrows .arrowLine {
    fill: transparent;
    stroke: #404448; }
  .csProjectPlanningDependencyArrows .arrowHead {
    fill: #404448;
    stroke: #404448; }
  .csProjectPlanningDependencyArrows .withConflicts .arrowLine {
    stroke: #ff4e4f; }
  .csProjectPlanningDependencyArrows .withConflicts .arrowHead {
    fill: #ff4e4f;
    stroke: #ff4e4f; }

.csProjectPlanningPrintView body {
  background: #fff; }

.csProjectPlanningPrintView .csPageActions {
  border: none; }

.csProjectPlanningPrintView .csWidget {
  border: none;
  box-shadow: none; }

.csProjectPlanningPrintView .csPlanningWidget__toolbar ul {
  float: left; }
  .csProjectPlanningPrintView .csPlanningWidget__toolbar ul li {
    display: none; }
    .csProjectPlanningPrintView .csPlanningWidget__toolbar ul li.webView {
      color: #69bee6;
      display: block;
      font-weight: 600; }

.csProjectPlanningPrintView .csPlanningWidget__toolbar div.title {
  display: none; }

.csProjectPlanningPrintView .csPageActions .csPageActions__top h2 {
  margin: 0; }

.csProjectPlanningPrintView .csPageActions .csPageActions__header {
  height: 60px; }

.time-zone-popover .popover-content {
  font-weight: 100 !important; }

.csWidget_csTextEditorWidget .csWidget__content {
  border-top: 1px solid #e6e6e6; }
  .csWidget_csTextEditorWidget .csWidget__content .chosen-container {
    max-width: 25rem;
    text-align: left; }
  .csWidget_csTextEditorWidget .csWidget__content .select2-chosen {
    text-align: left; }
  .csWidget_csTextEditorWidget .csWidget__content .csTextEditorWidget__row {
    margin: 0 auto 1rem;
    min-height: 3rem;
    width: 35rem; }
    .csWidget_csTextEditorWidget .csWidget__content .csTextEditorWidget__row .mimetype-selector {
      text-align: left; }

[contenteditable="true"]:not(:focus):empty::before {
  color: #9c9c9c;
  content: attr(placeholder);
  display: block;
  font-weight: 300;
  line-height: inherit; }

.csTextWithCaptions {
  display: block;
  line-height: 1.8rem;
  min-height: auto;
  overflow: hidden;
  padding: .3rem .5rem 0;
  white-space: pre-wrap; }
  .csTextWithCaptions.cs-is-required {
    border-color: #ffaf31; }
    .csTextWithCaptions.cs-is-required:focus {
      border-color: #fd9b00; }

cs-timepicker.cs-has-fixed-width {
  display: inline-block;
  max-width: 20rem;
  width: 100%; }

cs-timepicker.cs-is-disabled {
  cursor: default;
  opacity: .5; }

cs-timepicker.ng-invalid-required .cs-input {
  border-color: #ffaf31 !important; }

cs-timepicker.ng-invalid-time .cs-input {
  border-color: #ff4e4f !important; }

.cs-timepicker.ng-invalid-required .cs-input {
  border-color: #ffaf31 !important; }

.cs-timepicker.ng-invalid-time .cs-input {
  border-color: #ff4e4f !important; }

.cs-timepicker .cs-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.cs-timepicker.cs-dropdown .cs-dropdown-toggle {
  height: 3rem;
  line-height: 3rem;
  outline: 0;
  padding: 0;
  right: 0;
  top: 0;
  width: 3rem; }
  .cs-timepicker.cs-dropdown .cs-dropdown-toggle:focus {
    outline: 1px solid #44a4de; }
  .cs-timepicker.cs-dropdown .cs-dropdown-toggle::before {
    content: "\e61c"; }

.cs-timepicker.open .cs-dropdown-toggle::before, .cs-timepicker.cs-is-open .cs-dropdown-toggle::before {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.cs-timepicker .cs-timepicker-reset {
  color: #777;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  height: 3rem;
  line-height: 3rem;
  opacity: .3;
  padding: 0 0.5rem;
  position: absolute;
  right: 2.4rem;
  text-align: center;
  top: 0;
  width: 2rem; }
  .cs-timepicker .cs-timepicker-reset:hover, .cs-timepicker .cs-timepicker-reset:focus {
    opacity: 1; }
  .cs-timepicker .cs-timepicker-reset::before {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: inherit;
    content: "\e61a";
    display: inline-block;
    font-family: "cs-icons", sans-serif;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline; }

.cs-timepicker.cs-is-small.cs-dropdown .cs-dropdown-toggle {
  height: 2.4rem;
  line-height: 2.4rem; }

.cs-timepicker.cs-is-small .cs-timepicker-reset {
  height: 2.4rem;
  line-height: 2.4rem;
  padding: 0 0.5rem;
  right: 2.4rem;
  width: 2rem; }

.cs-timepicker-chooser {
  background: #fff;
  overflow: hidden;
  padding: 1rem 1.5rem;
  user-select: none;
  width: 14rem; }
  .cs-timepicker-chooser.show-meridian {
    width: 18rem; }
  .cs-timepicker-chooser .cs-timepicker-input {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 2.7rem;
    background: transparent;
    border: 0;
    color: #404448;
    display: block;
    height: 2.7rem;
    margin: 0;
    padding: 0;
    text-align: center; }
    .cs-is-alt .cs-timepicker-chooser .cs-timepicker-input {
      background: transparent; }
    .cs-timepicker-chooser .cs-timepicker-input:not([disabled]) {
      padding-right: 0; }
    .cs-timepicker-chooser .cs-timepicker-input:disabled {
      color: #404448;
      opacity: 1; }
    .cs-timepicker-chooser .cs-timepicker-input::-webkit-input-placeholder {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 2.5rem;
      font-weight: 400;
      line-height: 2.7rem;
      color: #e6e6e6; }
    .cs-timepicker-chooser .cs-timepicker-input:-ms-input-placeholder {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 2.5rem;
      font-weight: 400;
      line-height: 2.7rem;
      color: #e6e6e6; }
    .cs-timepicker-chooser .cs-timepicker-input::-moz-placeholder {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 2.5rem;
      font-weight: 400;
      line-height: 2.7rem;
      color: #e6e6e6; }
    .cs-timepicker-chooser .cs-timepicker-input::-ms-clear {
      display: none; }
    .cs-timepicker-chooser .cs-timepicker-input.ng-invalid:not(.ng-empty) {
      color: #ff4e4f; }
  .cs-timepicker-chooser .cs-timepicker-button {
    background: transparent;
    border: 0;
    color: #404448;
    display: block;
    font-size: 1.6rem;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0;
    text-align: center;
    width: 100%; }
    .cs-timepicker-chooser .cs-timepicker-button:focus, .cs-timepicker-chooser .cs-timepicker-button:hover {
      background: #f2f2f2; }
    .cs-timepicker-chooser .cs-timepicker-button:active {
      background: #69bee6;
      color: #fff; }
    .cs-timepicker-chooser .cs-timepicker-button .cs-icon {
      font-size: 1.6rem; }
  .cs-timepicker-chooser .cs-timepicker-chooser-hours,
  .cs-timepicker-chooser .cs-timepicker-chooser-minutes,
  .cs-timepicker-chooser .cs-timepicker-chooser-delimiter,
  .cs-timepicker-chooser .cs-timepicker-chooser-meridian {
    float: left;
    text-align: center; }
  .cs-timepicker-chooser .cs-timepicker-chooser-hours {
    width: 3rem; }
  .cs-timepicker-chooser .cs-timepicker-chooser-delimiter {
    color: #b2b2b2;
    font-size: 2rem;
    line-height: 5.7rem;
    width: 1.5rem; }
  .cs-timepicker-chooser .cs-timepicker-chooser-minutes {
    width: 3rem; }
  .cs-timepicker-chooser .cs-timepicker-chooser-meridian {
    margin-left: .9rem;
    padding: 0;
    width: 2.5rem; }
    .cs-timepicker-chooser .cs-timepicker-chooser-meridian .cs-timepicker-meridian-btn {
      font-family: "SourceSansPro", "Arial", sans-serif;
      font-size: 1.2rem;
      font-weight: 400;
      line-height: 2.7rem;
      background: transparent;
      border: 0;
      color: #d9d9d9;
      height: 2.7rem;
      margin: 0;
      padding: 0;
      text-align: center;
      width: 100%; }
      .cs-timepicker-chooser .cs-timepicker-chooser-meridian .cs-timepicker-meridian-btn:focus, .cs-timepicker-chooser .cs-timepicker-chooser-meridian .cs-timepicker-meridian-btn:hover {
        background: #f2f2f2; }
      .cs-timepicker-chooser .cs-timepicker-chooser-meridian .cs-timepicker-meridian-btn:active, .cs-timepicker-chooser .cs-timepicker-chooser-meridian .cs-timepicker-meridian-btn.active {
        color: #69bee6; }
  .cs-timepicker-chooser .cs-timepicker-chooser-setcurrent {
    float: left;
    line-height: 5.7rem;
    margin-left: .9rem;
    padding: 0;
    width: 2.5rem; }
    .cs-timepicker-chooser .cs-timepicker-chooser-setcurrent .cs-timepicker-chooser-setcurrent-btn {
      border: none;
      color: #777;
      cursor: pointer;
      opacity: .3;
      text-align: center;
      vertical-align: middle; }

.cs-timepicker-chooser .cs-timepicker-input {
  padding-right: 0 !important; }
  .cs-timepicker-chooser .cs-timepicker-input.cs-is-invalid-small {
    color: #ff4e4f; }

.csTour__tour-spotlight {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 50%;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  border: 400rem solid rgba(60, 60, 60, 0.7);
  left: 50%;
  margin: -400rem 0 0 -400rem;
  position: absolute;
  top: 50%;
  z-index: 39900; }
  .csTour__tour-spotlight > .csTour__tour-spotlight-inner {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    border: 0.3rem solid #b5dff2;
    height: 10rem;
    width: 10rem; }
  .csTour__tour-spotlight.csTour__has-no-spotlight > .csTour__tour-spotlight-inner {
    border-color: transparent;
    border-width: 0;
    height: 0 !important;
    left: 50% !important;
    top: 50% !important;
    width: 0 !important; }

.csDialog.csTourDialog {
  left: 40%;
  max-height: 30rem;
  max-width: 20%;
  top: calc(50% - 30rem / 2); }
  .csDialog.csTourDialog .csDialog__content-inner {
    padding: 1rem;
    text-align: center; }
  .csDialog.csTourDialog .csTour__slide-navigation {
    bottom: 0;
    display: block;
    left: 0;
    margin: 0 0 .5rem;
    padding-bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%; }
    .csDialog.csTourDialog .csTour__slide-navigation a {
      display: inline-block;
      padding: .3rem;
      text-decoration: none; }
      .csDialog.csTourDialog .csTour__slide-navigation a .cs-inner {
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: 50%;
        background-color: #d9d9d9;
        display: inline-block;
        height: 1rem;
        text-decoration: none;
        width: 1rem; }
      .csDialog.csTourDialog .csTour__slide-navigation a .cs-a11y-label {
        display: none; }
      .csDialog.csTourDialog .csTour__slide-navigation a:hover .cs-inner, .csDialog.csTourDialog .csTour__slide-navigation a:focus .cs-inner {
        background-color: #9c9c9c;
        outline: 0; }
      .csDialog.csTourDialog .csTour__slide-navigation a.cs-is-active .cs-inner {
        background-color: #69bee6; }

@media all and (max-width: 1524px) {
  .csDialog.csTourDialog {
    left: 40%;
    max-width: 30%; } }

@media all and (max-width: 1224px) {
  .csDialog.csTourDialog {
    left: 30%;
    max-width: 40%; } }

@media all and (max-width: 768px) {
  .csDialog.csTourDialog {
    left: 20%;
    max-width: 60%; } }

@media all and (max-width: 500px) {
  .csDialog.csTourDialog {
    left: 5%;
    max-width: 90%; } }

.csWidget_csTourWidget .csWidget__content .csTour__bg {
  background-position: 14rem 4rem;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden; }
  .csWidget_csTourWidget .csWidget__content .csTour__bg .csTourCall__title {
    font-size: 3rem;
    font-weight: 400;
    line-height: 2rem; }
  .csWidget_csTourWidget .csWidget__content .csTour__bg .csTourCall__description {
    line-height: 2rem;
    margin-top: .8rem; }

.csWidget_csTransformationChartWidget .csTransformationChartWidget_counter {
  font-size: 2.6rem;
  font-weight: 300; }

.csDialog.csTranslationWithMemoryVariablesCountNotMatchDialog {
  height: 27rem;
  width: 42%; }
  .csDialog.csTranslationWithMemoryVariablesCountNotMatchDialog .csDialog__head {
    background: #ff4e4f; }

.csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner {
  padding: 0; }
  .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner .csTranslationWithMemory__table tbody tr {
    height: 4.5em; }
  .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner span[data-role="tag"] {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0.2rem;
    background: #69bee6;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 300;
    height: 2.4rem;
    line-height: 1.71428571;
    margin: 0 0.5rem 0.5rem 0;
    margin: 0 .05rem;
    max-width: 100%;
    padding: 0 0.5rem;
    position: relative;
    vertical-align: text-top;
    white-space: nowrap;
    font-size: 1.2rem;
    font-weight: 400;
    height: 1.6rem;
    line-height: 1.33333333; }
    .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner span[data-role="tag"] .cs-icon {
      font-size: 1.2rem; }
    .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner span[data-role="tag"] .cs-tag-marker {
      min-width: 1.6rem; }
    .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner span[data-role="tag"] .cs-tag-text {
      padding: 0 0.5rem; }
    .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner span[data-role="tag"] .cs-tag-close {
      line-height: 1.6rem; }
  .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner table tr button {
    display: none; }
    .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner table tr button.cs-is-active {
      display: block; }
  .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner table tr:hover button {
    display: block; }
  .csTranslationWithMemoryMemory__wrapper .csTranslationWithMemoryMemory__inner table td {
    position: relative; }

.csTranslationWithMemoryMemory__wrapper .csControl__dropdownmenu_holder {
  position: relative; }
  .csTranslationWithMemoryMemory__wrapper .csControl__dropdownmenu_holder::after, .csTranslationWithMemoryMemory__wrapper .csControl__dropdownmenu_holder::before {
    display: none; }

ul.csTwMMemoryDropDown {
  max-width: 10rem;
  width: auto; }

.csTranslationWithMemorySegments {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  height: 100%; }
  .csTranslationWithMemorySegments *[contenteditable] {
    -webkit-user-select: auto !important; }
    .csTranslationWithMemorySegments *[contenteditable]:not(:focus):empty::before {
      content: none; }

.csTranslationWithMemorySegments__toolbar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.csTranslationWithMemorySegments__content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  height: auto;
  overflow: hidden;
  width: 100%; }
  .csTranslationWithMemorySegments__content td {
    position: relative; }

/** IE fix for the busy spinner height issue mentioned in comments of C5-27242 */
.csTranslationWithMemorySegments__cell-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 100%;
  left: -1rem;
  position: relative;
  width: calc(100% + 2rem); }

.csTranslationWithMemoryStats__wrapper .csTranslationWithMemoryStats__graph {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0.5rem;
  background: #d9d9d9;
  height: 0.8rem;
  margin: 0 1.6rem 1.5rem;
  overflow: hidden; }
  .csTranslationWithMemoryStats__wrapper .csTranslationWithMemoryStats__graph div {
    border-right: 1px solid #fff;
    float: left;
    height: 1.1rem; }
    .csTranslationWithMemoryStats__wrapper .csTranslationWithMemoryStats__graph div.confirmed {
      background: #b4e068; }
    .csTranslationWithMemoryStats__wrapper .csTranslationWithMemoryStats__graph div.pretranslated {
      background: #ffaf31; }

.csTranslationWithMemoryStats__wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0 1.6rem; }

.csTranslationWithMemoryStats__wrapper li {
  color: #777;
  line-height: 0.8rem; }
  .csTranslationWithMemoryStats__wrapper li span {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0.5rem;
    background: #d9d9d9;
    display: inline-block;
    height: .8rem;
    margin-right: 0.5rem;
    overflow: hidden;
    vertical-align: baseline;
    width: .8rem; }
  .csTranslationWithMemoryStats__wrapper li strong {
    float: right; }

.csTranslationWithMemoryTerminology .csTranslationWithMemoryTerminology__status {
  vertical-align: middle; }

.csTranslationWithMemoryTerminology .csTranslationWithMemoryTerminology__status {
  text-align: right; }
  .csTranslationWithMemoryTerminology .csTranslationWithMemoryTerminology__status .cs-is-unknown {
    color: #ffaf31; }
  .csTranslationWithMemoryTerminology .csTranslationWithMemoryTerminology__status .cs-is-correct {
    color: #b4e068; }
  .csTranslationWithMemoryTerminology .csTranslationWithMemoryTerminology__status .cs-is-error {
    color: #ff4e4f; }

.csTranslationWithMemoryTerminology table {
  table-layout: fixed; }
  .csTranslationWithMemoryTerminology table thead th.csTranslationWithMemoryTerminology__original, .csTranslationWithMemoryTerminology table thead th.csTranslationWithMemoryTerminology__translation {
    width: 36.5%; }
  .csTranslationWithMemoryTerminology table tbody tr {
    height: 3.4rem; }
    .csTranslationWithMemoryTerminology table tbody tr button {
      display: none; }
      .csTranslationWithMemoryTerminology table tbody tr button.cs-is-active {
        display: block; }
    .csTranslationWithMemoryTerminology table tbody tr td.csTranslationWithMemoryTerminology__original div, .csTranslationWithMemoryTerminology table tbody tr td.csTranslationWithMemoryTerminology__translation div {
      height: 3.4rem;
      line-height: 3.4rem;
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis; }
  .csTranslationWithMemoryTerminology table tbody tr:hover button {
    display: block; }

.csTranslationWithMemoryTerminology .csControl__menu {
  width: 4rem; }
  .csTranslationWithMemoryTerminology .csControl__menu .csControl__dropdownmenu_holder {
    position: relative; }
    .csTranslationWithMemoryTerminology .csControl__menu .csControl__dropdownmenu_holder::after, .csTranslationWithMemoryTerminology .csControl__menu .csControl__dropdownmenu_holder::before {
      display: none; }

ul.csTwMTerminologyDropDown {
  max-width: 10rem;
  width: auto; }

.csTreeItem .csAssetListItemRendererWidgetmxn_1rows,
.csTreeItem .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row {
  width: 100%; }
  .csTreeItem .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csHover,
  .csTreeItem .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.visible,
  .csTreeItem .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.csHover,
  .csTreeItem .csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_1row ul.csAssetListItem.visible {
    background: transparent; }

.csTreeItem.even {
  background: #fff; }

.csTreeItem.odd {
  background: #fff; }

.csTreeItem:hover {
  background: #f2f2f2; }

.csTreeItem .csTreeItem_collapseBtn {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex: 0 0 2rem;
  -moz-flex: 0 0 2rem;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2em;
  -ms-flex-pack: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center; }

.csTreeItem.cs-is-selected ul.csAssetListItem .csAssetListItem__title {
  color: #69bee6; }

.csTreeItem:not(:first-child) {
  border-top: 1px solid #d9d9d9; }

.csTreeItem.below {
  background: #f2f2f2; }

.csWidget_csTwitterWidget cs-twitter-widget {
  display: block;
  height: 100%;
  width: 100%; }
  .csWidget_csTwitterWidget cs-twitter-widget iframe.twitter-timeline {
    height: 100% !important;
    width: 100% !important; }

.csTwoColumnsComponentWrapper {
  height: inherit;
  padding: 1rem 2rem 5.3rem 2rem; }
  .csTwoColumnsComponentWrapper .csTwoColumnsWrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    height: 100%;
    width: 100%; }
    .csTwoColumnsComponentWrapper .csTwoColumnsWrapper .csWidgetWrapper {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex: 1 1 50%;
      -moz-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
      flex: 1 1 50%; }
      .csTwoColumnsComponentWrapper .csTwoColumnsWrapper .csWidgetWrapper.csFirstWidgetWrapper, .csTwoColumnsComponentWrapper .csTwoColumnsWrapper .csWidgetWrapper.csSecondWidgetWrapper {
        padding: 0;
        position: relative;
        white-space: normal; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper .csWidgetWrapper.csFirstWidgetWrapper.panel-closed, .csTwoColumnsComponentWrapper .csTwoColumnsWrapper .csWidgetWrapper.csSecondWidgetWrapper.panel-closed {
          padding-left: 1.3rem; }
    .csTwoColumnsComponentWrapper .csTwoColumnsWrapper .csTwoColumnsSplitter {
      -webkit-flex: 0 0 0;
      -moz-flex: 0 0 0;
      -ms-flex: 0 0 0;
      flex: 0 0 0;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      overflow: visible;
      position: relative;
      text-align: center; }
      .csTwoColumnsComponentWrapper .csTwoColumnsWrapper .csTwoColumnsSplitter .csTwoColumnsSplitter_draghandle {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        z-index: 10; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper .csTwoColumnsSplitter .csTwoColumnsSplitter_draghandle .circle {
          -webkit-background-clip: padding-box;
          -moz-background-clip: padding-box;
          background-clip: padding-box;
          border-radius: 50%;
          -webkit-transform: translate3d(-50%, -50%, 0);
          -moz-transform: translate3d(-50%, -50%, 0);
          -ms-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
          background: #b2b2b2;
          height: .4rem;
          left: 50%;
          margin: 0 auto;
          overflow: hidden;
          padding: 0;
          position: absolute;
          top: 50%;
          width: .4rem; }
    .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.unSelectable {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none; }
    .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__vertical {
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      min-width: 35.4rem; }
      .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__vertical .csWidgetWrapper {
        min-width: 17.7rem; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__vertical .csWidgetWrapper.csFirstWidgetWrapper, .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__vertical .csWidgetWrapper.csSecondWidgetWrapper {
          height: inherit; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__vertical .csWidgetWrapper.csFirstWidgetWrapper {
          margin-right: 0.7rem; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__vertical .csWidgetWrapper.csSecondWidgetWrapper {
          margin-left: 0.7rem; }
      .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__vertical .csTwoColumnsSplitter {
        height: 100%;
        width: 0; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__vertical .csTwoColumnsSplitter .csTwoColumnsSplitter_draghandle {
          cursor: col-resize;
          height: 100%;
          left: -0.7rem;
          top: 0;
          width: 1.4rem; }
    .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__horizontal {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      min-height: 35.4rem; }
      .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__horizontal .csWidgetWrapper {
        min-height: 17.7rem; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__horizontal .csWidgetWrapper.csFirstWidgetWrapper, .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__horizontal .csWidgetWrapper.csSecondWidgetWrapper {
          width: inherit; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__horizontal .csWidgetWrapper.csFirstWidgetWrapper {
          margin-bottom: 0.7rem; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__horizontal .csWidgetWrapper.csSecondWidgetWrapper {
          margin-top: 0.7rem; }
      .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__horizontal .csTwoColumnsSplitter {
        height: 0;
        width: 100%; }
        .csTwoColumnsComponentWrapper .csTwoColumnsWrapper.csTwoColumnsWrapper__horizontal .csTwoColumnsSplitter .csTwoColumnsSplitter_draghandle {
          cursor: row-resize;
          height: 1.4rem;
          left: 0;
          top: -0.7rem;
          width: 100%; }

.cs-dropdown-container {
  z-index: 101000; }

.cs-colorpicker {
  position: relative; }
  .cs-colorpicker:hover, .cs-colorpicker:focus {
    border-color: #c7c7c7; }
  .cs-colorpicker .cs-input {
    padding: 0 0 0 1rem; }
    .cs-colorpicker .cs-input.cs-is-disabled {
      cursor: default;
      pointer-events: none; }
  .cs-colorpicker .button.cs-is-disabled {
    cursor: default;
    pointer-events: none; }
  .cs-colorpicker .cs-colorpicker-selection {
    display: block;
    height: 1rem;
    left: 1rem;
    position: absolute;
    right: 5.5rem;
    top: 1rem;
    width: auto; }
    .cs-colorpicker .cs-colorpicker-selection.cs-no-color {
      background-color: transparent; }
    .cs-colorpicker .cs-colorpicker-selection.has-different-values {
      align-items: center;
      background-color: #e6e6e6;
      display: flex;
      justify-content: center; }
      .cs-colorpicker .cs-colorpicker-selection.has-different-values::after {
        content: "?"; }
  .cs-colorpicker .cs-colorpicker-reset {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    background: transparent;
    border: 0;
    color: #777;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    height: 2.8rem;
    margin: 0;
    opacity: .3;
    padding: 0;
    position: absolute;
    right: 2.2rem;
    top: 0;
    width: 2.8rem; }
    .cs-colorpicker .cs-colorpicker-reset::before {
      color: inherit;
      content: "\e61a";
      display: block;
      font-family: "cs-icons", sans-serif;
      font-size: inherit;
      height: 2.8rem;
      line-height: 3;
      text-align: center;
      width: 3rem; }
    .cs-colorpicker .cs-colorpicker-reset:hover, .cs-colorpicker .cs-colorpicker-reset:focus {
      color: #9c9c9c; }
  .cs-colorpicker .cs-colorpicker-reset ~ .cs-colorpicker-selection {
    right: 5.5rem; }
  .cs-colorpicker.cs-is-small .cs-colorpicker-selection {
    height: 1rem;
    left: 0.7rem;
    right: 3.1rem;
    top: 0.7rem; }
  .cs-colorpicker.cs-is-small .cs-colorpicker-reset {
    font-size: 1rem;
    height: 2.2rem;
    right: 1.6rem;
    width: 2.4rem; }
    .cs-colorpicker.cs-is-small .cs-colorpicker-reset::before {
      height: 2.2rem;
      line-height: 2.4;
      width: 2.4rem; }
  .cs-colorpicker.cs-is-small .cs-colorpicker-reset ~ .cs-colorpicker-selection {
    right: 4.8rem; }
  .cs-colorpicker.cs-dropdown {
    height: auto; }
    .cs-colorpicker.cs-dropdown.cs-is-open .cs-dropdown-container {
      display: inline-block; }
  .cs-colorpicker .cs-dropdown-container {
    display: inline-block;
    left: 0;
    position: relative;
    top: 0.4rem;
    width: auto; }

.cs-ctrl-color {
  display: inline-block;
  height: 1.6rem;
  vertical-align: bottom;
  width: 1.6rem; }

.cs-dynamic-dropdown.cs-colorpicker-component__dropdown {
  display: block;
  z-index: 101000; }

.cs-colorpicker-component__dropdown {
  pointer-events: auto; }
  .cs-colorpicker-component__dropdown.cs-colorpicker-dropdown {
    background-color: #fff;
    border: .1rem solid #d9d9d9;
    max-width: 21rem; }
  .cs-colorpicker-component__dropdown.cs-colopicker-component_dropdown-top::before {
    bottom: -12px;
    left: 7%;
    transform: rotate(180deg); }
  .cs-colorpicker-component__dropdown.cs-colopicker-component_dropdown-top::after {
    bottom: -11px;
    left: 7%;
    transform: rotate(180deg); }
  .cs-colorpicker-component__dropdown .cs-colorpicker-palette {
    margin: 0;
    max-height: 27rem;
    overflow-x: auto;
    overflow-y: scroll;
    padding: 1rem 0.7rem 0.7rem 1rem;
    width: auto; }
    .cs-colorpicker-component__dropdown .cs-colorpicker-palette.left::after, .cs-colorpicker-component__dropdown .cs-colorpicker-palette.left::before {
      left: 2.5rem; }
    .cs-colorpicker-component__dropdown .cs-colorpicker-palette.right::after, .cs-colorpicker-component__dropdown .cs-colorpicker-palette.right::before {
      left: calc(100% - 7.4rem); }
    .cs-colorpicker-component__dropdown .cs-colorpicker-palette .cs-colorpicker-row {
      height: 2.8rem;
      white-space: nowrap; }
      .cs-colorpicker-component__dropdown .cs-colorpicker-palette .cs-colorpicker-row::before, .cs-colorpicker-component__dropdown .cs-colorpicker-palette .cs-colorpicker-row::after {
        content: " ";
        display: table; }
      .cs-colorpicker-component__dropdown .cs-colorpicker-palette .cs-colorpicker-row::after {
        clear: both; }
  .cs-colorpicker-component__dropdown .cs-colorpicker-item {
    border: 0.1rem solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 2.4rem;
    margin: 0 0.3rem 0.3rem 0;
    padding: 0;
    width: 2.4rem; }
    .cs-colorpicker-component__dropdown .cs-colorpicker-item:hover, .cs-colorpicker-component__dropdown .cs-colorpicker-item:focus {
      border-color: rgba(0, 0, 0, 0.6);
      outline: 0; }
    .cs-colorpicker-component__dropdown .cs-colorpicker-item.cs-is-active {
      border-color: rgba(0, 0, 0, 0.6); }
  .cs-colorpicker-component__dropdown .cs-colorpicker-custom-input {
    border-top: 1px solid #c7c7c7;
    margin: 0 1rem;
    overflow: hidden;
    padding: 1rem 0; }
    .cs-colorpicker-component__dropdown .cs-colorpicker-custom-input .cs-colorpicker-preview-item {
      border: 0.1rem solid rgba(0, 0, 0, 0.1);
      display: inline-block;
      float: left;
      height: 2.4rem;
      margin: 0 0.3rem 0 0;
      width: 2.4rem; }
    .cs-colorpicker-component__dropdown .cs-colorpicker-custom-input .cs-input {
      float: left;
      width: calc(100% - 0.3rem - 2.4rem); }
  .cs-colorpicker-component__dropdown .cs-colorpicker-preview-item.cs-is-empty,
  .cs-colorpicker-component__dropdown .cs-colorpicker-item.cs-is-empty {
    background-color: #fff;
    position: relative; }
    .cs-colorpicker-component__dropdown .cs-colorpicker-preview-item.cs-is-empty::before,
    .cs-colorpicker-component__dropdown .cs-colorpicker-item.cs-is-empty::before {
      color: #e6e6e6;
      content: "\e811";
      display: block;
      font-family: "cs-icons", sans-serif;
      font-size: 1.6rem;
      height: 2.2rem;
      line-height: 1.375;
      text-align: center;
      width: 2.2rem; }

.cs-brandingpicker .cs-dropdown-container {
  width: 110%; }

.cs-datepicker.cs-has-fixed-width {
  display: inline-block;
  max-width: 15rem;
  width: 100%; }

.cs-datepicker.ng-invalid-required .cs-input {
  border-color: #ffaf31 !important; }

.cs-datepicker.ng-invalid-date .cs-input {
  border-color: #ff4e4f !important; }

.cs-datepicker.cs-is-disabled {
  cursor: default;
  opacity: .5; }

.cs-datepicker .cs-input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.cs-datepicker.cs-dropdown .cs-dropdown-toggle {
  height: 3rem;
  line-height: 3rem;
  outline: 0;
  padding: 0;
  right: 0;
  top: 0;
  width: 3rem; }
  .cs-datepicker.cs-dropdown .cs-dropdown-toggle:focus {
    outline: 1px solid #44a4de; }
  .cs-datepicker.cs-dropdown .cs-dropdown-toggle::before {
    content: "\e623"; }

.cs-datepicker.open .cs-dropdown-toggle::before, .cs-datepicker.cs-is-open .cs-dropdown-toggle::before {
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg); }

.cs-datepicker .cs-datepicker-reset {
  color: #d9d9d9;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  height: 3rem;
  line-height: 3rem;
  padding: 0 0.5rem;
  position: absolute;
  right: 2.4rem;
  text-align: center;
  top: 0;
  width: 2rem; }
  .cs-datepicker .cs-datepicker-reset:hover, .cs-datepicker .cs-datepicker-reset:focus {
    color: #c7c7c7; }
  .cs-datepicker .cs-datepicker-reset::before {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: inherit;
    content: "\e61a";
    display: inline-block;
    font-family: "cs-icons", sans-serif;
    font-size: inherit;
    line-height: inherit;
    vertical-align: baseline; }

.cs-datepicker.cs-is-small.cs-dropdown .cs-dropdown-toggle {
  height: 2.4rem;
  line-height: 2.4rem; }

.cs-datepicker.cs-is-small .cs-datepicker-reset {
  height: 2.4rem;
  line-height: 2.4rem;
  padding: 0 0.5rem;
  right: 2.4rem;
  width: 2rem; }

.cs-datepicker .cs-dropdown-container {
  border: none;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.15), 0 0 0.1rem 0 rgba(0, 0, 0, 0.2);
  width: auto; }
  .cs-datepicker .cs-dropdown-container::before {
    border-bottom-color: #f2f2f2; }
  .cs-datepicker .cs-dropdown-container::after {
    display: none; }
  .cs-datepicker .cs-dropdown-container ul.cs-dropdown-menu {
    margin: 0;
    max-height: none;
    overflow-y: hidden;
    padding: 0; }
    .cs-datepicker .cs-dropdown-container ul.cs-dropdown-menu li {
      padding: 0; }

.cs-datepicker-table {
  overflow: hidden; }
  .cs-datepicker-table .cs-datepicker-table-header {
    overflow: hidden; }
    .cs-datepicker-table .cs-datepicker-table-header .cs-datepicker-back,
    .cs-datepicker-table .cs-datepicker-table-header .cs-datepicker-next,
    .cs-datepicker-table .cs-datepicker-table-header .cs-datepicker-main {
      background: #f2f2f2;
      float: left;
      height: 3.4rem; }
    .cs-datepicker-table .cs-datepicker-table-header .cs-datepicker-back,
    .cs-datepicker-table .cs-datepicker-table-header .cs-datepicker-next {
      width: 3.4rem; }
    .cs-datepicker-table .cs-datepicker-table-header .cs-datepicker-main {
      width: calc(100% - 2 * 3.4rem); }
      .cs-datepicker-table .cs-datepicker-table-header .cs-datepicker-main .cs-datepicker-button {
        font-size: 1.4rem;
        font-weight: 600; }
  .cs-datepicker-table td,
  .cs-datepicker-table th,
  .cs-datepicker-table td:last-child,
  .cs-datepicker-table th:last-child {
    margin: 0;
    padding: 0; }
  .cs-datepicker-table tr:hover {
    background: none; }
  .cs-datepicker-table .cs-datepicker-button {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 3.4rem;
    background: none;
    border: none;
    color: #404448;
    cursor: pointer;
    display: block;
    height: 3.4rem;
    min-width: 3.4rem;
    padding: 0 0.5rem;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%; }
    .cs-datepicker-table .cs-datepicker-button.cs-is-today {
      background: rgba(0, 0, 0, 0.07); }
    .cs-datepicker-table .cs-datepicker-button.cs-is-other-month {
      color: #d9d9d9; }
    .cs-datepicker-table .cs-datepicker-button.cs-is-weekend {
      color: #ffaf31; }
      .cs-datepicker-table .cs-datepicker-button.cs-is-weekend.cs-is-other-month {
        color: #ffdda8; }
    .cs-datepicker-table .cs-datepicker-button:hover, .cs-datepicker-table .cs-datepicker-button:focus, .cs-datepicker-table .cs-datepicker-button.cs-is-selected {
      background-color: #69bee6;
      color: #fff !important; }
  .cs-datepicker-table.cs-in-mode-day.cs-select-weeks .cs-datepicker-row .cs-datepicker-button {
    color: #c7c7c7; }
  .cs-datepicker-table .cs-datepicker-date-table {
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    min-width: 25.8rem;
    vertical-align: middle;
    width: auto; }
    .cs-datepicker-table .cs-datepicker-date-table.cs-datepicker-noheader {
      margin-top: 1rem; }
    .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-labels {
      border-bottom: 0.1rem solid #f2f2f2; }
      .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-labels .cs-datepicker-label-item {
        color: #c7c7c7;
        font-size: 1.2rem;
        font-weight: 600;
        height: 3.4rem;
        line-height: 3.4rem;
        text-align: center;
        text-transform: uppercase; }
    .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-row.cs-highlight-rows:hover, .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-row.cs-is-selected {
      background: #69bee6; }
      .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-row.cs-highlight-rows:hover .cs-datepicker-weeknumber, .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-row.cs-is-selected .cs-datepicker-weeknumber {
        background: #5eabcf; }
        .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-row.cs-highlight-rows:hover .cs-datepicker-weeknumber > span, .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-row.cs-is-selected .cs-datepicker-weeknumber > span {
          color: #fff; }
      .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-row.cs-highlight-rows:hover .cs-datepicker-button, .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-row.cs-is-selected .cs-datepicker-button {
        color: #fff !important; }
    .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-row-item {
      min-width: 3.4rem; }
    .cs-datepicker-table .cs-datepicker-date-table .cs-datepicker-weeknumber {
      color: #404448;
      font-weight: 600;
      text-align: center;
      width: 3.4rem; }

.cs-advanced-input-wrapper {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0;
  background-color: #fff; }
  .cs-advanced-input-wrapper input {
    border: none;
    padding: 3px; }
    .cs-advanced-input-wrapper input.cs-advanced-input-validation-fail {
      color: #ff4e4f; }
    .cs-advanced-input-wrapper input.cs-advanced-input-validation-success {
      color: #000; }
  .cs-advanced-input-wrapper .cs-advanced-input-input {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    border: 1px solid #d9d9d9;
    display: block;
    padding-bottom: 3px; }
    .cs-advanced-input-wrapper .cs-advanced-input-input input {
      padding-left: 1px !important; }
    .cs-advanced-input-wrapper .cs-advanced-input-input li {
      float: left;
      margin-right: 0.5rem;
      width: auto; }
      .cs-advanced-input-wrapper .cs-advanced-input-input li.marked {
        box-shadow: 0 0 1px 1px #5eabcf; }
      .cs-advanced-input-wrapper .cs-advanced-input-input li.tag-holder {
        margin-top: 9px; }
      .cs-advanced-input-wrapper .cs-advanced-input-input li:last-child {
        float: none;
        margin-right: 0;
        min-width: 8px;
        overflow: hidden; }
  .cs-advanced-input-wrapper .cs-advanced-input-select {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    display: block;
    margin-top: -2px;
    position: absolute;
    width: 100%;
    z-index: 9900; }
    .cs-advanced-input-wrapper .cs-advanced-input-select li {
      padding: 1rem;
      width: 100%; }
      .cs-advanced-input-wrapper .cs-advanced-input-select li:hover, .cs-advanced-input-wrapper .cs-advanced-input-select li[data-selected="true"] {
        background-color: #66b6dc;
        color: #fff; }
      .cs-advanced-input-wrapper .cs-advanced-input-select li.disabled {
        opacity: .5; }

.csBusySpinner__cover {
  background: #777;
  height: 100%;
  left: 0;
  opacity: .4;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9998; }
  .csBusySpinner__cover .spinner {
    left: calc(50% - 3.5rem);
    margin-top: -.9rem;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 7rem;
    z-index: 9999; }
    .csBusySpinner__cover .spinner > div {
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding-box;
      background-clip: padding-box;
      border-radius: 100%;
      -webkit-animation: bouncedelay .7s infinite ease-in-out;
      animation: bouncedelay .7s infinite ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      background-color: #c7c7c7;
      display: inline-block;
      height: 1.6rem;
      width: 1.6rem; }
      .csBusySpinner__cover .spinner > div.bubble1 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s; }
      .csBusySpinner__cover .spinner > div.bubble2 {
        -webkit-animation-delay: -.8s;
        animation-delay: -.8s; }
  .csBusySpinner__cover.cs-is-light {
    background: #fff; }
  .csBusySpinner__cover.cs-is-grey-07 {
    background: #d9d9d9; }

.cs-ctrl-rating {
  color: #404448;
  display: inline-block; }
  .cs-ctrl-rating .cs-ctrl-rating-btn,
  .cs-ctrl-rating .cs-ctrl-reset-btn {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 1.6rem;
    height: 1.2rem;
    line-height: 1rem;
    margin: 0 .8rem 0 0;
    padding: 0;
    position: relative;
    text-align: left; }
    .cs-ctrl-rating .cs-ctrl-rating-btn:focus,
    .cs-ctrl-rating .cs-ctrl-reset-btn:focus {
      outline: 1px solid #44a4de; }
    .cs-ctrl-rating .cs-ctrl-rating-btn .cs-icon,
    .cs-ctrl-rating .cs-ctrl-reset-btn .cs-icon {
      opacity: .3; }
    .cs-ctrl-rating .cs-ctrl-rating-btn.cs-is-active .cs-icon,
    .cs-ctrl-rating .cs-ctrl-reset-btn.cs-is-active .cs-icon {
      opacity: 1; }
    .cs-ctrl-rating .cs-ctrl-rating-btn.cs-is-active .cs-star-first,
    .cs-ctrl-rating .cs-ctrl-reset-btn.cs-is-active .cs-star-first {
      opacity: 1;
      width: 100%; }
    .cs-ctrl-rating .cs-ctrl-rating-btn .cs-star-second,
    .cs-ctrl-rating .cs-ctrl-reset-btn .cs-star-second {
      display: none; }
  .cs-ctrl-rating .cs-ctrl-reset-btn {
    color: #777;
    font-size: 1.4rem; }
    .cs-ctrl-rating .cs-ctrl-reset-btn:hover .cs-icon, .cs-ctrl-rating .cs-ctrl-reset-btn:focus .cs-icon {
      opacity: .6; }
  .cs-ctrl-rating:hover, .cs-ctrl-rating:active {
    outline: none; }
  .cs-ctrl-rating.cs-is-undefined > .cs-ctrl-rating-btn::before {
    color: #777;
    content: "?";
    display: block;
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    height: 1.2rem;
    left: .3rem;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 0; }
  .cs-ctrl-rating.cs-is-undefined > .cs-ctrl-rating-btn .cs-icon {
    opacity: .2; }
  .cs-ctrl-rating.cs-is-undefined > .cs-ctrl-rating-btn.cs-is-active .cs-icon {
    opacity: .5; }
  .cs-ctrl-rating.cs-has-different-values .cs-star-first {
    opacity: 1;
    overflow: hidden;
    width: 50%; }
  .cs-ctrl-rating.cs-has-different-values .cs-star-second {
    bottom: 0;
    display: block;
    opacity: .3;
    position: absolute;
    width: 100%; }
  .cs-ctrl-rating.cs-is-disabled {
    opacity: .6; }
    .cs-ctrl-rating.cs-is-disabled > .cs-ctrl-rating-btn {
      cursor: default !important;
      margin: 0 0.5rem 0 0;
      outline: none; }
  .cs-ctrl-rating.cs-is-undefined.cs-is-disabled .cs-icon {
    opacity: .3; }

.sliderPseudoThumb {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  height: 1.2rem;
  left: 51.5%;
  line-height: 1.2rem;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.2rem; }

.cs-has-fixed-width .cs-slider {
  width: 10rem; }

.cs-slider {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  display: inline-block;
  height: 3rem;
  margin: 0;
  overflow: visible;
  padding: 0;
  vertical-align: top;
  width: 100%;
  /* --- common rules --- */
  /* --- slider thumb styling for different browsers --- */
  /* --- slider track styling for different browsers --- */ }
  .cs-slider:focus {
    outline: none; }
  .cs-slider.cs-is-small {
    height: 2.4rem; }
  .cs-slider::-webkit-slider-thumb {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    background: #777;
    border: 0;
    cursor: pointer;
    height: 1.2rem;
    width: 1.2rem;
    -webkit-appearance: none;
    margin-top: -0.4rem; }
  .cs-slider::-moz-range-thumb {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    background: #777;
    border: 0;
    cursor: pointer;
    height: 1.2rem;
    width: 1.2rem;
    -moz-appearance: none; }
  .cs-slider::-ms-thumb {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
    background: #777;
    border: 0;
    cursor: pointer;
    height: 1.2rem;
    width: 1.2rem;
    height: 12px;
    margin-top: 0;
    width: 12px; }
  .cs-slider::-webkit-slider-runnable-track {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    animation-duration: 150ms;
    background: #d9d9d9;
    border: 0;
    cursor: pointer;
    height: 0.4rem;
    width: 100%; }
  .cs-slider:focus::-webkit-slider-runnable-track {
    background-color: #c7c7c7; }
  .cs-slider::-moz-range-track {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    animation-duration: 150ms;
    background: #d9d9d9;
    border: 0;
    cursor: pointer;
    height: 0.4rem;
    width: 100%;
    -moz-appearance: none;
    box-shadow: none; }
  .cs-slider:focus::-moz-range-track {
    background-color: #c7c7c7; }
  .cs-slider::-ms-track {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    animation-duration: 150ms;
    background: #d9d9d9;
    border: 0;
    cursor: pointer;
    height: 0.4rem;
    width: 100%;
    background: transparent;
    border-color: transparent;
    color: transparent;
    height: 4px; }
  .cs-slider::-ms-fill-lower {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    background: #d9d9d9;
    border: 0; }
  .cs-slider:focus::-ms-fill-lower {
    background-color: #c7c7c7; }
  .cs-slider::-ms-fill-upper {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    background: #d9d9d9;
    border: 0; }
  .cs-slider:focus::-ms-fill-upper {
    background-color: #c7c7c7; }
  .cs-slider::-ms-tooltip {
    display: none; }

.csUiControl__status {
  display: inline-block;
  height: 14px;
  width: 300px; }
  .csUiControl__status > .state {
    display: inline-block;
    height: 100%; }
    .csUiControl__status > .state.active::before {
      content: "V";
      position: relative;
      top: -6px; }

.cs-is-disabled {
  pointer-events: none; }

.cs-toggle {
  cursor: pointer; }
  .cs-toggle:focus {
    outline: 1px solid #44a4de; }

.cs-toggle-01 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  height: 3rem;
  position: relative;
  vertical-align: top; }
  .cs-toggle-01.label {
    cursor: pointer; }
  .cs-toggle-01 .cs-toggle-label__different-values {
    display: none; }
  .cs-toggle-01.cs-different-values .cs-toggle-label__different-values {
    color: #b2b2b2;
    display: block;
    float: right;
    font-style: italic;
    line-height: 3rem;
    padding-left: 1rem; }
  .cs-toggle-01 input {
    height: 1px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 1px;
    z-index: -1; }
  .cs-toggle-01 .cs-toggle-styling {
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
    display: inline-block;
    height: 2rem;
    margin-top: 0.5rem;
    overflow: hidden;
    position: relative;
    width: 5rem; }
  .cs-toggle-01 .cs-toggle-title-on,
  .cs-toggle-01 .cs-toggle-title-off {
    -webkit-transition: left 150ms ease-in-out;
    -moz-transition: left 150ms ease-in-out;
    transition: left 150ms ease-in-out;
    font-size: 1.2rem;
    height: 2rem;
    left: 0;
    line-height: 2rem;
    padding: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 5rem; }
    .cs-toggle-01 .cs-toggle-title-on .cs-icon,
    .cs-toggle-01 .cs-toggle-title-off .cs-icon {
      font-size: 1.4rem; }
  .cs-toggle-01 .cs-toggle-title-on {
    background: #69bee6;
    color: #fff;
    padding-right: 2rem; }
  .cs-toggle-01 .cs-toggle-title-off {
    background: #fff;
    color: #d9d9d9;
    padding-left: 1.8rem; }
  .cs-toggle-01 .cs-toggle-slider {
    -webkit-transition: left 150ms ease-in-out;
    -moz-transition: left 150ms ease-in-out;
    transition: left 150ms ease-in-out;
    background: #d9d9d9;
    height: 1.6rem;
    left: .2rem;
    margin-top: 0.5rem;
    overflow: hidden;
    position: absolute;
    top: 0.2rem;
    width: 1.6rem; }
  .cs-toggle-01 input:checked ~ .cs-toggle-styling .cs-toggle-title-on {
    left: 0; }
  .cs-toggle-01 input:checked ~ .cs-toggle-styling .cs-toggle-title-off {
    left: 5rem; }
  .cs-toggle-01 input:checked ~ .cs-toggle-slider {
    background: #fff;
    left: 3.2rem; }
  .cs-toggle-01.cs-is-disabled .cs-toggle-styling,
  .cs-toggle-01 input:disabled ~ .cs-toggle-styling {
    opacity: .6; }
  .cs-toggle-01.cs-is-disabled .cs-toggle-slider,
  .cs-toggle-01 input:disabled ~ .cs-toggle-slider {
    background-color: #f2f2f2;
    pointer-events: none; }
  .cs-toggle-01.cs-is-small {
    height: 2rem; }
    .cs-toggle-01.cs-is-small .cs-toggle-styling {
      margin-top: 0.2rem; }
    .cs-toggle-01.cs-is-small .cs-toggle-slider {
      margin-top: 0.2rem;
      top: 0.2rem; }
  .cs-toggle-01.cs-is-alt .cs-toggle-title-on,
  .cs-is-alt .cs-toggle-01 .cs-toggle-title-on {
    background: #69bee6;
    color: #fff; }
  .cs-toggle-01.cs-is-alt .cs-toggle-title-off,
  .cs-is-alt .cs-toggle-01 .cs-toggle-title-off {
    background: #d9d9d9;
    color: #fff; }
  .cs-toggle-01.cs-is-alt .cs-toggle-slider,
  .cs-is-alt .cs-toggle-01 .cs-toggle-slider {
    background: #fff; }

.ui-tooltip {
  font-size: 12px; }

cs-zoom-controls {
  display: inline; }

.cs-zoompicker.cs-has-fixed-width {
  display: inline-block;
  max-width: 9.5rem;
  width: 100%; }

.cs-zoompicker .cs-zoompicker-suffix {
  cursor: text;
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  position: absolute;
  right: 3rem;
  top: 0; }

.cs-zoompicker.cs-is-small .cs-zoompicker-suffix {
  height: 2.4rem;
  line-height: 2.4rem;
  right: 2.4rem; }

.cs-zoompicker .cs-dropdown-container .cs-dropdown-menu {
  margin: 0;
  padding: 0.5rem 0; }

.cs-zoompicker .cs-dropdown-container .cs-dropdown-menu-item {
  cursor: pointer;
  display: list-item;
  line-height: 1.5rem;
  list-style: outside none none;
  margin: 0;
  padding: .7rem 2rem;
  word-wrap: break-word; }
  .cs-zoompicker .cs-dropdown-container .cs-dropdown-menu-item:hover, .cs-zoompicker .cs-dropdown-container .cs-dropdown-menu-item.cs-is-active {
    background: #69bee6;
    color: #fff; }

cs-zoom-controls .zoom-controls-dropdown {
  display: inline-block;
  width: 7.6rem; }
  cs-zoom-controls .zoom-controls-dropdown .cs-dropdown-container {
    min-width: 10rem; }

.cs-empty-state {
  color: #d9d9d9;
  padding: 0 2rem; }
  .cs-empty-state .cs-empty-state__content {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    text-align: center; }
    .cs-has-no-header .cs-empty-state .cs-empty-state__content {
      top: 50%; }
    .cs-empty-state .cs-empty-state__content > div[ng-transclude] > i.cs-icon,
    .cs-empty-state .cs-empty-state__content > .cs-icon {
      color: #e6e6e6;
      font-size: 3.5em;
      line-height: 1em;
      padding-bottom: 1rem; }
      .csDarkSnippet .cs-empty-state .cs-empty-state__content > div[ng-transclude] > i.cs-icon, .csDarkSnippet
      .cs-empty-state .cs-empty-state__content > .cs-icon {
        color: #1c1c1c; }
    .cs-empty-state .cs-empty-state__content .cs-state-icon {
      margin-bottom: 1rem;
      max-height: 7rem;
      max-width: 9rem; }
    .cs-empty-state .cs-empty-state__content .cs-state-headline {
      color: #d9d9d9;
      display: block;
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 1.2;
      margin: 0 auto 0.5rem;
      min-height: 1.2em;
      overflow: hidden;
      padding: 0;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .cs-empty-state .cs-empty-state__content .cs-state-headline.cs-multiple-lines {
        overflow: none;
        text-overflow: no;
        white-space: normal; }
    .cs-empty-state .cs-empty-state__content .cs-state-description {
      color: #d9d9d9;
      display: block;
      font-size: 1.2rem;
      font-weight: 400;
      line-height: 1.8rem;
      margin: 0 auto;
      margin-top: 0.5rem;
      max-width: 25rem; }
    .csWidget .cs-empty-state .cs-empty-state__content {
      color: #e6e6e6;
      margin-top: -1.7rem; }
      .csWidget .cs-empty-state .cs-empty-state__content > .cs-icon {
        color: #f2f2f2;
        font-size: 4em;
        padding-bottom: 0.5rem; }
      .csWidget .cs-empty-state .cs-empty-state__content .cs-state-icon {
        margin-bottom: 0.5rem;
        max-height: 5.5rem;
        max-width: 7rem; }
      .csWidget .cs-empty-state .cs-empty-state__content .cs-state-headline,
      .csWidget .cs-empty-state .cs-empty-state__content .cs-state-description {
        color: #e6e6e6; }
    .csWidget .csDarkSnippet .cs-empty-state .cs-empty-state__content {
      color: #fff; }
      .csWidget .csDarkSnippet .cs-empty-state .cs-empty-state__content > .cs-icon {
        color: #1c1c1c; }
    .cs-has-widget-row-size-1 .cs-empty-state .cs-empty-state__content > .cs-icon {
      font-size: 3em; }
    .cs-has-widget-row-size-1 .cs-empty-state .cs-empty-state__content .cs-state-icon {
      max-height: 4.5rem; }
    .cs-has-widget-row-size-1 .cs-empty-state .cs-empty-state__content .cs-state-description {
      display: none; }
  .cs-empty-state.cs-is-dark-empty-state .cs-empty-state__content > .cs-icon {
    color: #585858; }
  .cs-empty-state.cs-is-dark-empty-state .cs-empty-state__content .cs-state-headline {
    color: #5e5d5d; }
  .cs-empty-state.cs-is-dark-empty-state .cs-empty-state__content .cs-state-description {
    color: #5e5d5d; }
  .cs-empty-state.cs-empty-state_dark .cs-empty-state__content .cs-state-headline {
    color: #1c1c1c; }
  .cs-empty-state.cs-empty-state_dark .cs-empty-state__content .cs-state-description {
    color: #1c1c1c; }

cs-groupbox {
  box-shadow: 0 3px 10px 0.1;
  background: #fff;
  border: 0.1rem solid #d9d9d9;
  display: block;
  min-height: 3.8rem;
  padding: 1rem 1.5rem; }
  cs-groupbox h1,
  cs-groupbox h2,
  cs-groupbox h3 {
    text-align: center; }
  cs-groupbox.small {
    padding: .9rem; }
  cs-groupbox.large {
    padding: 2.4rem; }

.cs-expandgroup {
  box-shadow: 0 3px 10px 0.1;
  background: #fff;
  border: 0.1rem solid #d9d9d9;
  display: block;
  min-height: 3.8rem; }
  .cs-expandgroup .title::before {
    color: #9c9c9c;
    font-family: "cs-icons", sans-serif;
    font-size: 1.4rem;
    margin: 0 .5rem 0 0;
    position: relative;
    top: .2rem; }
  .cs-expandgroup.opened > .title::before {
    content: "\e94c"; }
  .cs-expandgroup.closed > .title::before {
    content: "\e97f"; }
  .cs-expandgroup > .title {
    cursor: pointer;
    padding: .8rem .8rem .2rem; }
  .cs-expandgroup > .body {
    padding: 1rem 1.5rem; }

.cs-dialog-group > .csDialogGroup_body {
  padding: 1rem 1.5rem; }

.cs-dialog-group .csAssetListItem li {
  min-height: initial; }
  .cs-dialog-group .csAssetListItem li.csAssetListItem__preview {
    margin-left: 1rem; }

.cs-dialog-group .csAssetReference button.btn {
  float: right;
  left: 1rem;
  position: relative;
  top: -2rem; }

.csTimePairRepeat {
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.2em;
  color: #777;
  float: left;
  margin-bottom: 5px;
  min-height: 30px;
  width: 100%; }
  .csTimePairRepeat li {
    min-height: 34px;
    padding-top: 10px; }
  .csTimePairRepeat .csTimePairRepeat__cell-label {
    display: inline-block;
    float: left;
    padding: 10px 10px 5px;
    text-align: right;
    vertical-align: top;
    width: 100px; }
    .csTimePairRepeat .csTimePairRepeat__cell-label.to {
      text-align: center;
      width: 80px; }
      .csTimePairRepeat .csTimePairRepeat__cell-label.to .cs-label {
        padding-right: 0; }
  .csTimePairRepeat .csTimePairRepeat__cell {
    display: inline-block;
    float: left;
    width: 110px; }
  .csTimePairRepeat .csTimePairRepeat__label {
    margin: 2px 0 12px;
    min-height: 0; }
  .csTimePairRepeat .csTimePairRepeat__cell-button {
    color: #9c9c9c;
    display: inline-block;
    float: left;
    line-height: 34px;
    margin-left: 20px;
    width: 20px; }

.csAssetReference {
  background: #fff; }
  .csAssetReference .csAssetReference__preview {
    background-color: #fff;
    overflow: hidden; }
  .csAssetReference .csAssetListItem__title {
    width: auto !important; }

.csAssetRelation .csDropzone {
  height: 3.4rem; }
  .csAssetRelation .csDropzone .csDropzone__icon {
    font-size: 2rem; }

.csAssetRelation .csAssetListItem li.csAssetListItem__preview {
  margin-left: 0; }

cs-asset-relation2 .csDialogForm__row {
  margin-bottom: 3rem; }
  cs-asset-relation2 .csDialogForm__row .csDialogForm__cell .relAssetItem {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 1.2rem; }
    cs-asset-relation2 .csDialogForm__row .csDialogForm__cell .relAssetItem .hide-relation-button {
      padding-left: 2rem;
      padding-top: 0.6rem; }
    cs-asset-relation2 .csDialogForm__row .csDialogForm__cell .relAssetItem .leftPanel {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      padding-right: 0; }
      cs-asset-relation2 .csDialogForm__row .csDialogForm__cell .relAssetItem .leftPanel div {
        width: 97.45%; }
      cs-asset-relation2 .csDialogForm__row .csDialogForm__cell .relAssetItem .leftPanel .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem {
        padding-bottom: .7rem;
        padding-top: .7rem; }
        cs-asset-relation2 .csDialogForm__row .csDialogForm__cell .relAssetItem .leftPanel .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem.csHover {
          background-color: transparent; }
        cs-asset-relation2 .csDialogForm__row .csDialogForm__cell .relAssetItem .leftPanel .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem:focus, cs-asset-relation2 .csDialogForm__row .csDialogForm__cell .relAssetItem .leftPanel .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem:hover {
          box-shadow: none; }
        cs-asset-relation2 .csDialogForm__row .csDialogForm__cell .relAssetItem .leftPanel .csAssetListItemRendererWidgetmxn_1rows ul.csAssetListItem li.csAssetListItem__controls {
          min-width: 10rem;
          top: .3rem; }
  cs-asset-relation2 .csDialogForm__row .add-relation {
    height: 3rem; }
  cs-asset-relation2 .csDialogForm__row cs-asset-picker {
    position: absolute; }
  cs-asset-relation2 .csDialogForm__row .asset-picker-for-relation {
    z-index: 50000; }
  cs-asset-relation2 .csDialogForm__row .cs-Assets__label {
    -webkit-flex: 0 1 40%;
    -moz-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
    color: #b2b2b2;
    display: block;
    float: left;
    line-height: inherit;
    max-height: 6.4rem;
    max-width: 18rem;
    min-width: 9.6rem;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: right;
    text-overflow: ellipsis;
    width: 40%;
    word-wrap: break-word; }
  cs-asset-relation2 .csDialogForm__row .cs-Assets__label-row {
    -webkit-flex: 0 1 60%;
    -moz-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
    color: #1c1c1c;
    display: block;
    float: left;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem;
    margin-top: 1.4rem;
    overflow: hidden;
    overflow-wrap: break-word;
    padding-left: 1rem;
    text-overflow: ellipsis;
    width: 50%;
    word-wrap: break-word; }

cs-asset-relation2 .readMode {
  margin: 0; }
  cs-asset-relation2 .readMode .cs-Assets__label {
    line-height: 1.7rem;
    padding-top: 0; }
  cs-asset-relation2 .readMode .cs-Assets__label-row {
    margin-top: 0; }

.csDialog__csAssetMetadataWidgetEditDialog cs-asset-relation2 cs-asset-picker {
  width: 96%; }

.csTemplateEditorDialog__preview cs-asset-relation2 cs-asset-picker {
  width: 94.1%; }

.asset-ref-picker {
  background: #fff;
  color: #404448;
  font-size: 1.4rem;
  position: relative;
  user-select: none;
  width: 100%; }
  .asset-ref-picker .selected-asset-container {
    display: block;
    padding-right: 0; }
    .asset-ref-picker .selected-asset-container div {
      width: 100%; }
    .asset-ref-picker .selected-asset-container .csAssetListItem {
      padding-left: 1rem; }
      .asset-ref-picker .selected-asset-container .csAssetListItem .csAssetListItem__controls {
        padding-right: 4rem; }
      .asset-ref-picker .selected-asset-container .csAssetListItem.csHover {
        background-color: initial; }
      .asset-ref-picker .selected-asset-container .csAssetListItem:hover {
        box-shadow: inset 1px 1px 0 0 #e6e6e6, 1px 1px 0 0 #e6e6e6; }
    .asset-ref-picker .selected-asset-container .dropdown-indicator {
      margin-top: .9rem;
      position: absolute;
      right: .5rem;
      top: 0; }
  .asset-ref-picker .asset-ref-picker__clear {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 3rem;
    padding: 0;
    position: absolute;
    right: 1.5rem;
    top: .2rem;
    width: 3rem; }
    .asset-ref-picker .asset-ref-picker__clear::before, .asset-ref-picker .asset-ref-picker__clear::after {
      background-color: #b2b2b2;
      content: "";
      height: 40%;
      left: 50%;
      position: absolute;
      top: 50%;
      width: 1px; }
    .asset-ref-picker .asset-ref-picker__clear::before {
      transform: translate(-50%, -50%) rotate(45deg); }
    .asset-ref-picker .asset-ref-picker__clear::after {
      transform: translate(-50%, -50%) rotate(-45deg); }
  .asset-ref-picker.asset-ref-picker__required {
    border-color: #ffaf31;
    border-style: solid;
    border-width: .1rem; }

/* csDialogForm__rows for editing dialogs */
.csDialogForm__row {
  color: #777;
  float: left;
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 1rem;
  min-height: 3rem;
  width: 96%; }
  .csDialogForm__row::before, .csDialogForm__row::after {
    content: " ";
    display: table; }
  .csDialogForm__row::after {
    clear: both; }
  .cs-is-small .csDialogForm__row {
    min-height: 2.4rem; }
  .csDialogForm__row .cs-input[type="string"][placeholder] {
    text-overflow: ellipsis; }
  .csDialogForm__row ::-moz-placeholder {
    text-overflow: ellipsis; }
  .csDialogForm__row .cs-input[type="string"]:-moz-placeholder {
    text-overflow: ellipsis; }
  .csDialogForm__row .cs-input:invalid + span,
  .csDialogForm__row .cs-textarea:invalid + span {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    left: initial;
    position: absolute;
    right: 1.7rem; }
  .csDialogForm__row .cs-label {
    display: inline-block;
    line-height: inherit;
    max-width: 100%;
    overflow: initial;
    padding-right: 0;
    text-overflow: initial;
    white-space: normal;
    word-break: normal; }
  .csDialogForm__row .csDialogForm__cell-label {
    float: left;
    line-height: 1.6rem;
    overflow-wrap: break-word;
    padding: 0.7rem 0 0;
    text-align: right;
    vertical-align: top;
    width: 13%;
    word-wrap: break-word; }
  .csDialogForm__row .csDialogForm__cell {
    display: block;
    float: right;
    position: relative;
    width: 85.5%; }
    .cs-is-small .csDialogForm__row .csDialogForm__cell,
    .csDialogForm__row .csDialogForm__cell .cs-is-small {
      line-height: 2.4rem; }
    .csDialogForm__row .csDialogForm__cell .csEnumMultivalue li {
      position: relative; }
      .csDialogForm__row .csDialogForm__cell .csEnumMultivalue li .csEnumMultivalue__cell {
        margin-bottom: 1rem; }
      .csDialogForm__row .csDialogForm__cell .csEnumMultivalue li .csEnumMultivalue__cell-button {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 3.4rem;
        position: absolute;
        right: -5.5rem;
        top: 50%; }
  .csDialogForm__row .csDialogForm__cell_full_width {
    width: 100%; }
  .csDialogForm__row .csDialogForm__cell-button {
    display: block;
    float: right;
    line-height: 3rem;
    width: 2rem; }
  .csDialogForm__row .csDialogForm__sub-headline {
    color: #404448;
    display: block;
    float: left;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem;
    margin: 0;
    min-height: 1.2em;
    overflow: hidden;
    padding: 0.7rem 0 0;
    text-align: right;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 13%; }
  .csDialogForm__row span.flow {
    float: left;
    padding-right: 0.5rem;
    position: relative;
    width: 50%; }
    .csDialogForm__row span.flow:last-child {
      padding-left: 0.5rem;
      padding-right: 0; }
    .csDialogForm__row span.flow > * {
      vertical-align: top; }
    .csDialogForm__row span.flow.center {
      text-align: center; }
    .csDialogForm__row span.flow.p10 {
      min-width: 3.6rem;
      width: 10%; }
    .csDialogForm__row span.flow.p15 {
      width: 15%; }
    .csDialogForm__row span.flow.p20 {
      width: 20%; }
    .csDialogForm__row span.flow.p25 {
      width: 25%; }
    .csDialogForm__row span.flow.p30 {
      width: 30%; }
    .csDialogForm__row span.flow.p40 {
      width: 40%; }
    .csDialogForm__row span.flow.p50 {
      width: 50%; }
    .csDialogForm__row span.flow.p60 {
      width: 60%; }
    .csDialogForm__row span.flow.p70 {
      width: 70%; }
    .csDialogForm__row span.flow.p80 {
      width: 80%; }
    .csDialogForm__row span.flow.p85 {
      width: 85%; }
    .csDialogForm__row span.flow.p90 {
      width: 90%; }
    .csDialogForm__row span.flow.p95 {
      width: 95%; }
  .csDialogForm__row .csDialogForm__row {
    width: 100%; }
    .csDialogForm__row .csDialogForm__row:first-of-type {
      margin-top: 1rem; }

/* csDialogForm__rows mobile */
@media (max-width: 46rem) {
  .csDialogForm__row .csDialogForm__cell-label {
    padding-bottom: 0.5rem;
    padding-top: 0;
    text-align: left;
    width: 100%; }
    .csDialogForm__row .csDialogForm__cell-label .cs-label {
      font-weight: 400; }
  .csDialogForm__row .csDialogForm__sub-headline {
    padding-bottom: 0.5rem;
    padding-top: 0;
    text-align: left;
    width: 100%; }
  .csDialogForm__row .csDialogForm__cell {
    width: 100%; }
  .csDialogForm__row span.flow {
    padding-right: 0.5rem; }
    .csDialogForm__row span.flow.p50, .csDialogForm__row span.flow.p30, .csDialogForm__row span.flow.p70 {
      padding: 0;
      width: 100%; }
    .csDialogForm__row span.flow:last-child {
      padding: 0; }
  .cs-dialog-group > .body {
    padding: 2rem 0 0; } }

/**
 * csRepeat
 */
cs-repeat {
  color: #777;
  display: block;
  float: left;
  font-size: 1.4rem;
  font-weight: 300;
  width: 100%; }
  cs-repeat.no-label .csDialogForm__cell-label {
    display: none; }
  cs-repeat.no-label .csDialogForm__cell {
    width: 100%; }
  cs-repeat .csRepeat__spacer_wrapper::before, cs-repeat .csRepeat__spacer_wrapper::after {
    content: " ";
    display: table; }
  cs-repeat .csRepeat__spacer_wrapper::after {
    clear: both; }
  cs-repeat .csRepeat__spacer_wrapper:not(:last-child) {
    padding-bottom: .8rem; }
  cs-repeat .csRepeat__content_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }
  cs-repeat .csRepeat__content {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  cs-repeat .csRepeat__delete {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 3rem; }
    .csWidget .censhareScroll__main:not(.censhareScroll__scrollbar_x_hidden) cs-repeat .csRepeat__delete {
      margin-left: -60px;
      padding-right: 65px; }
  cs-repeat .csRepeat__add {
    clear: both;
    line-height: inherit;
    margin-top: 0 !important; }
    cs-repeat .csRepeat__add .csDialogForm__cell {
      line-height: inherit; }
  cs-repeat .csRepeat__collapse {
    margin-left: -2rem;
    vertical-align: top; }

/**
 * csMultiValueRepeat
 */
.csMultivalueRepeat {
  font-family: "SourceSansPro", "Arial", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.2em;
  color: #777;
  float: left;
  min-height: 3rem;
  width: 100%; }
  .csMultivalueRepeat li {
    margin-bottom: 0.5rem;
    min-height: 3rem; }
  .csMultivalueRepeat .csMultivalueRepeat__cell-label {
    display: inline-block;
    padding: 0;
    text-align: right;
    vertical-align: top;
    width: 20%; }
  .csMultivalueRepeat .csMultivalueRepeat__cell {
    display: inline-block;
    width: 75%; }
    .csMultivalueRepeat .csMultivalueRepeat__cell .cs-radio,
    .csMultivalueRepeat .csMultivalueRepeat__cell .cs-checkbox {
      margin-top: 8px; }
    .csMultivalueRepeat .csMultivalueRepeat__cell .cs-input,
    .csMultivalueRepeat .csMultivalueRepeat__cell .cs-textarea {
      width: 100%; }
  .csMultivalueRepeat .cs-select.csMultivalueRepeat__typeGenerator {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2em;
    background: transparent;
    border-color: transparent;
    line-height: 1.6rem;
    min-width: 12rem; }
    .csMultivalueRepeat .cs-select.csMultivalueRepeat__typeGenerator .chosen-single span {
      color: #9c9c9c;
      margin-right: 2.5rem; }
    .csMultivalueRepeat .cs-select.csMultivalueRepeat__typeGenerator .chosen-single div {
      background: none;
      width: 2rem; }
      .csMultivalueRepeat .cs-select.csMultivalueRepeat__typeGenerator .chosen-single div b {
        color: #9c9c9c; }
        .csMultivalueRepeat .cs-select.csMultivalueRepeat__typeGenerator .chosen-single div b:hover {
          color: #777; }
  .csMultivalueRepeat .csMultivalueRepeat__label {
    margin: 0 0 1rem 0;
    min-height: 0; }
  .csMultivalueRepeat .csMultivalueRepeat__cell-button {
    display: block;
    float: right;
    width: 2rem; }

.csDialogTab__content {
  padding: 0 2rem; }
  .csDialogTab__content div[ng-transclude]:not(.censhareScroll__content) {
    min-height: 100%; }

cs-dialog-tabs {
  display: block;
  height: 100%;
  padding: 0;
  vertical-align: top; }
  .csDialog__content-inner cs-dialog-tabs {
    margin: -2rem -2rem 0 -2rem; }
  cs-dialog-tabs .cs-tabs-03 {
    float: left;
    height: 100%;
    margin-bottom: -1000rem;
    padding-bottom: 1000rem; }
  cs-dialog-tabs .cs-tabs-03 + .csDialogTab__content {
    border-top: 0.1rem solid #d9d9d9;
    margin-left: 24rem;
    margin-right: 2rem;
    margin-top: 3rem;
    padding: 0;
    width: calc(100% - 22rem - 2rem - 2rem); }

cs-dialog-tab {
  display: block;
  height: 100%;
  vertical-align: top; }

.csManageFeatureGroup {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-height: 70rem; }
  .csManageFeatureGroup .csManageFeatureGroup__available-group,
  .csManageFeatureGroup .csManageFeatureGroup__selected-group {
    -webkit-flex: 1 1 0;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex: 1 1;
    height: 100%; }
  .csManageFeatureGroup .csManageFeatureGroup__action-divider {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    -webkit-flex-basis: 14rem;
    -moz-flex-basis: 14rem;
    -ms-flex-basis: 14rem;
    flex-basis: 14rem;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-height: 100%;
    padding: 0 1rem; }
    .csManageFeatureGroup .csManageFeatureGroup__action-divider::before, .csManageFeatureGroup .csManageFeatureGroup__action-divider::after {
      content: " ";
      display: table; }
    .csManageFeatureGroup .csManageFeatureGroup__action-divider::after {
      clear: both; }
    .csManageFeatureGroup .csManageFeatureGroup__action-divider .cs-button,
    .csManageFeatureGroup .csManageFeatureGroup__action-divider .csControl__menu > li.button-appearance {
      float: left;
      margin-bottom: 1rem;
      padding: 0;
      width: 5.5rem; }
      .csManageFeatureGroup .csManageFeatureGroup__action-divider .cs-button.csManageFeatureGroup__add,
      .csManageFeatureGroup .csManageFeatureGroup__action-divider .csControl__menu > li.button-appearance.csManageFeatureGroup__add {
        float: right; }
  .csManageFeatureGroup .csManageFeatureGroup__valueList {
    margin: 0 -1.5rem 0;
    max-height: calc(100% - 2.4rem);
    overflow-y: auto;
    padding: 0 1.5rem; }
  .csManageFeatureGroup .cs-has-search .csManageFeatureGroup__valueList {
    height: 100%;
    max-height: calc(100% - 2.4rem - 1rem - 2.4rem); }
  .csManageFeatureGroup .csManageFeatureGroup__noItem {
    height: 12rem;
    position: relative; }
  .csManageFeatureGroup .csManageFeatureGroup__listitem {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    line-height: 1.6rem;
    margin: 0 -1.5rem;
    padding: 0.7rem 1.5rem; }
    .csManageFeatureGroup .csManageFeatureGroup__listitem::before, .csManageFeatureGroup .csManageFeatureGroup__listitem::after {
      content: " ";
      display: table; }
    .csManageFeatureGroup .csManageFeatureGroup__listitem::after {
      clear: both; }
    .csManageFeatureGroup .csManageFeatureGroup__listitem > .cs-icon {
      margin-right: 0.5rem; }
    .csManageFeatureGroup .csManageFeatureGroup__listitem .csManageFeatureGroup__order-icon {
      color: #777;
      float: right;
      opacity: .5;
      padding: 0 0.5rem; }
      .csManageFeatureGroup .csManageFeatureGroup__listitem .csManageFeatureGroup__order-icon:hover {
        opacity: 1; }
      .csManageFeatureGroup .csManageFeatureGroup__listitem .csManageFeatureGroup__order-icon.cs-is-disabled {
        opacity: .15; }
        .csManageFeatureGroup .csManageFeatureGroup__listitem .csManageFeatureGroup__order-icon.cs-is-disabled:hover {
          opacity: .15; }
    .csManageFeatureGroup .csManageFeatureGroup__listitem:hover {
      background: #e6e6e6; }
    .csManageFeatureGroup .csManageFeatureGroup__listitem.cs-is-selected {
      background: #69bee6;
      color: #fff; }
      .csManageFeatureGroup .csManageFeatureGroup__listitem.cs-is-selected .csManageFeatureGroup__order-icon {
        color: rgba(255, 255, 255, 0.8); }
      .csManageFeatureGroup .csManageFeatureGroup__listitem.cs-is-selected:hover {
        background: #66b6dc; }
  .csManageFeatureGroup .csSearchRefinement {
    margin: 0.5rem 0;
    width: 100%; }
    .csManageFeatureGroup .csSearchRefinement .cs-input {
      width: 100%; }
  .csManageFeatureGroup cs-groupbox {
    height: 100%;
    min-height: 20rem; }

.cs-is-subtle .cs-open-asset-page {
  color: inherit; }
  .cs-is-subtle .cs-open-asset-page:hover {
    color: inherit;
    text-decoration: underline; }

.cs-progressbar-radial--notifications.cs-progressbar-wrapper.cs-is-small {
  float: left;
  height: 2rem;
  margin-right: 1rem;
  margin-top: .3rem;
  max-width: 2rem;
  padding-bottom: 0; }
  .cs-progressbar-radial--notifications.cs-progressbar-wrapper.cs-is-small .cs-progressbar-radial {
    max-width: 2rem; }
    .cs-progressbar-radial--notifications.cs-progressbar-wrapper.cs-is-small .cs-progressbar-radial .cs-progressbar-radial-circle {
      stroke: #b5dff2; }
    .cs-progressbar-radial--notifications.cs-progressbar-wrapper.cs-is-small .cs-progressbar-radial .cs-progressbar-radial-ring {
      stroke: #f2f2f2; }

.progressText .progressBytes {
  font-size: 1.2rem; }

.cs-tableitem__user {
  display: block;
  overflow: hidden; }
  .cs-tableitem__user .cs-tableitem__user-id {
    float: left;
    min-width: 100px;
    padding-right: 10px; }
  .cs-tableitem__user .cs-tableitem__user-check {
    float: right;
    padding-left: 10px; }

.csDialog.csUserPasswordDialog {
  margin: 7.5% auto auto;
  max-height: 35rem;
  position: static;
  width: 50%; }
  .csDialog.csUserPasswordDialog .csUserPasswordDialogError {
    color: #ff4e4f;
    line-height: 2rem;
    margin-top: 1rem; }

.csDialog .csDialog__csVariantTransformationDialog,
.csDialog .csDialog__csVariantTransformationDialog div[cs-dynamic-controller] {
  height: 100%; }
  .csDialog .csDialog__csVariantTransformationDialog .censhareScroll__content,
  .csDialog .csDialog__csVariantTransformationDialog div[cs-dynamic-controller] .censhareScroll__content {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }
    .csDialog .csDialog__csVariantTransformationDialog .censhareScroll__content .cs-dialog-group,
    .csDialog .csDialog__csVariantTransformationDialog div[cs-dynamic-controller] .censhareScroll__content .cs-dialog-group {
      -webkit-flex: 0 1 auto;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
      .csDialog .csDialog__csVariantTransformationDialog .censhareScroll__content .cs-dialog-group:last-of-type,
      .csDialog .csDialog__csVariantTransformationDialog div[cs-dynamic-controller] .censhareScroll__content .cs-dialog-group:last-of-type {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex: 1 0 auto;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        .csDialog .csDialog__csVariantTransformationDialog .censhareScroll__content .cs-dialog-group:last-of-type .csDialogGroup_body,
        .csDialog .csDialog__csVariantTransformationDialog div[cs-dynamic-controller] .censhareScroll__content .cs-dialog-group:last-of-type .csDialogGroup_body {
          -webkit-flex: 1 0 auto;
          -moz-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
          flex: 1 0 auto;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: -ms-flex;
          display: flex;
          padding-left: 0;
          padding-right: 0; }
        .csDialog .csDialog__csVariantTransformationDialog .censhareScroll__content .cs-dialog-group:last-of-type cs-include-dialog,
        .csDialog .csDialog__csVariantTransformationDialog div[cs-dynamic-controller] .censhareScroll__content .cs-dialog-group:last-of-type cs-include-dialog {
          -webkit-flex: 1 0 auto;
          -moz-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
          flex: 1 0 auto;
          width: 100%; }

.csDialog.csVariantTransformationDialog .csDialog__content .csDialog__content-inner {
  padding: 0; }
  .csDialog.csVariantTransformationDialog .csDialog__content .csDialog__content-inner .csTabedDialogContentWrapper {
    height: calc(100% - 4.6rem);
    padding: 2rem; }
  .csDialog.csVariantTransformationDialog .csDialog__content .csDialog__content-inner .cs-line-01 {
    margin-right: 2rem; }

.csDialog .csVariantTransformationDialog {
  height: 100%; }
  .csDialog .csVariantTransformationDialog .censhareScroll__content {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }
    .csDialog .csVariantTransformationDialog .censhareScroll__content .cs-dialog-group {
      -webkit-flex: 0 1 auto;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
      .csDialog .csVariantTransformationDialog .censhareScroll__content .cs-dialog-group:last-of-type {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex: 1 0 auto;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        .csDialog .csVariantTransformationDialog .censhareScroll__content .cs-dialog-group:last-of-type .csDialogGroup_body {
          -webkit-flex: 1 0 auto;
          -moz-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
          flex: 1 0 auto;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: -ms-flex;
          display: flex;
          padding-left: 0;
          padding-right: 0; }
        .csDialog .csVariantTransformationDialog .censhareScroll__content .cs-dialog-group:last-of-type cs-include-dialog {
          -webkit-flex: 1 0 auto;
          -moz-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
          flex: 1 0 auto;
          width: 100%; }

[cs-virtual-list] {
  height: inherit;
  width: inherit; }
  [cs-virtual-list]:hover .VerticalScrollbar {
    visibility: visible; }
  [cs-virtual-list] .VerticalScrollbar {
    visibility: hidden; }

.csVirtualListRenderer_Container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  height: 100%;
  outline: none;
  overflow: hidden;
  position: relative !important; }

.csVirtualListRenderer_Item {
  position: absolute !important; }
  .csVirtualListRenderer_Item:focus, .csVirtualListRenderer_Item:hover, .csVirtualListRenderer_Item.csSelected {
    z-index: 1; }
  .csVirtualListRenderer_Item.csSelected:focus, .csVirtualListRenderer_Item.csSelected:hover {
    z-index: 2; }
  .csVirtualListRenderer_Item.hiddenItem {
    display: none !important; }
  .csVirtualListRenderer_Item.csAssetSearchListItemRenderer {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-backface-visibility: hidden;
    background-color: rgba(247, 247, 247, 0);
    -webkit-transform: translate3d(0, 0, 0); }
    .csVirtualListRenderer_Item.csAssetSearchListItemRenderer:hover, .csVirtualListRenderer_Item.csAssetSearchListItemRenderer:focus {
      background-color: #f7f7f7; }
  .csVirtualListRenderer_Item.csAssetListItemRendererWidget2xn .csUploadProgressSnippet, .csVirtualListRenderer_Item.csAssetListItemRendererWidgetmxn_2rows .csUploadProgressSnippet,
  .csVirtualListRenderer_Item.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer .csUploadProgressSnippet,
  .csVirtualListRenderer_Item.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows .csUploadProgressSnippet {
    padding: 0.5rem !important; }
    .csVirtualListRenderer_Item.csAssetListItemRendererWidget2xn .csUploadProgressSnippet .cs-progressbar-number, .csVirtualListRenderer_Item.csAssetListItemRendererWidgetmxn_2rows .csUploadProgressSnippet .cs-progressbar-number,
    .csVirtualListRenderer_Item.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer .csUploadProgressSnippet .cs-progressbar-number,
    .csVirtualListRenderer_Item.csWidget_csAssetFileListWidget .csAssetFileListWidgetItemRenderer_2rows .csUploadProgressSnippet .cs-progressbar-number {
      display: none; }

.VerticalScrollbar {
  background: rgba(0, 0, 0, 0.15);
  bottom: .2rem;
  cursor: pointer;
  position: absolute;
  top: .2rem;
  width: .7rem;
  z-index: 2; }
  .VerticalScrollbar.right {
    right: .4rem; }
  .VerticalScrollbar.left {
    left: 2rem; }

.VerticalScrollbar .handle {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: .3rem;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: pointer; }

.VerticalScrollbar .handle .mousearea {
  height: 100%;
  left: -5px;
  position: absolute;
  top: 0;
  width: 22px; }

.navbar .VerticalScrollbar .handle {
  background-color: rgba(0, 0, 0, 0.15); }

.csWidget_csWeatherWidget .csWidget__content__inner {
  overflow: hidden; }

.csWidget_csWeatherWidget .csWeatherWidget__icon {
  display: inline-block;
  height: 100%;
  width: 100%; }
  .csWidget_csWeatherWidget .csWeatherWidget__icon img {
    height: 100%;
    width: 100%; }

.csWidget_csWeatherWidget .csWeatherWidget__main {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  height: 8rem;
  line-height: 8rem;
  margin: 0 -2rem 2rem;
  padding: 0 2rem;
  position: relative;
  text-align: center; }
  .csWidget_csWeatherWidget .csWeatherWidget__main[ng-click]:hover {
    background-color: #f7f7f7; }
  .csWidget_csWeatherWidget .csWeatherWidget__main .csWeatherWidget__icon {
    height: 8rem;
    width: 8rem; }
  .csWidget_csWeatherWidget .csWeatherWidget__main .csWeatherWidget__temperature {
    display: inline-block;
    font-size: 3.6rem;
    line-height: inherit;
    overflow: hidden;
    padding-left: 1rem;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap; }

.csWidget_csWeatherWidget .csWeatherWidget__info,
.csWidget_csWeatherWidget .csWeatherWidget__forecast {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-property: height, max-height;
  -moz-transition-property: height, max-height;
  transition-property: height, max-height;
  max-height: 0;
  overflow: hidden; }
  .csWidget_csWeatherWidget .csWeatherWidget__info.cs-is-open,
  .csWidget_csWeatherWidget .csWeatherWidget__forecast.cs-is-open {
    max-height: 14rem; }

.csWidget_csWeatherWidget .csWeatherWidget__forecast .cs-grid-cell-1of2 {
  text-align: center; }
  .csWidget_csWeatherWidget .csWeatherWidget__forecast .cs-grid-cell-1of2:first-child {
    border-right: 0.1rem solid #f2f2f2; }

.csWidget_csWeatherWidget .csWeatherWidget__forecast h3 {
  font-weight: 400; }

.csWidget_csWeatherWidget .csWeatherWidget__forecast .csWeatherWidget__icon {
  max-height: 6.4rem;
  max-width: 6.4rem; }

.csWidget_csWeatherWidget .csWeatherWidget__info .csWeatherWidget__info__line {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-bottom: 0.1rem solid #f2f2f2;
  font-size: 1.4rem;
  font-weight: 400;
  height: 3rem;
  line-height: 3rem;
  overflow: hidden; }
  .csWidget_csWeatherWidget .csWeatherWidget__info .csWeatherWidget__info__line:last-child {
    border-bottom: none; }

.csWidget_csWeatherWidget .csWeatherWidget__info .csWeatherWidget__info__label {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: inline-block;
  overflow: hidden;
  padding-right: 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap; }

.csWidget_csWeatherWidget .csWeatherWidget__info .csWeatherWidget__info__value {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: inline-block; }

.csWizard.csWebToPrintConfirm .csWizard__locker {
  top: 0; }

.csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csWebToPrint__spread {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 1.5rem 2rem; }

.csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csWebToPrint__list_item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csWebToPrint__item_wrapper {
  margin: 0 -1.5rem;
  padding: 0 1.5rem; }
  .csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csWebToPrint__item_wrapper:hover {
    background: #f2f2f2; }
  .csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csWebToPrint__item_wrapper.cs-has-childs .csWebToPrint__item {
    border: 0;
    padding-left: 0;
    width: calc(100% - 1.5rem); }
  .csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csWebToPrint__item_wrapper.cs-is-child .csWebToPrint__item {
    padding-left: 3rem; }

.csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csWebToPrint__item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  padding-left: 1.5rem; }

.csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csWebToPrint__chevron_holder {
  display: inline-block;
  float: left;
  height: 4.2rem;
  line-height: 4.2rem;
  text-align: center;
  vertical-align: top;
  width: 1.5rem; }

.csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csWebToPrint__status_indicator {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0.5rem;
  width: auto; }

.csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csAssetListItem__controls {
  display: none; }

.csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csAssetListItem:hover {
  background: none; }
  .csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csAssetListItem:hover .csAssetListItem__controls {
    display: block; }
  .csWizard.csWebToPrintCreateLayout .csWebToPrintCreateLayout__sidebar .csAssetListItem:hover .csWebToPrint__status_indicator {
    display: none; }

.csWizard.csWebToPrintCreateLayout .csWizard__locker {
  top: 0; }

.csWizard.csWebToPrintSelectTemplateType .csWebToPrintSelectTemplateType__wrapper {
  margin: 0 auto;
  max-width: 80rem;
  padding: 5rem 1.5rem 2rem; }

.csWizard__content .csBoxStyle {
  background: #fff;
  border: 0.1rem solid #9c9c9c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  height: inherit; }

@media only screen and (min-width: 320px) and (max-width: 595px) {
  .csWebToPrintCreateLayout .csContent .csWidget {
    height: 50rem; } }

.csAssetListSize .csAssetListItem__preview {
  margin: 0.5rem 2.4rem 0;
  overflow: hidden; }
  .csAssetListSize .csAssetListItem__preview .thumbnail {
    background: #d9d9d9;
    border: 1px #d9d9d9 solid;
    color: #fff;
    display: inline-block;
    float: left;
    margin-right: 1rem;
    position: relative;
    text-align: center; }
    .csAssetListSize .csAssetListItem__preview .thumbnail .cs-icon {
      vertical-align: top; }
  .csAssetListSize .csAssetListItem__preview .title {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #404448;
    display: block;
    line-height: 1.5rem; }
  .csAssetListSize .csAssetListItem__preview .value {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9c9c9c;
    display: block;
    line-height: 1.6rem; }
  .csAssetListSize .csAssetListItem__preview.large .thumbnail {
    height: 4.3rem;
    line-height: 4.3rem;
    width: 4.3rem; }
    .csAssetListSize .csAssetListItem__preview.large .thumbnail .cs-icon {
      font-size: 2.2rem; }
  .csAssetListSize .csAssetListItem__preview.large .value .cs-icon {
    font-size: 1.2rem;
    line-height: 1.4rem; }
  .csAssetListSize .csAssetListItem__preview.middle .thumbnail {
    height: 3.2rem;
    line-height: 3rem;
    width: 3.2rem; }
    .csAssetListSize .csAssetListItem__preview.middle .thumbnail .cs-icon {
      font-size: 1.6rem; }
  .csAssetListSize .csAssetListItem__preview.small .title {
    font-size: 1.2rem;
    font-weight: 400; }
  .csAssetListSize .csAssetListItem__preview.small .thumbnail {
    background: none;
    border: none;
    color: #000;
    height: 1.6rem;
    line-height: 1.4rem;
    width: 1.6rem; }
    .csAssetListSize .csAssetListItem__preview.small .thumbnail .cs-icon {
      font-size: 1.6rem; }

.csWidgetConfigDialog .asset-table-tree-columns {
  height: 21.6rem; }

cs-widget-border {
  display: inherit;
  height: inherit;
  width: inherit; }

.csWidgetDefaultFooter {
  background-color: #fff;
  height: 100%; }
  .csWidgetDefaultFooter li span {
    display: inline-block;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    width: 100%; }
    .csWidgetDefaultFooter li span:hover {
      color: #777; }

.haveFooter ul.csVirtualListRenderer_Container .csVirtualListRenderer_Item {
  background-clip: content-box; }

.csWizardContainer .csPageActions {
  border: none; }

.csWizardContainer .csWizard {
  margin: 0 auto;
  padding: 0 2rem 7rem; }
  .csWizardContainer .csWizard .csWizard__content {
    height: 100%;
    position: relative; }
    .csWizardContainer .csWizard .csWizard__content .cs-grid-wrapper {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: inherit; }
      .csWizardContainer .csWizard .csWizard__content .cs-grid-wrapper [class^="cs-grid-cell"],
      .csWizardContainer .csWizard .csWizard__content .cs-grid-wrapper [class~=" cs-grid-cell"] {
        height: inherit; }

.csWizardContainer .defaultWizard__container {
  margin: 0 auto;
  max-width: 80rem;
  padding: 5rem 1.5rem 2rem; }

.csWizardContainer .csWizard__locker {
  height: 100%;
  left: 0;
  position: absolute;
  top: 19rem;
  width: 100%; }

.csWizardContainer .csWizard__progress {
  left: calc(50% - 20rem);
  position: absolute;
  top: 40%;
  width: 40rem; }

.csWizardContainer .csWizard__progress-container {
  background: #fff;
  height: 100%;
  position: relative; }

.csWizardContainer .csWizard__progress-message {
  text-align: center; }

.csWizardContainer .csWizard__progress-value {
  padding: 3rem 0; }

.csWizardContainer .csBusySpinner__cover {
  background: transparent; }

.csWorkflow .csWorkflow__color {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 50%;
  height: .9rem;
  margin-right: .3rem;
  vertical-align: baseline;
  width: .9rem; }
  .csWorkflow .csWorkflow__color.noColor {
    border: 1px solid #9c9c9c; }

.csWorstWorkflowState {
  display: inline-block;
  height: .8rem;
  vertical-align: baseline;
  width: 10rem; }
  .csWorstWorkflowState > .state {
    display: inline-block;
    height: 100%; }
    .csWorstWorkflowState > .state:first-child {
      border-bottom-left-radius: 0.4rem;
      border-top-left-radius: 0.4rem; }
    .csWorstWorkflowState > .state:last-child {
      border-bottom-right-radius: 0.4rem;
      border-top-right-radius: 0.4rem; }

.csDialog.csWorkflowDoneDialog {
  max-height: 38rem;
  max-width: 54rem; }
  .csDialog.csWorkflowDoneDialog .csDialog__csWorkflowDoneDialog {
    padding-top: 1rem; }

.csWidget_csWorkloadWidget cs-workload-widget-head-component,
.csWidget_csWorkloadAssignDepartmentWidget cs-workload-widget-head-component {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%; }

.csWidget_csWorkloadWidget .csOverflowActionGroup .csActionListItem,
.csWidget_csWorkloadWidget .csOverflowActionGroup .csActionGroupItem,
.csWidget_csWorkloadWidget .csOverflowActionGroup .csActionListItem:last-child,
.csWidget_csWorkloadWidget .csOverflowActionGroup .csActionGroupItem:last-child,
.csWidget_csWorkloadAssignDepartmentWidget .csOverflowActionGroup .csActionListItem,
.csWidget_csWorkloadAssignDepartmentWidget .csOverflowActionGroup .csActionGroupItem,
.csWidget_csWorkloadAssignDepartmentWidget .csOverflowActionGroup .csActionListItem:last-child,
.csWidget_csWorkloadAssignDepartmentWidget .csOverflowActionGroup .csActionGroupItem:last-child {
  min-width: auto; }

.csWidget_csWorkloadWidget .csWidget .csWidget__header cs-action-overflow-group,
.csWidget_csWorkloadWidget .csWidget:hover .csWidget__header cs-action-overflow-group,
.csWidget_csWorkloadWidget .csWidget.csHover .csWidget__header cs-action-overflow-group,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget .csWidget__header cs-action-overflow-group,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget:hover .csWidget__header cs-action-overflow-group,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget.csHover .csWidget__header cs-action-overflow-group {
  display: block; }

.csWidget_csWorkloadWidget .csWidget .csWidget__header cs-action-overflow-group,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget .csWidget__header cs-action-overflow-group {
  opacity: 0; }

.csWidget_csWorkloadWidget .csWidget:hover .csWidget__header cs-action-overflow-group,
.csWidget_csWorkloadWidget .csWidget.csHover .csWidget__header cs-action-overflow-group,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget:hover .csWidget__header cs-action-overflow-group,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget.csHover .csWidget__header cs-action-overflow-group {
  opacity: 1; }

.csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action-area-wrapper,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action-area-wrapper {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0; }

.csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area {
  line-height: inherit;
  list-style: none;
  margin: .5rem 0 .3rem; }
  .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area button.weekName,
  .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area button.weekName {
    overflow: visible !important; }
  .csWidget_csWorkloadWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu,
  .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .csWidget_csWorkloadWidget__action_area .csControl__workloadWeek_menu {
    display: inline-block; }

.csWidget_csWorkloadWidget .csWidget__header .displayedPeriodStartCalendarContainer,
.csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .displayedPeriodStartCalendarContainer {
  display: block;
  left: inherit;
  position: absolute;
  right: -50px;
  top: 30px;
  width: auto;
  z-index: 1; }
  .csWidget_csWorkloadWidget .csWidget__header .displayedPeriodStartCalendarContainer::before, .csWidget_csWorkloadWidget .csWidget__header .displayedPeriodStartCalendarContainer::after,
  .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .displayedPeriodStartCalendarContainer::before,
  .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .displayedPeriodStartCalendarContainer::after {
    left: inherit;
    right: 25%; }
  .csWidget_csWorkloadWidget .csWidget__header .displayedPeriodStartCalendarContainer ul,
  .csWidget_csWorkloadAssignDepartmentWidget .csWidget__header .displayedPeriodStartCalendarContainer ul {
    overflow: hidden; }

.csWidget_csWorkloadWidget .cs-workload-widget-content,
.csWidget_csWorkloadAssignDepartmentWidget .cs-workload-widget-content {
  height: 100%;
  width: 100%; }

.csWidget_csWorkloadWidget .csWorkloadScrollWrapper,
.csWidget_csWorkloadAssignDepartmentWidget .csWorkloadScrollWrapper {
  height: calc(100% - 5.6rem);
  position: relative; }

.csWidget_csWorkloadWidget .csWorkloadScrolledContentWrapper,
.csWidget_csWorkloadAssignDepartmentWidget .csWorkloadScrolledContentWrapper {
  float: left;
  height: 100%;
  position: relative;
  width: calc(100% - 24rem); }
  .csWidget_csWorkloadWidget .csWorkloadScrolledContentWrapper .cs-workload-content-column,
  .csWidget_csWorkloadAssignDepartmentWidget .csWorkloadScrolledContentWrapper .cs-workload-content-column {
    transform: translateZ(0); }
    .csWidget_csWorkloadWidget .csWorkloadScrolledContentWrapper .cs-workload-content-column::before,
    .csWidget_csWorkloadAssignDepartmentWidget .csWorkloadScrolledContentWrapper .cs-workload-content-column::before {
      border-right: 0.1rem solid #d9d9d9;
      bottom: 0;
      content: "";
      display: block;
      left: 0;
      position: absolute;
      right: -.1rem;
      top: 0; }

.csWidget_csWorkloadWidget .csWorkloadHeaderScrollWrapper,
.csWidget_csWorkloadAssignDepartmentWidget .csWorkloadHeaderScrollWrapper {
  height: 5.6rem;
  overflow: hidden;
  width: calc(100% - 24rem); }
  .csWidget_csWorkloadWidget .csWorkloadHeaderScrollWrapper .csWorkloadHeaderScrolled,
  .csWidget_csWorkloadAssignDepartmentWidget .csWorkloadHeaderScrollWrapper .csWorkloadHeaderScrolled {
    height: 5.6rem;
    outline: 0.1rem solid #d9d9d9;
    transform: translateZ(0); }

.csWidget_csWorkloadWidget .csWorkloadLabelsScrollWrapper,
.csWidget_csWorkloadAssignDepartmentWidget .csWorkloadLabelsScrollWrapper {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 24rem; }
  .csWidget_csWorkloadWidget .csWorkloadLabelsScrollWrapper .csWorkloadLabelsScrolled,
  .csWidget_csWorkloadAssignDepartmentWidget .csWorkloadLabelsScrollWrapper .csWorkloadLabelsScrolled {
    width: 100%; }

.csWidget_csWorkloadWidget .cs-workload-content-column .task,
.csWidget_csWorkloadAssignDepartmentWidget .cs-workload-content-column .task {
  border-bottom: 0.1rem solid #d9d9d9;
  height: 4.1rem; }

.csWidget_csWorkloadWidget .cs-workload-content-column .worker,
.csWidget_csWorkloadAssignDepartmentWidget .cs-workload-content-column .worker {
  border-bottom: 0.1rem solid #d9d9d9;
  height: 5.1rem; }

.csWidget_csWorkloadWidget .cs-workload-content-column .days,
.csWidget_csWorkloadAssignDepartmentWidget .cs-workload-content-column .days {
  float: left;
  height: 100%; }
  .csWidget_csWorkloadWidget .cs-workload-content-column .days .day,
  .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-content-column .days .day {
    border-left: 0.1rem solid #d9d9d9;
    box-sizing: border-box;
    float: left;
    height: 100%;
    position: relative;
    width: 4rem; }
    .csWidget_csWorkloadWidget .cs-workload-content-column .days .day.weekend,
    .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-content-column .days .day.weekend {
      background-color: #e6e6e6; }

.csWidget_csWorkloadWidget .header,
.csWidget_csWorkloadAssignDepartmentWidget .header {
  height: 5.6rem; }
  .csWidget_csWorkloadWidget .header .topLeft,
  .csWidget_csWorkloadAssignDepartmentWidget .header .topLeft {
    border-bottom: 0.1rem solid #d9d9d9;
    float: left;
    height: 5.6rem;
    width: 24rem; }
  .csWidget_csWorkloadWidget .header .calendarHeader,
  .csWidget_csWorkloadAssignDepartmentWidget .header .calendarHeader {
    float: right;
    height: 5.6rem; }

.csWidget_csWorkloadWidget .cs-workload-labels-column .worker-label,
.csWidget_csWorkloadAssignDepartmentWidget .cs-workload-labels-column .worker-label {
  border-bottom: 0.1rem solid #d9d9d9;
  height: 5.1rem;
  padding: 0.15rem 0; }
  .csWidget_csWorkloadWidget .cs-workload-labels-column .worker-label .chevron-holder,
  .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-labels-column .worker-label .chevron-holder {
    float: left;
    height: 100%;
    position: relative;
    width: 2rem; }
    .csWidget_csWorkloadWidget .cs-workload-labels-column .worker-label .chevron-holder .chevron-icon,
    .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-labels-column .worker-label .chevron-holder .chevron-icon {
      color: #9c9c9c;
      font-size: 1.6rem;
      padding: 1.6rem 0; }
  .csWidget_csWorkloadWidget .cs-workload-labels-column .worker-label .label,
  .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-labels-column .worker-label .label {
    float: left;
    height: 100%;
    position: relative;
    width: calc(100% - 2rem); }

.csWidget_csWorkloadWidget .cs-workload-labels-column .task-label,
.csWidget_csWorkloadAssignDepartmentWidget .cs-workload-labels-column .task-label {
  border-bottom: 0.1rem solid #d9d9d9;
  height: 4.1rem;
  margin-left: 4rem;
  padding: 0.35rem 0; }
  .csWidget_csWorkloadWidget .cs-workload-labels-column .task-label .label,
  .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-labels-column .task-label .label {
    float: left;
    height: 100%;
    position: relative;
    width: 100%; }

.csWidget_csWorkloadWidget .taskWorkload,
.csWidget_csWorkloadAssignDepartmentWidget .taskWorkload {
  background-color: #69bee6;
  color: #fff;
  font-weight: 300;
  height: 1.6rem;
  left: .5rem;
  line-height: 1.6rem;
  margin-top: -.8rem;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 3rem; }
  .csWidget_csWorkloadWidget .taskWorkload.white-background,
  .csWidget_csWorkloadAssignDepartmentWidget .taskWorkload.white-background {
    background-color: #fff;
    border: 1px solid #9c9c9c;
    color: #9c9c9c; }
  .csWidget_csWorkloadWidget .taskWorkload.overFlow,
  .csWidget_csWorkloadAssignDepartmentWidget .taskWorkload.overFlow {
    background-color: #ff4e4f; }

.csWidget_csWorkloadWidget .csWorkloadIcon,
.csWidget_csWorkloadAssignDepartmentWidget .csWorkloadIcon {
  background-color: #9c9c9c;
  bottom: .5rem;
  height: 3rem;
  left: .5rem;
  position: absolute;
  width: 3rem; }
  .csWidget_csWorkloadWidget .csWorkloadIcon .busy,
  .csWidget_csWorkloadAssignDepartmentWidget .csWorkloadIcon .busy {
    background-color: #69bee6;
    bottom: 0;
    position: absolute;
    width: 100%; }
    .csWidget_csWorkloadWidget .csWorkloadIcon .busy.white-background,
    .csWidget_csWorkloadAssignDepartmentWidget .csWorkloadIcon .busy.white-background {
      background-color: #fff;
      border: 1px solid #9c9c9c; }
  .csWidget_csWorkloadWidget .csWorkloadIcon .overBooked,
  .csWidget_csWorkloadAssignDepartmentWidget .csWorkloadIcon .overBooked {
    background-color: #ff4e4f;
    height: .8rem;
    position: absolute;
    top: -.8rem;
    width: 100%; }
  .csWidget_csWorkloadWidget .csWorkloadIcon .hours,
  .csWidget_csWorkloadAssignDepartmentWidget .csWorkloadIcon .hours {
    bottom: 0;
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10; }
  .csWidget_csWorkloadWidget .csWorkloadIcon .white-background .hours,
  .csWidget_csWorkloadAssignDepartmentWidget .csWorkloadIcon .white-background .hours {
    color: #9c9c9c; }

.csWidget_csWorkloadWidget .cs-workload-widget-legend,
.csWidget_csWorkloadAssignDepartmentWidget .cs-workload-widget-legend {
  max-height: 4.5rem; }
  .csWidget_csWorkloadWidget .cs-workload-widget-legend ul,
  .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-widget-legend ul {
    float: left;
    margin-top: .5rem; }
    .csWidget_csWorkloadWidget .cs-workload-widget-legend ul li,
    .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-widget-legend ul li {
      color: #9c9c9c;
      float: left;
      font-size: 1.2rem;
      height: 2rem;
      margin-right: 1rem; }
      .csWidget_csWorkloadWidget .cs-workload-widget-legend ul li span.disc,
      .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-widget-legend ul li span.disc {
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: 50%;
        display: inline-block;
        height: 1.2rem;
        margin-right: .2rem;
        position: relative;
        top: .2rem;
        width: 1.2rem; }
      .csWidget_csWorkloadWidget .cs-workload-widget-legend ul li.available .disc,
      .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-widget-legend ul li.available .disc {
        background-color: #9c9c9c; }
      .csWidget_csWorkloadWidget .cs-workload-widget-legend ul li.busy .disc,
      .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-widget-legend ul li.busy .disc {
        background-color: #69bee6; }
      .csWidget_csWorkloadWidget .cs-workload-widget-legend ul li.overbooked .disc,
      .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-widget-legend ul li.overbooked .disc {
        background-color: #ff4e4f; }
      .csWidget_csWorkloadWidget .cs-workload-widget-legend ul li.white-background .disc,
      .csWidget_csWorkloadAssignDepartmentWidget .cs-workload-widget-legend ul li.white-background .disc {
        background-color: #fff;
        border: 1px solid #9c9c9c; }

.VerticalScrollbar {
  background: none; }

#csWorkloadResizeColumnsDragHandle {
  cursor: col-resize;
  height: calc(100% - 46px);
  left: 255px;
  position: absolute;
  top: 0;
  width: 10px; }

.csWorkloadScrolledContentWrapper {
  float: left !important; }

.csWorkspaceTemplateDialog .csDialog__csWorkspaceTemplateDialog {
  height: 100%; }

.csWorkspaceTemplateDialog .csWorkspaceTemplateDialog_dialog {
  height: 100%; }

.csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner {
  -webkit-flex: 1 0;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  padding: 2rem;
  position: relative; }
  .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .dialog-content-icon {
    color: #b2b2b2;
    font-size: 4.5rem; }
  .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_icon {
    -webkit-flex: 0 0 6.5rem;
    -moz-flex: 0 0 6.5rem;
    -ms-flex: 0 0 6.5rem;
    flex: 0 0 6.5rem; }
  .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content {
    -webkit-flex: 0 1 100%;
    -moz-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    height: 100%; }
    .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content h1 {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding: 0 0 2rem; }
    .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder {
      background: #fff;
      -ms-flex: 1 1 100%;
      height: 100%;
      overflow: hidden; }
      .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder.csHover, .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder:hover, .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder:focus {
        box-shadow: rgba(212, 212, 212, 0.5) 0 0 9px 2px; }
      .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder .availableTemplatesList {
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-overflow-scrolling: touch; }
        .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder .availableTemplatesList .availableTemplatesList_item {
          font-family: "SourceSansPro", "Arial", sans-serif;
          font-size: 1.4rem;
          font-weight: 300;
          line-height: 1.2em;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #777;
          margin-right: 1rem;
          padding: .3rem 1.7rem;
          position: relative; }
          .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder .availableTemplatesList .availableTemplatesList_item::after {
            content: " ";
            font-family: "SourceSansPro", sans-serif;
            font-size: 1.4rem;
            font-weight: 300;
            line-height: 2rem;
            position: absolute;
            right: 1.7rem;
            top: .1rem; }
          .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder .availableTemplatesList .availableTemplatesList_item.selected {
            background: #f2f2f2;
            color: #69bee6; }
            .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder .availableTemplatesList .availableTemplatesList_item.selected::after {
              content: "\2713"; }
          .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner .col_content .availableTemplatesList_holder .availableTemplatesList .availableTemplatesList_item:hover {
            background: #69bee6;
            color: #f2f2f2; }
  .csWorkspaceTemplateDialog .csDialog__content .csDialog__content-inner h1 {
    font-family: "SourceSansPro", "Arial", sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2em;
    color: #404448; }

.csWidget_csWorldClockWidget .csWidget__content__inner {
  overflow: hidden; }

.csWidget_csWorldClockWidget .csWorldClockWidget__main {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  padding: 0 0 2rem;
  width: 100%; }
  .csWidget_csWorldClockWidget .csWorldClockWidget__main .csWorldClockWidget__main__face {
    -webkit-flex: 1 0 37%;
    -moz-flex: 1 0 37%;
    -ms-flex: 1 0 37%;
    flex: 1 0 37%;
    text-align: center; }
  .csWidget_csWorldClockWidget .csWorldClockWidget__main .csWorldClockWidget__main__place {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    -webkit-flex: 1 1 63%;
    -moz-flex: 1 1 63%;
    -ms-flex: 1 1 63%;
    flex: 1 1 63%;
    overflow: hidden;
    padding-left: 1rem;
    text-align: center; }
    .csWidget_csWorldClockWidget .csWorldClockWidget__main .csWorldClockWidget__main__place .csWorldClockWidget__city {
      color: #404448;
      display: block;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 1.92rem;
      margin: 0;
      min-height: 1.2em;
      overflow: hidden;
      padding: 0;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .csWidget_csWorldClockWidget .csWorldClockWidget__main .csWorldClockWidget__main__place .csWorldClockWidget__time {
      color: #1c1c1c;
      display: block;
      font-size: 3.6rem;
      font-weight: 500;
      line-height: 3.12rem;
      margin: 0;
      min-height: 1.2em;
      overflow: hidden;
      padding: 0;
      text-overflow: ellipsis;
      white-space: nowrap; }

.csWidget_csWorldClockWidget .csWorldClockWidget__sec {
  border-bottom: 0.1rem solid #f2f2f2;
  font-size: 1.4rem;
  font-weight: 400;
  height: 3rem;
  line-height: 3rem; }
  .csWidget_csWorldClockWidget .csWorldClockWidget__sec .csWorldClockWidget__main__place {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .csWidget_csWorldClockWidget .csWorldClockWidget__sec .csWorldClockWidget__main__place .csWorldClockWidget__city,
    .csWidget_csWorldClockWidget .csWorldClockWidget__sec .csWorldClockWidget__main__place .csWorldClockWidget__time {
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      display: inline-block; }
    .csWidget_csWorldClockWidget .csWorldClockWidget__sec .csWorldClockWidget__main__place .csWorldClockWidget__city {
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      overflow: hidden;
      padding-right: 0.5rem;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .csWidget_csWorldClockWidget .csWorldClockWidget__sec:last-child {
    border-bottom: none; }

cs-clock-analog {
  display: inline-block;
  vertical-align: top; }

.csClockAnalog__face {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 50%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #e6e6e6;
  display: inline-block;
  font-size: 1rem;
  height: 8em;
  line-height: 8em;
  position: relative;
  vertical-align: top;
  width: 8em; }
  .csClockAnalog__face .csClockAnalog__digits {
    color: #fff;
    display: none;
    left: 0;
    position: absolute;
    text-align: center;
    top: 56%;
    width: 100%;
    z-index: 5; }
  .csClockAnalog__face .csClockAnalog__hour_hand,
  .csClockAnalog__face .csClockAnalog__minute_hand {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 1px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    background-color: #fff;
    bottom: 50%;
    display: block;
    height: 2em;
    left: 50%;
    position: absolute;
    transform-origin: bottom center;
    width: .2em;
    z-index: 10; }
  .csClockAnalog__face .csClockAnalog__minute_hand {
    height: 3.2em; }

.csYoutubeVideo {
  margin-right: 1rem; }
  .csYoutubeVideo .aspect-ration-wrapper {
    margin-bottom: 1rem;
    position: relative;
    width: 100%; }
    .csYoutubeVideo .aspect-ration-wrapper::after {
      content: "";
      display: block;
      padding-top: 56.25%; }

.csWidget_detailedSearchWidget .cs-search-wrapper .cs-cell-marketing-material {
  min-width: 60%; }

.csWidget_detailedSearchWidget .detailedSearchWidget__footer {
  background-color: #fff;
  bottom: 0;
  height: 3.5rem;
  position: absolute;
  width: 100%; }
  .csWidget_detailedSearchWidget .detailedSearchWidget__footer .detailedSearchWidget__button-bar {
    position: absolute;
    right: 1.6rem; }

.cs-dropdown {
  height: 3rem;
  position: relative;
  vertical-align: top; }
  .cs-dropdown .cs-dropdown-toggle {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: -0.1rem;
    border-top-left-radius: 0;
    border-top-right-radius: -0.1rem;
    background: transparent;
    border: 0;
    color: #d9d9d9;
    cursor: pointer;
    height: 2.8rem;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    right: .1rem;
    top: .1rem;
    width: 3rem; }
    .cs-dropdown .cs-dropdown-toggle:hover, .cs-dropdown .cs-dropdown-toggle:focus {
      color: #c7c7c7;
      outline: 0; }
    .cs-dropdown .cs-dropdown-toggle::before {
      -webkit-transition: transform 150ms ease-in-out;
      -moz-transition: transform 150ms ease-in-out;
      transition: transform 150ms ease-in-out;
      color: inherit;
      content: "\e94c";
      display: block;
      font-family: "cs-icons", sans-serif;
      font-size: 1.2rem;
      line-height: 2;
      padding-top: .1rem;
      text-align: center; }
  .cs-dropdown.open .cs-input, .cs-dropdown.cs-is-open .cs-input {
    border-color: #c7c7c7; }
  .cs-dropdown.open .cs-dropdown-toggle, .cs-dropdown.cs-is-open .cs-dropdown-toggle {
    border-left-color: #c7c7c7; }
    .cs-dropdown.open .cs-dropdown-toggle::before, .cs-dropdown.cs-is-open .cs-dropdown-toggle::before {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  .cs-dropdown.cs-is-small {
    height: 2.4rem; }
    .cs-dropdown.cs-is-small .cs-dropdown-toggle {
      height: 2.2rem;
      width: 2.3rem; }
      .cs-dropdown.cs-is-small .cs-dropdown-toggle::before {
        font-size: 1.2rem;
        line-height: 1.57142857; }

.cs-dropdown-container {
  box-shadow: 0 3px 10px 0.1;
  background-color: #fff;
  border: 0.1rem solid #d9d9d9;
  display: none;
  left: 0;
  position: absolute;
  top: 110%;
  width: 100%;
  z-index: 1010; }
  .cs-dropdown-container::after, .cs-dropdown-container::before {
    border: solid transparent;
    content: " ";
    height: 0;
    margin-left: -6px;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 20; }
  .cs-dropdown-container::before {
    border-bottom-color: #e2e2e2;
    border-width: 6px;
    bottom: 100%;
    left: 50%; }
  .cs-dropdown-container::after {
    border-bottom-color: #fff;
    border-width: 6px;
    bottom: calc(100% - 1px);
    left: 50%; }

.cs-dropdown-menu {
  font-size: 1.4rem;
  list-style: none;
  margin: 0 4px 4px 0;
  max-height: 270px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 13px 20px; }
  .cs-dropdown-menu li {
    padding: 7px 0; }
  .cs-dropdown-menu > li > a {
    clear: both;
    color: #404448;
    display: block;
    font-weight: 400;
    line-height: 1.2;
    padding: 3px 20px;
    white-space: nowrap; }

.open > .cs-dropdown-container,
.cs-is-open > .cs-dropdown-container {
  display: block; }

.cs-dropdown-backdrop {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000; }

cs-search-radius {
  display: inline-block;
  margin: 0 0 1rem 1rem;
  vertical-align: top;
  width: 100%; }
  cs-search-radius .csSearchRadiusAddress {
    margin-left: 90px;
    position: absolute;
    width: 100%;
    z-index: 1000; }
    cs-search-radius .csSearchRadiusAddress .csSearchRadiusInput {
      margin-left: -30px;
      margin-top: 14px;
      width: calc(100% - 10rem); }
    cs-search-radius .csSearchRadiusAddress ul.csSearchRadiusList {
      background: #fff;
      font-size: 14px;
      line-height: 23px;
      margin-left: -30px;
      text-overflow: ellipsis;
      width: calc(100% - 10rem); }
      cs-search-radius .csSearchRadiusAddress ul.csSearchRadiusList li {
        border: 1px solid #e4e4e4; }
    cs-search-radius .csSearchRadiusAddress .cs-input.cs-clearable:not([disabled]) + .cs-clearable-wrapper {
      vertical-align: inherit; }
  cs-search-radius #csSearchRadiusMap {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    border: 0.1rem solid #d9d9d9;
    box-shadow: none;
    height: 20em;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%; }
  cs-search-radius .placesSearch {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0;
    border: 0.1rem solid #d9d9d9;
    margin-top: 6px;
    opacity: .91;
    padding: 6px;
    width: 120px; }
    cs-search-radius .placesSearch:focus {
      background: #fff;
      border-color: #e6e6e6;
      opacity: .98;
      outline: none;
      width: 50%; }

.cs-select-component {
  background: #fff;
  color: #404448;
  font-size: 1.4rem;
  position: relative;
  user-select: none;
  width: 100%; }
  .cs-select-component > .cs-select-component__clear {
    right: 2rem; }
    .cs-select-component > .cs-select-component__clear:focus {
      outline: 1px solid #44a4de; }
    .cs-select-component > .cs-select-component__clear::before, .cs-select-component > .cs-select-component__clear::after {
      background: #b2b2b2; }
  .cs-select-component::after {
    border-color: #b2b2b2 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    content: "";
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    top: 1.5rem;
    transform: translateY(-50%);
    transition: transform .15s ease-in-out;
    width: 0;
    z-index: 101000; }
  .cs-select-component:hover > .cs-select-component__clear {
    right: 2rem; }
    .cs-select-component:hover > .cs-select-component__clear::before, .cs-select-component:hover > .cs-select-component__clear::after {
      background: #9c9c9c; }
  .cs-select-component:hover::after {
    border-color: #9c9c9c transparent transparent transparent; }

.cs-select-component_expanded .cs-select-component__dropdown {
  display: block; }

.cs-select-component_expanded .cs-select-component__values {
  border-color: #d9d9d9; }

.cs-select-component_expanded::after {
  transform: translateY(-50%) rotateZ(180deg); }

.cs-select-component_expanded.cs-select-component_single .cs-select-component__values {
  color: #9c9c9c; }

.cs-select-component_empty > .cs-select-component__clear {
  display: none; }

.cs-select-component_empty .cs-select-component__placeholder {
  visibility: visible; }

.cs-select-component_required.cs-select-component_empty .cs-select-component__values,
.cs-select-component_required.cs-select-component_empty .cs-select-component__dropdown {
  border-color: #ffaf31; }

.cs-select-component__multivalue-invalid {
  border: 1px solid #ff4e4f; }

.cs-select-component__validator {
  display: none !important; }

.cs-select-component_has-query .cs-select-component__placeholder {
  visibility: hidden; }

.cs-select-component_has-query.cs-select-component_single .cs-select-component__value {
  visibility: hidden; }

.cs-select-component_single .cs-select-component__value .cs-select-component__clear {
  display: none; }

.cs-select-component_single .cs-select-component__value_has-different-values .cs-select-component__value__title {
  display: none; }

.cs-select-component_single .cs-select-component__value_has-different-values .cs-select-component__value__multiple-values {
  display: block; }

.cs-select-component_multi .cs-select-component__values {
  min-height: 3rem;
  padding: 0.6rem 5rem 0 1rem; }

.cs-select-component_multi .cs-select-component__value {
  float: left;
  line-height: inherit;
  padding: 0 0.5rem 0 0; }

.cs-select-component_multi:not(.cs-select-component_empty) input[type="text"].cs-select-component__search {
  background: #fff;
  width: 100%; }

.cs-select-component_multi:not(.cs-select-component_empty) .cs-select-component__dropdown {
  top: 100%;
  transform: translateY(-0.1rem); }

.cs-select-component__value_has-different-values {
  color: #9c9c9c; }

.cs-select-component__value__multiple-values {
  display: none;
  font-style: italic;
  font-weight: 300; }

.cs-select-component_unerasable > .cs-select-component__clear {
  display: none; }

.cs-select-component_unerasable .cs-select-component__value_stored-on-server .cs-tag-close {
  display: none; }

.cs-select-component_unerasable.cs-select-component_multi .cs-select-component__value_stored-on-server .cs-tag-text {
  padding: 0 .5rem; }

.cs-select-component_disabled {
  opacity: .6;
  pointer-events: none; }

.cs-select-component_dropdown-top.cs-select-component__dropdown {
  bottom: 0;
  padding-bottom: 2.8rem;
  top: auto; }

.cs-select-component_dropdown-top input[type="text"].cs-select-component__search {
  bottom: 0;
  position: absolute; }

.cs-select-component_dropdown-top .cs-select-component__separator {
  bottom: 2.8rem;
  position: absolute; }

.cs-select-component_dropdown-top.cs-select-component_expanded .cs-select-component__values {
  border-color: #d9d9d9; }

.cs-select-component_dropdown-top.cs-select-component_multi.cs-select-component__dropdown {
  bottom: initial;
  padding-bottom: 2.8rem;
  top: 0; }

.cs-select-component_dropdown-top.cs-select-component_multi.cs-select-component_empty .cs-select-component__values {
  min-height: 3rem; }

.cs-select-component_dropdown-top.cs-select-component_multi.cs-select-component_empty .cs-select-component__dropdown {
  bottom: 0;
  top: initial;
  transform: translateY(0.1rem); }

.cs-select-component__placeholder {
  border: 0.1rem solid transparent;
  color: #9c9c9c;
  font-weight: 300;
  height: 2.8rem;
  left: 0;
  line-height: 2.8rem;
  overflow: hidden;
  padding: 0 1rem;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%; }

.cs-select-component__separator {
  background: #fff;
  height: 1px;
  position: relative;
  width: 100%; }
  .cs-select-component__separator::after {
    background: #f2f2f2;
    content: "";
    display: block;
    height: 100%;
    left: 1rem;
    position: absolute;
    right: 1rem; }

.cs-select-component__values {
  border: 0.1rem solid #d9d9d9;
  cursor: pointer;
  min-height: 3rem;
  padding-right: 4rem;
  position: relative;
  width: 100%; }
  .cs-select-component__values::after {
    clear: both;
    content: "";
    display: table; }

.cs-select-component__value {
  font-weight: 400;
  line-height: 2.8rem;
  overflow: hidden;
  padding: 0 1rem;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap; }

.cs-select-component__dropdown {
  background-color: #fff;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100; }

.cs-dynamic-dropdown.cs-select-component__dropdown {
  display: block;
  z-index: 101000; }

.cs-select-component__options {
  background: #fff;
  margin: 1rem 0;
  max-height: 20rem;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: auto;
  width: 100%; }

.cs-select-component__option {
  color: #9c9c9c;
  cursor: pointer;
  font-weight: 300;
  line-height: 2.8rem;
  padding: 0 1rem;
  transition: background ease-in-out .3s; }
  .cs-select-component__option_selected {
    color: #69bee6; }
  .cs-select-component__option_disabled {
    pointer-events: none; }
  .cs-select-component__option:hover, .cs-select-component__option_preSelection {
    background: #f2f2f2; }
  .cs-select-component__option span {
    color: #000; }

.cs-select-component__invalid-message {
  background-color: transparent;
  color: #ff4e4f; }

.cs-select-component__clear,
a.search-choice-close {
  background: transparent;
  border: none;
  cursor: pointer;
  height: 3rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem; }
  .cs-select-component__clear::before, .cs-select-component__clear::after,
  a.search-choice-close::before,
  a.search-choice-close::after {
    background: #000;
    content: "";
    height: 40%;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: background-color .15s ease-in-out;
    width: .1rem; }
  .cs-select-component__clear::before,
  a.search-choice-close::before {
    transform: translate(-50%, -50%) rotate(45deg); }
  .cs-select-component__clear::after,
  a.search-choice-close::after {
    transform: translate(-50%, -50%) rotate(-45deg); }
  .cs-select-component__clear:hover::after, .cs-select-component__clear:hover::before,
  a.search-choice-close:hover::after,
  a.search-choice-close:hover::before {
    background-color: #c7c7c7; }

.cs-select-component__no-results {
  color: #9c9c9c;
  padding: 1rem;
  text-align: center; }

.cs-select-component__paging {
  background: #fff;
  margin: 1rem;
  pointer-events: auto; }

input[type="text"].cs-select-component__search {
  background: transparent;
  border: none;
  height: 2.8rem;
  line-height: 2.8rem;
  outline: none;
  padding: 0 1rem;
  pointer-events: auto;
  width: calc(100% - 4rem); }
  input[type="text"].cs-select-component__search:focus {
    border-color: transparent; }

.cs-prio-low .cs-select-component__placeholder,
.cs-prio-low input[type="text"].cs-select-component__search,
.cs-prio-medium .cs-select-component__placeholder,
.cs-prio-medium input[type="text"].cs-select-component__search,
.cs-prio-high .cs-select-component__placeholder,
.cs-prio-high input[type="text"].cs-select-component__search {
  padding-left: 3rem; }

.cs-prio-low .cs-select-component__values,
.cs-prio-medium .cs-select-component__values,
.cs-prio-high .cs-select-component__values {
  padding-left: 2rem; }
  .cs-prio-low .cs-select-component__values::before,
  .cs-prio-medium .cs-select-component__values::before,
  .cs-prio-high .cs-select-component__values::before {
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#FF4C4B;}</style><g><path class='st0' d='M4,3h2.3v3.9h3.5V3H12v10H9.7V8.8H6.3V13H4V3z'/></g></svg>");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 2.8rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.8rem; }

.cs-prio-low .cs-select-component__values::before {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#B2E160;}</style><g><path class='st0' d='M4.9,3h2.2v8.1h4V13H4.9V3z'/></g></svg>"); }

.cs-prio-medium .cs-select-component__values::before {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#FFC35B;}</style><g><path class='st0' d='M3.3,3h2.4l1.7,4.5L8,9.2h0.1l0.6-1.8L10.3,3h2.4v10h-2.1V9.3c0-0.2,0-0.5,0-0.8s0.1-0.6,0.1-0.9c0-0.3,0.1-0.6,0.1-0.9c0-0.3,0.1-0.6,0.1-0.8h-0.1L9.8,8.2l-1.6,3.9H7.5L6,8.2L5.2,5.9H5.2c0,0.2,0.1,0.5,0.1,0.8s0.1,0.6,0.1,0.9s0.1,0.6,0.1,0.9c0,0.3,0,0.6,0,0.8V13h-2V3z'/></g></svg>"); }

.cs-prio-high .cs-select-component__values::before {
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='Hintergrund' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'><style type='text/css'>.st0{fill:#FF4C4B;}</style><g><path class='st0' d='M4,3h2.3v3.9h3.5V3H12v10H9.7V8.8H6.3V13H4V3z'/></g></svg>"); }

.cs-is-small .cs-select-component::after {
  top: 1.3rem; }

.cs-is-small .cs-select-component__values {
  height: 2.4rem;
  min-height: 2.4rem; }
  .cs-is-small .cs-select-component__values::before {
    height: 2.4rem;
    width: 2.4rem; }

.cs-is-small .cs-select-component__clear {
  height: 2.6rem; }

.cs-is-small input[type="text"].cs-select-component__search {
  height: 2.4rem;
  line-height: 2.4rem; }

.cs-is-small .cs-select-component__placeholder,
.cs-is-small .cs-select-component__value {
  line-height: 2rem; }

.cs-is-alt .cs-select-component,
.cs-is-alt .cs-select-component__separator,
.cs-is-alt .cs-select-component__options,
.cs-is-alt .cs-select-component__paging {
  background-color: #f2f2f2; }

.cs-is-alt .cs-select-component_multi .cs-select-component__value__title {
  background-color: #d9d9d9; }

.cs-is-alt .cs-select-component_multi:not(.cs-select-component_empty) input[type="text"].cs-select-component__search {
  background: #f2f2f2; }

.select-options-crop-ellipsis .cs-select-component__option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.cs-dynamic-dropdown {
  border: 1px solid #d9d9d9;
  border-top-width: 0;
  display: block;
  margin-top: -.1rem; }
  .cs-dynamic-dropdown.cs-select-component_dropdown-top {
    border-bottom-width: 0;
    border-top-width: .1rem;
    margin-bottom: -.1rem; }

.cs-select-component__value .cs-tag-03 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: auto;
  width: 100%; }
  .cs-select-component__value .cs-tag-03 .cs-tag-text {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 0;
    white-space: normal;
    word-break: break-all; }
  .cs-select-component__value .cs-tag-03 button {
    -webkit-flex: 0 0 1.6rem;
    -moz-flex: 0 0 1.6rem;
    -ms-flex: 0 0 1.6rem;
    flex: 0 0 1.6rem;
    padding-left: 0;
    position: relative; }
  .cs-select-component__value .cs-tag-03.cs-is-small {
    line-height: 1.2; }

.cs-radio__question-mark-symbol {
  display: none;
  left: .55rem;
  padding-top: .1rem;
  position: absolute;
  z-index: 1; }
  .cs-radio__question-mark-symbol::after {
    color: #404448;
    content: "?"; }

.cs-radio-group {
  padding-top: 0.5rem; }

.cs-radio-group_has-different-values .cs-radio__question-mark-symbol {
  display: block; }

.cs-radio-group_has-different-values .cs-radio-style {
  background: #f2f2f2; }

/*!
 * Copyright (c) by censhare AG
 */
.csBulkOperationWizard .csWidget__header {
  border-bottom: 0.1rem solid #e6e6e6; }

.csWizardContainer .csBulkOperationWizard .csWizard__locker {
  height: 100%;
  position: relative;
  top: -100%; }
  .csWizardContainer .csBulkOperationWizard .csWizard__locker .csBusySpinner__cover {
    background: transparent; }

.cs-bulk-operation-wizard,
.cs-bulk-operation-wizard-step1,
.cs-bulk-operation-wizard-step2,
.cs-bulk-operation-wizard-step3 {
  height: 100%; }
  .cs-bulk-operation-wizard article,
  .cs-bulk-operation-wizard-step1 article,
  .cs-bulk-operation-wizard-step2 article,
  .cs-bulk-operation-wizard-step3 article {
    display: flex;
    flex-direction: inherit;
    height: 100%; }

.cs-bulk-operation-wizard-step1 .cs-bulk-operation-wizard-step1__infoBar {
  height: 3rem;
  line-height: 3rem;
  width: 100%; }

.cs-bulk-operation-wizard-step1 .cs-bulk-operation-wizard-step1__selectionCount {
  float: right; }

.cs-bulk-operation-wizard-step1 .cs-bulk-operation-wizard-step1__actionsLabel {
  float: left; }

.cs-bulk-operation-wizard-step2 .cs-bulk-operation-wizard-step2_operation-in-progress {
  font-size: 1.2rem;
  font-weight: 300;
  margin: .5rem 0;
  padding: .5rem 0; }

.cs-bulk-operation-wizard-step2 .cs-bulk-operation-wizard-step2_actionList {
  margin: 1.5rem 1rem 2rem 0; }

.cs-bulk-operation-wizard-step2 .cs-radio-input:checked ~ .cs-radio-icon {
  color: #777 !important; }

.cs-bulk-operation-wizard-step2 .cs-action-icon {
  color: #777;
  margin: 0 .5rem 0 1rem; }

.cs-bulk-operation-wizard-step2 .cs-disabled-action .cs-radio .cs-radio-label,
.cs-bulk-operation-wizard-step2 .cs-disabled-action .cs-radio .cs-radio-icon {
  color: #c7c7c7; }

.cs-bulk-operation-wizard-step3 .csWidget__header {
  border-bottom: 0; }

.cs-bulk-operation-wizard-step3 .result-button-active {
  border-bottom: 1rem solid #c7c7c7; }

.cs-bulk-operation-wizard-step3 cs-virtual-list {
  margin: 0 2rem; }

.cs-bulk-operation-wizard-step3 .cs-bulk-operation-wizard-step3-disabled-result {
  cursor: default;
  opacity: .4; }

.cs-bulk-operation-wizard-step3 .cs-bulk-operation-wizard-step3-success,
.cs-bulk-operation-wizard-step3 .cs-bulk-operation-wizard-step3-failure {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .cs-bulk-operation-wizard-step3 .cs-bulk-operation-wizard-step3-success > div,
  .cs-bulk-operation-wizard-step3 .cs-bulk-operation-wizard-step3-failure > div {
    flex-grow: 1;
    height: 100%; }

/*!
 * @copyright censahre AG
 * @author Vaibhav Agarwal.
 */
.csUploadAndEditWizard .csSelectFiles,
.csUploadAndEditSelectFilesStep .csSelectFiles {
  background: none;
  height: 40%; }
  .csUploadAndEditWizard .csSelectFiles:hover,
  .csUploadAndEditSelectFilesStep .csSelectFiles:hover {
    box-shadow: none; }

.csUploadAndEditWizard .csWizard__locker,
.csUploadAndEditSelectFilesStep .csWizard__locker {
  top: 0 !important; }

.csUploadAndEditPropertiesStep .csWidget__header_title {
  border-bottom: 1.1rem solid #f2f2f2;
  margin-bottom: 1rem; }

/*!
 * @copyright censahre AG
 * @author Vaibhav Agarwal.
 */
.csVideoEditor {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%; }
  .csVideoEditor .csVideoEditor__toolbar.cs-toolbar {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0.5rem 1.5rem 0; }
    .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-sub-topic {
      padding-right: 1rem; }
    .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-sub-tools {
      margin-left: 1rem; }
    .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-1 .cs-toolbar-item,
    .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-2 .cs-toolbar-item {
      float: left;
      padding-right: 1rem; }
      .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-1 .cs-toolbar-item label,
      .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-2 .cs-toolbar-item label {
        float: left;
        padding-right: 0; }
      .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-1 .cs-toolbar-item.cs-toolbar-item-aspect-ratio,
      .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-2 .cs-toolbar-item.cs-toolbar-item-aspect-ratio {
        min-width: 200px; }
        .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-1 .cs-toolbar-item.cs-toolbar-item-aspect-ratio .aspect-ratio-select,
        .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-2 .cs-toolbar-item.cs-toolbar-item-aspect-ratio .aspect-ratio-select {
          float: left;
          width: 20rem; }
      .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-1 .cs-toolbar-item.cs-toolbar-item-unit .unit-select,
      .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-2 .cs-toolbar-item.cs-toolbar-item-unit .unit-select {
        float: left; }
    .csVideoEditor .csVideoEditor__toolbar.cs-toolbar.show-sub-toolbar {
      display: none; }
    .csVideoEditor .csVideoEditor__toolbar.cs-toolbar .cs-toolbar-slot-sub-actions {
      padding-left: 1rem; }
  .csVideoEditor .csVideoEditor__stage {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: auto;
    padding: .8rem;
    position: relative; }
    .csVideoEditor .csVideoEditor__stage cs-media-player {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
    .csVideoEditor .csVideoEditor__stage .mejs-wrapper {
      /**
            Handles to move timed annotation on time bar
            */ }
      .csVideoEditor .csVideoEditor__stage .mejs-wrapper .mejs-time-annotation {
        height: 100%;
        opacity: .9;
        position: absolute; }
      .csVideoEditor .csVideoEditor__stage .mejs-wrapper .mejs-time-annotation-left,
      .csVideoEditor .csVideoEditor__stage .mejs-wrapper .mejs-time-annotation-right {
        border-radius: 15px;
        cursor: ew-resize;
        height: 15px;
        position: absolute;
        top: -5px;
        width: 15px; }

.video-not-found {
  margin-top: 10px !important; }

.video-not-found .cs-empty-state__content {
  background: #3f4448;
  height: 100%; }

.csDialog__csAssetTableSortDialog {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%; }

cs-asset-table-sort-dialog-component {
  height: 100%;
  width: 100%; }
  cs-asset-table-sort-dialog-component .sort-table-container {
    height: 100%;
    padding: 1.5rem;
    width: 100%; }

.cs-translation-order-status-widget {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: space-around;
  -ms-justify-content: space-around;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  height: 100%; }

.csAssetProperties__list__label_translationOrderStatusWidget-refreshData {
  max-height: 1.6rem !important;
  visibility: hidden; }

.cs-button-link-01_translationOrderStatusWidget-refreshData {
  color: #000;
  text-transform: none; }

.cs-translation-order-status-widget_actions {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: space-around;
  -ms-justify-content: space-around;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around; }

.cs-translation-order-status-widget span p.cs-translation-order-status-widget_last-update-date-label,
.cs-translation-order-status-widget span p.cs-translation-order-status-widget_last-update-date-data {
  font-weight: 400;
  margin-bottom: 0; }

.csSendTranslationOrderConfirmationDialog {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-height: 100px; }

.csSendTranslationOrderConfirmationDialog_total th {
  padding: 0; }

.csSendTranslationOrderConfirmationDialog_total {
  max-width: calc(2rem * 10); }

.cs-action-class-hidden-active {
  color: #1c1c1c; }

.cs-action-class-hidden-inactive {
  color: #b2b2b2; }

.csDialog.missingDeletionPoliciesDialog {
  height: 20rem; }

.cs-assetDeletionReportWidgetContainer {
  height: calc(100% - 5rem);
  overflow: auto; }

.cs-table-02_assetDeletionReport,
.cs-table-02_assetDeletionReport td,
.cs-table-02_assetDeletionReport th,
.cs-table-02_assetDeletionReport table,
.cs-table-02_assetDeletionReport__paginationActionBtn,
.cs-table-02_assetDeletionReport__row__action {
  border: none; }

.cs-table-02_assetDeletionReport .cs-table-02_assetDeletionReport__row {
  border-top: 2px solid #c7c7c7; }

.cs-table-02_assetDeletionReport .cs-table-02_assetDeletionReport__row:last-child {
  border-bottom: 2px solid #c7c7c7; }

.cs-table-02_assetDeletionReport__rowActionsWrapper {
  display: inline-block;
  width: 15px; }

.cs-table-02_assetDeletionReport__rowActionsWrapper_hasLeftMargin {
  margin-left: 15px; }

.cs-table-02_assetDeletionReport__row__action {
  background-color: transparent;
  position: relative; }

.cs-table-02_assetDeletionReport__row__action__icon {
  left: 0;
  position: absolute;
  top: -2px; }

.cs-table-02_assetDeletionReport__row__action:hover {
  background-color: transparent; }

.cs-table-02_assetDeletionReport .cs-table-02_assetDeletionReport__assetVersionHead {
  text-align: center;
  width: 1rem; }

.cs-table-02_assetDeletionReport .cs-table-02_assetDeletionReport__assetVersionValue {
  text-align: center;
  vertical-align: top;
  width: 1rem; }

.cs-table-02_assetDeletionReport .cs-table-02_assetDeletionReport__constraints {
  border-left: 1px solid #f2f2f2;
  padding-left: 0; }

.cs-table-02_assetDeletionReport__paginationActionBtn:hover {
  cursor: pointer; }

.cs-table-02_assetDeletionReport__footer {
  bottom: 0;
  box-shadow: 0 -2px 10px 1px #f2f2f2;
  height: 5rem;
  position: absolute;
  width: 100%; }

.cs-table-02_assetDeletionReportPagination {
  align-items: center;
  bottom: 1rem;
  max-width: 55rem;
  position: absolute;
  right: -3%;
  width: 100%; }

.cs-table-02_assetDeletionReport__footer__itemsPerPageDescriptionIcon {
  color: #c7c7c7; }

.cs-table-02_assetDeletionReport__footer__itemsPerPageDescriptionIcon:hover {
  cursor: pointer; }

.cs-grid-wrapper_verticallyCenteredChilds {
  align-items: center; }

cs-asset-deletion-report-widget-head {
  width: 100%; }

.csAssetDeletionReportWidgetHead {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.csAssetDeletionReportWidgetHead__title {
  padding: 6px 0 0 15px; }

.csAssetDeletionReportWidgetHead__refreshButton__wrapper > button {
  border: none; }

.csAssetDeletionReportWidgetHead__refreshButton__wrapper > button,
.csAssetDeletionReportWidgetHead__refreshButton__wrapper > button:hover {
  background-color: transparent; }

.e-mail-tooltip {
  display: inline-block;
  padding-top: .8rem; }

/*
    This is a work around until we get less compilation out of Java.
    Furthermore, less should be refactored to scss, and added to webpack compilation.
*/
/*
    This is a work around until we get less compilation out of Java.
    Furthermore, less should be refactored to scss, and added to webpack compilation.
*/
.expandableGroup .expandableGroup__header {
  border-bottom: 0.1rem solid #e6e6e6;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1;
  margin: 0 -1.5rem 0.5rem -1.5rem;
  padding: 0 0 0.5rem; }
  .expandableGroup .expandableGroup__header .expandableGroup__icon {
    color: #000;
    float: left;
    font-size: 1.2rem;
    font-weight: 400;
    padding-left: 1rem;
    padding-right: 1rem; }

app-weather-icon {
  display: inline-block;
  height: 100%;
  width: 100%; }
  app-weather-icon img {
    height: 100%;
    width: 100%; }

app-weather-widget {
  display: block;
  height: 100%;
  overflow: hidden; }
  app-weather-widget .csWeatherWidget__main {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: block;
    height: 8rem;
    line-height: 8rem;
    margin: 0 -2rem 2rem;
    padding: 0 2rem;
    position: relative;
    text-align: center; }
    app-weather-widget .csWeatherWidget__main:hover {
      background-color: #f7f7f7; }
    app-weather-widget .csWeatherWidget__main app-weather-icon {
      height: 8rem;
      width: 8rem; }
    app-weather-widget .csWeatherWidget__main .csWeatherWidget__temperature {
      display: inline-block;
      font-size: 3.6rem;
      line-height: inherit;
      overflow: hidden;
      padding-left: 1rem;
      text-overflow: ellipsis;
      vertical-align: top;
      white-space: nowrap; }
  app-weather-widget .csWeatherWidget__info,
  app-weather-widget .csWeatherWidget__forecast {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-transition-property: height, max-height;
    -moz-transition-property: height, max-height;
    transition-property: height, max-height;
    max-height: 0;
    overflow: hidden; }
    app-weather-widget .csWeatherWidget__info.cs-is-open,
    app-weather-widget .csWeatherWidget__forecast.cs-is-open {
      max-height: 14rem; }
  app-weather-widget .csWeatherWidget__forecast .cs-grid-cell-1of2 {
    text-align: center; }
    app-weather-widget .csWeatherWidget__forecast .cs-grid-cell-1of2:first-child {
      border-right: 0.1rem solid #f2f2f2; }
  app-weather-widget .csWeatherWidget__forecast h3 {
    font-weight: 400; }
  app-weather-widget .csWeatherWidget__forecast app-weather-icon {
    max-height: 6.4rem;
    max-width: 6.4rem; }
  app-weather-widget .csWeatherWidget__info .csWeatherWidget__info__line {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 0.1rem solid #f2f2f2;
    font-size: 1.4rem;
    font-weight: 400;
    height: 3rem;
    line-height: 3rem;
    overflow: hidden; }
    app-weather-widget .csWeatherWidget__info .csWeatherWidget__info__line:last-child {
      border-bottom: none; }
  app-weather-widget .csWeatherWidget__info .csWeatherWidget__info__label {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    overflow: hidden;
    padding-right: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap; }
  app-weather-widget .csWeatherWidget__info .csWeatherWidget__info__value {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: inline-block; }

/*	--------------------------
    csStyleguide Sass file
    Be aware that these styles are always compiled to the all-sass.css, so they will be part of the normal client.
    Be careful, you have to prefix stuff here, too.
    -------------------------- */
body.styleguide {
  background-color: #fff;
  color: #9c9c9c;
  font-weight: 200;
  line-height: 1.4; }

.cs-new-styleguide {
  background-color: #fff;
  color: #b2b2b2;
  font-weight: 200;
  line-height: 1.4;
  min-width: 650px;
  /*	--------------------------
        page specific stylings
        -------------------------- */ }
  .cs-new-styleguide .cs-styleguide-separator {
    height: 4rem; }
  .cs-new-styleguide .cs-styleguide-grey-background {
    background-color: #f2f2f2; }
  .cs-new-styleguide .cs-sg-icon-box-title {
    font-weight: 300; }
  .cs-new-styleguide .cs-code-editor {
    background-color: #f2f2f2;
    min-height: 600px; }
    .cs-new-styleguide .cs-code-editor .ace_gutter {
      display: none; }
    .cs-new-styleguide .cs-code-editor .ace_content {
      padding: 10px; }
  .cs-new-styleguide .cs-grid-wrapper {
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .cs-new-styleguide .expand-button {
    background-color: #404448;
    border: none;
    bottom: 10px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 80px;
    z-index: 26000; }
  .cs-new-styleguide .copy-button {
    background-color: #f2f2f2;
    color: #404448;
    margin: 0 auto;
    position: absolute;
    right: 1rem;
    top: 8px;
    visibility: hidden;
    z-index: 26000; }
  .cs-new-styleguide .cs-styleguide-code-wrapper {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    position: relative; }
  .cs-new-styleguide .cs-styleguide-code-wrapper:hover .expand-button,
  .cs-new-styleguide .cs-styleguide-code-wrapper:hover .copy-button {
    visibility: visible; }
  .cs-new-styleguide .cs-styleguide-label {
    font-style: italic;
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .cs-new-styleguide h2:not(.example) {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .1rem;
    line-height: 2.64rem;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
    text-transform: uppercase; }
  .cs-new-styleguide h2.whats-new-title {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 1rem;
    text-transform: none; }
  .cs-new-styleguide h3 {
    font-size: 1.4rem; }
  .cs-new-styleguide .csDialog__head h2 {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 3rem;
    margin: 0 3rem 0 0;
    text-transform: none; }
  .cs-new-styleguide .cs-color-usage {
    color: #c7c7c7;
    font-weight: 300;
    margin-left: 3rem; }
  .cs-new-styleguide .styleguide-fullwidth-image {
    max-width: 100%; }
  .cs-new-styleguide .csFixed.tabs_under_heading {
    display: none; }
  .cs-new-styleguide .csFixed.tabs_above_header {
    background-color: #fff;
    display: block;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    z-index: 25000; }
  .cs-new-styleguide .tabs_above_header {
    display: none;
    width: 100%; }
  .cs-new-styleguide .csPageActions__filterbar__left.above_header {
    margin-left: 2rem;
    margin-top: 1.8rem;
    width: 100%; }
  .cs-new-styleguide .csPageActions__header {
    margin-bottom: 2rem;
    margin-left: 2rem;
    margin-top: 1.8rem; }
  .cs-new-styleguide .csPageActions__top h1 {
    color: #e6e6e6;
    font-size: 4.8rem;
    font-weight: 900;
    line-height: 3.8rem;
    margin-top: 2rem; }
  .cs-new-styleguide .csControl__menu_tabs {
    border: none; }
  .cs-new-styleguide .csPageActions__filterbar__left li.current {
    border-bottom: 2px #69bee6 solid;
    color: #69bee6;
    font-weight: 400;
    padding-bottom: 3rem; }
  .cs-new-styleguide .csPageActions__filterbar__left li {
    font-weight: 400;
    margin-right: 0.5rem; }
  .cs-new-styleguide .breadcrumb {
    color: #9c9c9c;
    font-style: italic; }
  .cs-new-styleguide .cs-sg-headline {
    color: #1c1c1c;
    font-size: 2rem;
    font-weight: 400;
    line-height: 3rem;
    padding: .8rem 0 0; }
  .cs-new-styleguide .csHeaderNav__title {
    color: #c7c7c7;
    float: left;
    font-size: 2.1rem;
    font-weight: 400;
    letter-spacing: .3rem;
    padding-top: 3.46rem;
    text-transform: uppercase; }
  .cs-new-styleguide .csHeaderNav {
    background-color: #fff;
    border-bottom: 1px #f2f2f2 solid;
    height: 10rem; }
    .cs-new-styleguide .csHeaderNav .csHeaderNav__logo {
      background: #fff;
      margin-left: 1rem;
      padding-left: 2rem;
      padding-right: 1rem;
      width: 18rem; }
    .cs-new-styleguide .csHeaderNav li {
      color: #9c9c9c;
      display: inline;
      font-size: 1.4rem;
      text-align: right; }
    .cs-new-styleguide .csHeaderNav .searchBar {
      background-color: #f2f2f2;
      border: none;
      display: none;
      opacity: 0;
      position: absolute;
      right: 4rem;
      transition: all 1.4s ease;
      width: 180px; }
      .cs-new-styleguide .csHeaderNav .searchBar + .cs-clearable-wrapper {
        visibility: hidden; }
    .cs-new-styleguide .csHeaderNav .searchBar.outlined {
      border: 1px solid #d9d9d9;
      border-bottom: none; }
    .cs-new-styleguide .csHeaderNav .searchBar.appeared {
      display: inline;
      opacity: 1; }
      .cs-new-styleguide .csHeaderNav .searchBar.appeared + .cs-clearable-wrapper {
        visibility: visible; }
    .cs-new-styleguide .csHeaderNav .cs-icon-search {
      font-size: 1.9rem;
      position: absolute;
      right: 4rem; }
    .cs-new-styleguide .csHeaderNav .searchResults {
      background-color: #fff;
      border: 1px solid #d9d9d9;
      border-top: none;
      margin-top: -1px;
      max-height: 400px;
      overflow: scroll;
      padding: 1rem 1.5rem;
      width: 180px; }
    .cs-new-styleguide .csHeaderNav #spin-in {
      opacity: 1;
      transform: translateX(0) rotate(0deg);
      transition: all 1.3s ease; }
    .cs-new-styleguide .csHeaderNav #spin-in.show2 {
      opacity: 0; }
    .cs-new-styleguide .csHeaderNav .searchResults li {
      display: block;
      text-align: left; }
    .cs-new-styleguide .csHeaderNav .searchResults li.selected {
      color: #1c1c1c; }
    .cs-new-styleguide .csHeaderNav .searchResults li:hover {
      color: #1c1c1c; }
    .cs-new-styleguide .csHeaderNav .csHeaderNav__content {
      float: right;
      margin-right: 4rem;
      margin-top: 2.3rem;
      text-align: right; }
  .cs-new-styleguide .main .csMain__content-header {
    background-color: #fff; }
  .cs-new-styleguide .sg-content-wrapper.csLayout_flex_vbox {
    padding-left: 21rem;
    width: 100%; }
  .cs-new-styleguide .csLayout_flex_vbox.main {
    margin: 0; }
  .cs-new-styleguide .main .censhareScroll__main .censhareScroll__content {
    max-width: 1000px;
    min-width: 0;
    padding-bottom: 2rem;
    width: 100%; }
  .cs-new-styleguide .csNavBar {
    background-color: #fff;
    color: #000;
    top: 10rem;
    width: 21rem; }
    .cs-new-styleguide .csNavBar .csNavBar__scroll-area {
      padding-top: 1.5rem; }
    .cs-new-styleguide .csNavBar .csNavBar__box {
      max-height: none;
      padding-bottom: 0;
      padding-top: 0; }
    .cs-new-styleguide .csNavBar .csNavBar__item {
      color: #9c9c9c;
      font-weight: 400;
      margin-left: 3rem;
      padding-left: 1.5rem; }
      .cs-new-styleguide .csNavBar .csNavBar__item .cs-icon {
        margin-right: 1rem; }
    .cs-new-styleguide .csNavBar .csNavBar__item.cs-is-active {
      color: #69bee6; }
    .cs-new-styleguide .csNavBar .csNavBar__item:hover {
      background-color: transparent;
      color: #1c1c1c; }
      .cs-new-styleguide .csNavBar .csNavBar__item:hover.cs-is-active {
        color: #69bee6; }
    .cs-new-styleguide .csNavBar .csNavBar__label {
      color: #404448;
      font-weight: 400;
      margin-left: 1rem; }
    .cs-new-styleguide .csNavBar .csNavBar__label:hover {
      background-color: transparent;
      color: #1c1c1c; }
    .cs-new-styleguide .csNavBar .csNavBar__label.active {
      color: #1c1c1c; }
    .cs-new-styleguide .csNavBar .csNavBar__label.cs-is-active {
      color: #69bee6; }
    .cs-new-styleguide .csNavBar .cs-sg-section-icon {
      margin-right: 0.5rem;
      margin-top: 0.2rem;
      vertical-align: top; }
    .cs-new-styleguide .csNavBar .csNavBar__box::after {
      border: none;
      display: none; }
    .cs-new-styleguide .csNavBar .csNavBar__box.cs-is-closed {
      height: 32px; }
  .cs-new-styleguide .csLayoutManagerWrapper > .censhareScroll__main {
    position: absolute; }
  .cs-new-styleguide .csLayoutManagerWrapper .gridster {
    padding: 0 2rem; }
  .cs-new-styleguide .cs-sg-colorfamily-wrapper {
    float: left;
    padding-right: 4rem;
    width: 33%; }
  .cs-new-styleguide .cs-sg-colorbox-wrapper {
    clear: both;
    margin-bottom: 2rem;
    overflow: hidden; }
  .cs-new-styleguide .cs-sg-colorbox {
    border-radius: 50%;
    display: block;
    float: left;
    height: 10rem;
    text-align: center;
    width: 10rem; }
    .cs-new-styleguide .cs-sg-colorbox.cs-sg-colorbox-small {
      border-radius: 50%;
      height: 2.5rem;
      width: 2.5rem; }
    .cs-new-styleguide .cs-sg-colorbox .cs-sg-colorbox-example {
      color: #1c1c1c;
      font-size: 3rem;
      font-weight: 400;
      line-height: 9.5rem; }
  .cs-new-styleguide .cs-sg-colorbox-descr {
    padding: 0 1rem 0 12rem; }
    .cs-new-styleguide .cs-sg-colorbox-descr.cs-sg-colorbox-descr-small {
      padding: 0.4rem 1rem 0 4rem; }
  .cs-new-styleguide .cs-sg-colorbox-colorusage {
    min-height: 3.5rem; }
  .cs-new-styleguide .cs-sg-colorbox-ex {
    margin-left: 2rem;
    padding: 0.5rem; }
  .cs-new-styleguide .cs-sg-font-box {
    max-width: 120rem;
    overflow: hidden;
    padding-bottom: 1.5rem; }
    .cs-new-styleguide .cs-sg-font-box .cs-bg-font-box-example {
      background-color: #fff;
      float: right;
      padding: 1rem;
      position: relative;
      width: 40rem; }
      .cs-new-styleguide .cs-sg-font-box .cs-bg-font-box-example.cs-bg-color-22 {
        background-color: #69bee6; }
      .cs-new-styleguide .cs-sg-font-box .cs-bg-font-box-example.cs-bg-color-08 {
        background-color: #f2f2f2; }
      .cs-new-styleguide .cs-sg-font-box .cs-bg-font-box-example::before {
        color: #e6e6e6;
        content: "Example";
        font-size: 1.2rem;
        font-weight: 300;
        position: absolute;
        right: 0.5rem;
        text-transform: uppercase;
        top: 0.5rem; }
  .cs-new-styleguide .cs-sg-button-box {
    padding: 0.5rem; }
  .cs-new-styleguide .cs-sg-iconlist {
    margin-top: 2rem; }
    .cs-new-styleguide .cs-sg-iconlist .cs-sg-icon-box {
      background: #fff;
      cursor: default;
      display: inline-block;
      height: 3rem;
      line-height: 2rem;
      margin: 0 1rem 1.5rem 0;
      max-width: 23rem;
      overflow: hidden;
      padding: 0.5rem 0.5rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
      .cs-new-styleguide .cs-sg-iconlist .cs-sg-icon-box > .cs-icon {
        margin-right: 0.5rem; }
      .cs-new-styleguide .cs-sg-iconlist .cs-sg-icon-box > strong {
        color: #777;
        font-weight: 400;
        padding-left: 0.5rem;
        vertical-align: top; }
  .cs-new-styleguide .cs-sg-icon-comparison {
    font-size: 1.4rem; }
  .cs-new-styleguide p {
    margin-bottom: 2rem; }
  .cs-new-styleguide pre {
    font-family: "SourceCodePro", "Arial", sans-serif;
    font-weight: 300;
    position: relative; }
    .cs-new-styleguide pre::before {
      color: #e6e6e6;
      font-family: "SourceSansPro", sans-serif;
      font-size: 1.2rem;
      position: absolute;
      right: 0.5rem;
      text-transform: uppercase;
      top: 0.5rem; }
    .cs-new-styleguide pre.cs-sg-html::before {
      content: "HTML"; }
    .cs-new-styleguide pre.cs-sg-css::before {
      content: "CSS"; }
    .cs-new-styleguide pre.cs-sg-js::before {
      content: "JS"; }
    .cs-new-styleguide pre.cs-sg-combi::before {
      content: "Combinations"; }
    .cs-new-styleguide pre.cs-sg-directive::before {
      content: "Directive"; }
    .cs-new-styleguide pre.cs-sg-var::before {
      content: "Variable"; }
  .cs-new-styleguide .cs-notification {
    display: inline-block;
    vertical-align: top; }
  .cs-new-styleguide .sg-icon-arrow {
    margin: 0 .8rem;
    position: relative;
    top: -2rem; }
  .cs-new-styleguide .sg-content-wrapper {
    position: relative; }
  .cs-new-styleguide .assetTable {
    height: 32rem; }
    .cs-new-styleguide .assetTable .csWidget {
      height: 30rem;
      width: 85rem; }
  .cs-new-styleguide .cs-sg-example-spacing-to-overwrite {
    margin: 2rem;
    padding: 2rem; }
  .cs-new-styleguide .cs-design-principles-box {
    margin-bottom: 2rem; }
    .cs-new-styleguide .cs-design-principles-box h4 {
      font-size: 1.4rem; }
    .cs-new-styleguide .cs-design-principles-box p {
      font-style: italic;
      line-height: 2rem; }
    .cs-new-styleguide .cs-design-principles-box .cs-design-principles-do {
      color: #91af51;
      margin-top: 1rem; }
      .cs-new-styleguide .cs-design-principles-box .cs-design-principles-do h4 {
        color: #91af51; }
    .cs-new-styleguide .cs-design-principles-box .cs-design-principles-dont {
      color: #ff4e4f;
      margin-top: 1rem; }
      .cs-new-styleguide .cs-design-principles-box .cs-design-principles-dont h4 {
        color: #ff4e4f; }

body .csPageActions__filterbar__right .cs-fullscreen-switcher .ctrl-item.title {
  display: none; }

body.cs-upper-toggled .csPageActions__filterbar__left {
  display: none; }

body.cs-upper-toggled .csPageActions__filterbar__center {
  display: none; }

body.cs-upper-toggled .csPageActions__filterbar__right {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  body.cs-upper-toggled .csPageActions__filterbar__right .cs-page-menu-button {
    display: none; }
  body.cs-upper-toggled .csPageActions__filterbar__right .cs-fullscreen-switcher {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex; }
    body.cs-upper-toggled .csPageActions__filterbar__right .cs-fullscreen-switcher cs-actions-icon {
      margin-right: .5rem; }
    body.cs-upper-toggled .csPageActions__filterbar__right .cs-fullscreen-switcher .ctrl-item.title {
      display: block; }

@media (max-width: 799px) {
  body.cs-nav-smallscreen-default .cs-styleguide .csPageActions,
  body.cs-nav-smallscreen-toggle .cs-styleguide .csPageActions {
    left: 0;
    width: calc(100% - 4rem); }
  body.cs-nav-smallscreen-default .cs-styleguide .csHeaderNav .csHeaderNav__logo,
  body.cs-nav-smallscreen-toggle .cs-styleguide .csHeaderNav .csHeaderNav__logo {
    display: block; } }

/*
 * Should remain empty! This file is overwritten by merging censhare-Custom and censhare-Client5 on runtime.
 */