@charset "UTF-8";
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/* Style for hover td */
.context-menu {
  position: absolute;
  z-index: 10;
}

.context-menu .dropdown-box.dropdown-menu,
.context-menu .dropdown-box .dropdown-menu {
  max-height: none;
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.6);
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin: 0;
}

.ui-sortable-helper {
  -webkit-transform: translate(10px, 10px);
  -moz-transform: translate(10px, 10px);
  -ms-transform: translate(10px, 10px);
  -o-transform: translate(10px, 10px);
  transform: translate(10px, 10px);
  -webkit-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
}

.ui-sortable-helper .thumb .holder::before {
  display: block;
}

.ui-sortable-placeholder {
  background-color: #ebebeb !important;
  border-color: transparent !important;
  visibility: visible !important;
}

.dropzone {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: -1;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  padding: 3px;
  text-align: center;
  cursor: copy;
  background-color: rgba(32, 37, 46, 0.95);
  border: 1px dotted #fff;
  opacity: 0;
}

.dropzone * {
  pointer-events: none;
}

.dropzone .inner {
  display: table;
  width: 100%;
  height: 100%;
}

.dropzone .inner p {
  display: table-cell;
  color: #fff;
  vertical-align: middle;
}

.dropzone.over-screen {
  z-index: 3;
  opacity: 1;
}

.dropzone.over-zone {
  z-index: 3;
  overflow: hidden;
  border-color: #fff;
  opacity: 1;
}

.dropzone.over-zone .inner p {
  color: #fff;
}

*:not([data-theme]) .dropzone.over-zone,
*[data-theme='purple'] .dropzone.over-zone {
  background-color: rgba(70, 57, 171, 0.95);
}

*[data-theme='cyclamen'] .dropzone.over-zone {
  background-color: rgba(247, 84, 101, 0.95);
}

*[data-theme='yellow'] .dropzone.over-zone {
  background-color: rgba(255, 164, 50, 0.95);
}

*[data-theme='green'] .dropzone.over-zone {
  background-color: rgba(86, 181, 136, 0.95);
}

*[data-theme='blue'] .dropzone.over-zone {
  background-color: rgba(93, 188, 236, 0.95);
}

.container {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
}

.container::before, .container::after {
  display: table;
  content: ' ';
}

.container::after {
  clear: both;
}

.row {
  margin-right: -12px;
  margin-left: -12px;
}

.row::before, .row::after {
  display: table;
  content: ' ';
}

.row::after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 12px;
  padding-left: 12px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left;
}

.col-sm-1 {
  width: 8.3333333333%;
}

.col-sm-2 {
  width: 16.6666666667%;
}

.col-sm-3 {
  width: 25%;
}

.col-sm-4 {
  width: 33.3333333333%;
}

.col-sm-5 {
  width: 41.6666666667%;
}

.col-sm-6 {
  width: 50%;
}

.col-sm-7 {
  width: 58.3333333333%;
}

.col-sm-8 {
  width: 66.6666666667%;
}

.col-sm-9 {
  width: 75%;
}

.col-sm-10 {
  width: 83.3333333333%;
}

.col-sm-11 {
  width: 91.6666666667%;
}

.col-sm-12 {
  width: 100%;
}

.col-sm-pull-0 {
  right: auto;
}

.col-sm-pull-1 {
  right: 8.3333333333%;
}

.col-sm-pull-2 {
  right: 16.6666666667%;
}

.col-sm-pull-3 {
  right: 25%;
}

.col-sm-pull-4 {
  right: 33.3333333333%;
}

.col-sm-pull-5 {
  right: 41.6666666667%;
}

.col-sm-pull-6 {
  right: 50%;
}

.col-sm-pull-7 {
  right: 58.3333333333%;
}

.col-sm-pull-8 {
  right: 66.6666666667%;
}

.col-sm-pull-9 {
  right: 75%;
}

.col-sm-pull-10 {
  right: 83.3333333333%;
}

.col-sm-pull-11 {
  right: 91.6666666667%;
}

.col-sm-pull-12 {
  right: 100%;
}

.col-sm-push-0 {
  left: auto;
}

.col-sm-push-1 {
  left: 8.3333333333%;
}

.col-sm-push-2 {
  left: 16.6666666667%;
}

.col-sm-push-3 {
  left: 25%;
}

.col-sm-push-4 {
  left: 33.3333333333%;
}

.col-sm-push-5 {
  left: 41.6666666667%;
}

.col-sm-push-6 {
  left: 50%;
}

.col-sm-push-7 {
  left: 58.3333333333%;
}

.col-sm-push-8 {
  left: 66.6666666667%;
}

.col-sm-push-9 {
  left: 75%;
}

.col-sm-push-10 {
  left: 83.3333333333%;
}

.col-sm-push-11 {
  left: 91.6666666667%;
}

.col-sm-push-12 {
  left: 100%;
}

.col-sm-offset-0 {
  margin-left: 0%;
}

.col-sm-offset-1 {
  margin-left: 8.3333333333%;
}

.col-sm-offset-2 {
  margin-left: 16.6666666667%;
}

.col-sm-offset-3 {
  margin-left: 25%;
}

.col-sm-offset-4 {
  margin-left: 33.3333333333%;
}

.col-sm-offset-5 {
  margin-left: 41.6666666667%;
}

.col-sm-offset-6 {
  margin-left: 50%;
}

.col-sm-offset-7 {
  margin-left: 58.3333333333%;
}

.col-sm-offset-8 {
  margin-left: 66.6666666667%;
}

.col-sm-offset-9 {
  margin-left: 75%;
}

.col-sm-offset-10 {
  margin-left: 83.3333333333%;
}

.col-sm-offset-11 {
  margin-left: 91.6666666667%;
}

.col-sm-offset-12 {
  margin-left: 100%;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
}

.col-md-1 {
  width: 8.3333333333%;
}

.col-md-2 {
  width: 16.6666666667%;
}

.col-md-3 {
  width: 25%;
}

.col-md-4 {
  width: 33.3333333333%;
}

.col-md-5 {
  width: 41.6666666667%;
}

.col-md-6 {
  width: 50%;
}

.col-md-7 {
  width: 58.3333333333%;
}

.col-md-8 {
  width: 66.6666666667%;
}

.col-md-9 {
  width: 75%;
}

.col-md-10 {
  width: 83.3333333333%;
}

.col-md-11 {
  width: 91.6666666667%;
}

.col-md-12 {
  width: 100%;
}

.col-md-pull-0 {
  right: auto;
}

.col-md-pull-1 {
  right: 8.3333333333%;
}

.col-md-pull-2 {
  right: 16.6666666667%;
}

.col-md-pull-3 {
  right: 25%;
}

.col-md-pull-4 {
  right: 33.3333333333%;
}

.col-md-pull-5 {
  right: 41.6666666667%;
}

.col-md-pull-6 {
  right: 50%;
}

.col-md-pull-7 {
  right: 58.3333333333%;
}

.col-md-pull-8 {
  right: 66.6666666667%;
}

.col-md-pull-9 {
  right: 75%;
}

.col-md-pull-10 {
  right: 83.3333333333%;
}

.col-md-pull-11 {
  right: 91.6666666667%;
}

.col-md-pull-12 {
  right: 100%;
}

.col-md-push-0 {
  left: auto;
}

.col-md-push-1 {
  left: 8.3333333333%;
}

.col-md-push-2 {
  left: 16.6666666667%;
}

.col-md-push-3 {
  left: 25%;
}

.col-md-push-4 {
  left: 33.3333333333%;
}

.col-md-push-5 {
  left: 41.6666666667%;
}

.col-md-push-6 {
  left: 50%;
}

.col-md-push-7 {
  left: 58.3333333333%;
}

.col-md-push-8 {
  left: 66.6666666667%;
}

.col-md-push-9 {
  left: 75%;
}

.col-md-push-10 {
  left: 83.3333333333%;
}

.col-md-push-11 {
  left: 91.6666666667%;
}

.col-md-push-12 {
  left: 100%;
}

.col-md-offset-0 {
  margin-left: 0%;
}

.col-md-offset-1 {
  margin-left: 8.3333333333%;
}

.col-md-offset-2 {
  margin-left: 16.6666666667%;
}

.col-md-offset-3 {
  margin-left: 25%;
}

.col-md-offset-4 {
  margin-left: 33.3333333333%;
}

.col-md-offset-5 {
  margin-left: 41.6666666667%;
}

.col-md-offset-6 {
  margin-left: 50%;
}

.col-md-offset-7 {
  margin-left: 58.3333333333%;
}

.col-md-offset-8 {
  margin-left: 66.6666666667%;
}

.col-md-offset-9 {
  margin-left: 75%;
}

.col-md-offset-10 {
  margin-left: 83.3333333333%;
}

.col-md-offset-11 {
  margin-left: 91.6666666667%;
}

.col-md-offset-12 {
  margin-left: 100%;
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

.inline-cols::before, .inline-cols::after {
  display: table;
  content: ' ';
}

.inline-cols::after {
  clear: both;
}

.inline-cols .icol {
  float: left;
}

.inline-cols .icol:not(:last-child) {
  margin-right: 20px;
}

.mcol > div {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  -ms-column-gap: 20px;
  -o-column-gap: 20px;
  column-gap: 20px;
  display: inline-block;
  overflow: auto;
}

.mcol > div p {
  margin: 0 0 15px;
}

.mcol .mcol-fluid {
  -webkit-column-gap: 2%;
  -moz-column-gap: 2%;
  -ms-column-gap: 2%;
  -o-column-gap: 2%;
  column-gap: 2%;
}

.mcol-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

.mcol-2.mcol-fluid {
  -webkit-column-width: 49%;
  -moz-column-width: 49%;
  -ms-column-width: 49%;
  -o-column-width: 49%;
  column-width: 49%;
}

.mcol-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

.mcol-3.mcol-fluid {
  -webkit-column-width: 32%;
  -moz-column-width: 32%;
  -ms-column-width: 32%;
  -o-column-width: 32%;
  column-width: 32%;
}

.mcol-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

.mcol-4.mcol-fluid {
  -webkit-column-width: 23.5%;
  -moz-column-width: 23.5%;
  -ms-column-width: 23.5%;
  -o-column-width: 23.5%;
  column-width: 23.5%;
}

.intro-page {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin-bottom: -70px;
  position: relative;
  height: calc(100vh - 60px);
  color: #fff;
}

.intro-page .content-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.intro-page .content-box {
  -webkit-transform: translateY(-10%);
  -moz-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  -o-transform: translateY(-10%);
  transform: translateY(-10%);
  max-width: 50%;
}

.intro-page .content-box .ttl-cover {
  line-height: 1;
}

.intro-page .content-box .ttl-cover strong {
  font-weight: 600;
}

.sys-block {
  max-width: 632px;
  margin: 0 auto;
  color: #919191;
  text-align: center;
}

.sys-block > picture {
  display: inline-block;
}

.sys-block > .ttl {
  font-size: 24px;
}

.sys-block > .text {
  font-size: 18px;
}

[data-module='cover-page'] {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media screen and (max-aspect-ratio: 1398 / 846) {
  [data-module='cover-page'] {
    background-size: auto 100%;
  }
}

body[data-theme='yellow'] [data-module='cover-page'] {
  background-color: #ffa432;
}

[data-module='cover-page'][data-role='advertise'] {
  background-image: url("../images/platform/cover-pages/bgr-advertise.png");
}

body[data-theme='blue'] [data-module='cover-page'] {
  background-color: #76c6f3;
}

[data-module='cover-page'][data-role='measure'] {
  background-image: url("../images/platform/cover-pages/bgr-measure.png");
}

[data-module='filters-selector']:not([class*='modal-fullscreen']) .modal-dialog {
  width: 960px;
  max-width: none;
}

[data-module='filters-selector'] .modal-body .panel-body {
  display: flex;
  min-height: 430px;
  padding-top: 0;
  padding-bottom: 0;
}

[data-module='filters-selector'] .modal-body .panel-body [class*='col-'] {
  display: block;
  min-height: 430px;
}

[data-module='filters-selector'] .modal-body .panel-body [class*='col-']:not([class*='col-content']) {
  overflow: auto;
}

[data-module='filters-selector'] .col-categories {
  width: 260px;
  background-color: #f2f2f2;
}

[data-module='filters-selector'] .col-categories .list-item {
  border-bottom: 1px solid #fff;
}

[data-module='filters-selector'] .col-categories .list-item .badge {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 45px;
}

[data-module='filters-selector'] .col-categories .list-item.active > .main {
  font-weight: bold;
  color: #14171c;
  cursor: default;
}

[data-module='filters-selector'] .col-categories .list-item.active > .main [type*='gl'] {
  fill: #14171c !important;
}

[data-module='filters-selector'] .col-categories .list-item:not(.active) > .main:hover {
  background-color: #fafafa;
}

[data-module='filters-selector'] .col-content {
  width: 370px;
  padding: 0 10px 0 15px;
  background-color: #fff;
}

[data-module='filters-selector'] .col-content .datepicker {
  width: 100%;
}

[data-module='filters-selector'] .col-content .datepicker button {
  width: 100%;
}

[data-module='filters-selector'] .col-results {
  position: relative;
  width: 290px;
  padding: 10px 15px 10px 20px;
  background-color: #f2f2f2;
}

[data-module='filters-selector'] .col-results .empty {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 17px;
  color: #b2b2b2;
  text-align: center;
}

[data-module='filters-selector'] .col-results .empty:only-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

[data-module='filters-selector'] .col-results .empty:not(:only-child) {
  display: none;
}

[data-module='filters-selector'] .col-results .group + .group {
  margin-top: 10px;
}

[data-module='filters-selector'] .col-results .meta {
  font: normal 13px "proxima-nova", Arial, sans-serif;
  text-transform: capitalize;
}

[data-module='filters-selector'] .counter {
  line-height: 40px;
}

[data-module='filters-selector'] .counter .badge {
  position: relative;
  top: -1px;
}

[data-module='filters-selector'] .counter label {
  color: #b2b2b2;
}

[data-module='filters-selector'] .info {
  display: inline-block;
  margin-right: 10px;
  line-height: 40px;
}

[data-module='filters-selector'] .info svg[type*='misc'] {
  margin-right: 5px;
}

[data-module='filtersbar'] {
  margin-bottom: -3px;
  font-size: 0;
}

[data-module='filtersbar'] > * {
  display: inline-block;
  vertical-align: middle;
}

[data-module='filtersbar'] .label {
  margin: 0 10px 3px 0;
  font-size: 12px;
}

[data-module='filtersbar'] .tag > .main > label {
  text-transform: capitalize;
}

[data-module='filtersbar'] .tag > .main span + span::before {
  content: ', ';
}

[data-module='videoshow'] {
  margin-bottom: -70px;
  position: relative;
  width: 100%;
  height: calc(100vh - 60px);
}

*:not([data-theme]) [data-module='videoshow'],
*[data-theme='purple'] [data-module='videoshow'] {
  background-color: #4639ab;
}

*[data-theme='cyclamen'] [data-module='videoshow'] {
  background-color: #f75465;
}

*[data-theme='yellow'] [data-module='videoshow'] {
  background-color: #ffa432;
}

*[data-theme='green'] [data-module='videoshow'] {
  background-color: #56b588;
}

*[data-theme='blue'] [data-module='videoshow'] {
  background-color: #76c6f3;
}

[data-module='videoshow'] .videostage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

[data-module='videoshow'] .videobox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}

[data-module='videoshow'] video {
  width: 100%;
  height: auto;
}

@media screen and (max-aspect-ratio: 1398 / 846) {
  [data-module='videoshow'] video {
    width: auto;
    height: 100%;
    min-height: 100%;
    object-fit: fill;
  }
}

[data-module='videoshow'] .content-box > * {
  position: relative;
  top: 100px;
  opacity: 0;
}

[data-module='videoshow'] .slogan {
  -webkit-transition: top 2s ease-out, opacity 2s ease-out;
  -moz-transition: top 2s ease-out, opacity 2s ease-out;
  -o-transition: top 2s ease-out, opacity 2s ease-out;
  transition: top 2s ease-out, opacity 2s ease-out;
}

[data-module='videoshow'] .text {
  -webkit-transition: top 1.5s ease-out 0.5s, opacity 1.5s ease-out 0.5s;
  -moz-transition: top 1.5s ease-out 0.5s, opacity 1.5s ease-out 0.5s;
  -o-transition: top 1.5s ease-out 0.5s, opacity 1.5s ease-out 0.5s;
  transition: top 1.5s ease-out 0.5s, opacity 1.5s ease-out 0.5s;
}

[data-module='videoshow'] .btn {
  -webkit-transition: top 1s ease-out 1s, opacity 1s ease-out 1s;
  -moz-transition: top 1s ease-out 1s, opacity 1s ease-out 1s;
  -o-transition: top 1s ease-out 1s, opacity 1s ease-out 1s;
  transition: top 1s ease-out 1s, opacity 1s ease-out 1s;
}

[data-module='videoshow'] .reveal > * {
  top: 0;
  opacity: 1;
}

[data-module='videoshow'] .skip {
  position: absolute;
  bottom: 30px;
  z-index: 2;
  width: 100%;
}

*:not([data-theme]) [data-type='stream-item'] main:not(.focused):hover,
*[data-theme='purple'] [data-type='stream-item'] main:not(.focused):hover {
  -webkit-box-shadow: 0 0 0 3px #a39cd5;
  -moz-box-shadow: 0 0 0 3px #a39cd5;
  box-shadow: 0 0 0 3px #a39cd5;
}

*[data-theme='cyclamen'] [data-type='stream-item'] main:not(.focused):hover {
  -webkit-box-shadow: 0 0 0 3px #fbaab2;
  -moz-box-shadow: 0 0 0 3px #fbaab2;
  box-shadow: 0 0 0 3px #fbaab2;
}

*[data-theme='yellow'] [data-type='stream-item'] main:not(.focused):hover {
  -webkit-box-shadow: 0 0 0 3px #ffd299;
  -moz-box-shadow: 0 0 0 3px #ffd299;
  box-shadow: 0 0 0 3px #ffd299;
}

*[data-theme='green'] [data-type='stream-item'] main:not(.focused):hover {
  -webkit-box-shadow: 0 0 0 3px #abdac4;
  -moz-box-shadow: 0 0 0 3px #abdac4;
  box-shadow: 0 0 0 3px #abdac4;
}

*[data-theme='blue'] [data-type='stream-item'] main:not(.focused):hover {
  -webkit-box-shadow: 0 0 0 3px #aedef6;
  -moz-box-shadow: 0 0 0 3px #aedef6;
  box-shadow: 0 0 0 3px #aedef6;
}

[data-type='stream-item'] .sys-msg {
  padding: 8px 20px;
  margin: 10px 20px 0;
  font-size: 12px;
  color: #999;
  background-color: #f2f2f2;
}

[data-type='stream-item'] .media-thumb {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAG0lEQVQIW2O8dOnSf11dXQbG/////798+TIDAF0kCnS4ujQMAAAAAElFTkSuQmCC") repeat fixed;
  float: right;
  width: 90px;
  height: 90px;
  margin: 0 0 20px 20px;
}

[data-type='stream-item'] .media-thumb.sticker {
  background: none;
  border: 0;
}

[data-type='stream-item'] .media-thumb .footer {
  bottom: 0;
  display: flex;
  width: 100%;
  height: 25px;
  font: normal 12px Verdana, Arial, sans-serif;
  line-height: 25px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}

[data-type='stream-item'] .media-thumb .footer > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  flex: 1;
  padding: 0 5px;
  text-align: right;
}

[data-type='stream-item'] .media-thumb .footer [type*='gl'] {
  margin: 4px 5px 4px 0;
  fill: #fff;
}

[data-type='stream-item'] .tags:not(:first-child) {
  margin-top: 10px;
}

[data-type='stream-item'] .notes {
  min-height: 62px;
  padding: 12px 20px;
  padding-left: 80px;
  font: normal 12px Verdana, Arial, sans-serif;
  background-color: #f2f2f2;
}

[data-type='stream-item'] .notes > .note {
  position: relative;
  line-height: 18px;
}

[data-type='stream-item'] .notes > .note + .note {
  margin-top: 5px;
}

[data-type='stream-item'] .notes > .note .avatar {
  position: absolute;
  top: -2px;
}

[data-type='stream-item'] .notes > .note .avatar:nth-child(1):nth-last-child(2) {
  left: -48px;
}

[data-type='stream-item'] .notes > .note .avatar:only-child, [data-type='stream-item'] .notes > .note .avatar:nth-child(2):nth-last-child(1) {
  left: -28px;
}

[data-type='stream-item'] .notes > .note .meta {
  color: #999;
}

[data-type='stream-item'] .notes > .note .meta > * {
  font-size: 12px;
}

[data-type='stream-item'] .notes > .more {
  display: inline-block;
}

[data-type='stream-item'] .notes > .more svg {
  position: relative;
  top: -1px;
}

[data-type='thread-item'] .more {
  padding: 12px 20px;
  padding-left: 80px;
  background-color: #fff;
}

[data-type='thread-item'] .more:not(:only-child):first-child {
  padding-bottom: 5px;
}

[data-type='thread-item'] .more:not(:only-child):last-child {
  padding-top: 5px;
}

[data-type='thread-item'] .more a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 10px;
  font: normal 12px Verdana, Arial, sans-serif;
  line-height: 30px;
}

*:not([data-theme]) [data-type='thread-item'] .more a,
*[data-theme='purple'] [data-type='thread-item'] .more a {
  background-color: #edebf7;
}

*[data-theme='cyclamen'] [data-type='thread-item'] .more a {
  background-color: #feeef0;
}

*[data-theme='yellow'] [data-type='thread-item'] .more a {
  background-color: #fff6eb;
}

*[data-theme='green'] [data-type='thread-item'] .more a {
  background-color: #eef8f3;
}

*[data-theme='blue'] [data-type='thread-item'] .more a {
  background-color: #eff8fd;
}

[data-type='thread-item'] .status {
  position: relative;
  z-index: 1;
  display: flex;
  float: right;
  padding: 5px 0 0 20px;
}

[data-type='thread-item'] .status > * {
  display: block;
}

[data-type='thread-item'] .status > * + * {
  margin-left: 10px;
}

[data-type='thread-item'] .status [type*='gl'][class*='-negative'] {
  fill: #ffa432;
}

[data-type='thread-item'] .status [type*='gl'][class*='-positive'] {
  fill: #56b588;
}

[data-type='thread-item'] .status [type*='gl']:not(.filled) {
  fill: #ccc;
}

[data-type='thread-item'] .event-block .cover {
  display: block;
  width: 100%;
  height: 176px;
  border-right: 0;
  border-left: 0;
}

[data-type='thread-item'] .event-block .cover img {
  width: 100%;
  height: auto;
}

[data-type='thread-item'] .event-block .cover .data {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 80px;
  font-size: 0;
}

[data-type='thread-item'] .event-block .cover .data label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  height: 25px;
  padding: 0 10px;
  font: normal 12px Verdana, Arial, sans-serif;
  line-height: 25px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}

[data-type='thread-item'] .event-block .cover .data label svg {
  position: relative;
  top: -2px;
  fill: #fff;
}

[data-type='thread-item'] .media {
  font-size: 0;
}

[data-type='thread-item'] .media > img,
[data-type='thread-item'] .media > .overview img {
  display: inline-block;
  font-size: 0;
  border: 1px solid #d4d4d4;
}

[data-type='thread-item'] .media[data-type='photo'] img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 240px;
}

[data-type='thread-item'] .media[data-type='photo'].sticker img {
  max-height: 90px;
  border: 0;
}

[data-type='thread-item'] .media[data-type='photo-album'] {
  margin-bottom: -1px;
}

[data-type='thread-item'] .media[data-type='photo-album'] > .thumb {
  margin: 0 1px 1px 0;
}

[data-type='thread-item'] .media[data-type='video'] {
  position: relative;
}

[data-type='thread-item'] .media[data-type='video'] img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 200px;
}

[data-type='thread-item'] .media[data-type='video'] .icon {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #000;
}

[data-type='thread-item'] .media[data-type='video'] .icon svg {
  fill: #fff;
}

[data-type='thread-item'] .media[data-type='link'] {
  overflow: auto;
}

[data-type='thread-item'] .media[data-type='link'] .overview {
  white-space: nowrap;
}

[data-type='thread-item'] .media[data-type='link'] img {
  display: inline-block;
  width: auto;
  height: 240px;
}

[data-type='thread-item'] .media[data-type='link'] img + img {
  margin-left: 1px;
}

[data-type='thread-item'] .post-insights {
  padding: 8px 20px;
}

[data-type='thread-item'] .post-insights a {
  font: normal 12px Verdana, Arial, sans-serif;
}

[data-type='thread-item'] article.selected {
  position: relative;
  z-index: 1;
}

*:not([data-theme]) [data-type='thread-item'] article.selected,
*[data-theme='purple'] [data-type='thread-item'] article.selected {
  -webkit-box-shadow: 0 0 0 3px #a39cd5;
  -moz-box-shadow: 0 0 0 3px #a39cd5;
  box-shadow: 0 0 0 3px #a39cd5;
}

*[data-theme='cyclamen'] [data-type='thread-item'] article.selected {
  -webkit-box-shadow: 0 0 0 3px #fbaab2;
  -moz-box-shadow: 0 0 0 3px #fbaab2;
  box-shadow: 0 0 0 3px #fbaab2;
}

*[data-theme='yellow'] [data-type='thread-item'] article.selected {
  -webkit-box-shadow: 0 0 0 3px #ffd299;
  -moz-box-shadow: 0 0 0 3px #ffd299;
  box-shadow: 0 0 0 3px #ffd299;
}

*[data-theme='green'] [data-type='thread-item'] article.selected {
  -webkit-box-shadow: 0 0 0 3px #abdac4;
  -moz-box-shadow: 0 0 0 3px #abdac4;
  box-shadow: 0 0 0 3px #abdac4;
}

*[data-theme='blue'] [data-type='thread-item'] article.selected {
  -webkit-box-shadow: 0 0 0 3px #aedef6;
  -moz-box-shadow: 0 0 0 3px #aedef6;
  box-shadow: 0 0 0 3px #aedef6;
}

.wall-item {
  color: #333;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  position: relative;
}

.wall-item main {
  position: relative;
  z-index: 1;
  min-height: 64px;
}

.wall-item header {
  display: flex;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ebebeb;
}

.wall-item article {
  position: relative;
  min-height: 62px;
  padding: 12px 20px;
  padding-left: 80px;
}

.wall-item article::before, .wall-item article::after {
  display: table;
  content: ' ';
}

.wall-item article::after {
  clear: both;
}

.wall-item footer {
  position: relative;
  display: flex;
  min-height: 40px;
}

.wall-item footer::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 20px;
  width: calc(100% - 20px);
  height: 0;
  overflow: hidden;
  border-top: 1px solid #ebebeb;
  content: '';
}

.wall-item footer .data {
  flex: 1;
  padding: 11px 20px;
  font-size: 0;
}

.wall-item footer .data > * {
  display: inline;
  font-family: Verdana, Arial, sans-serif;
  line-height: 17px;
}

.wall-item footer .data > *:not(.meta-group) {
  font-size: 12px;
}

.wall-item footer .data > *.meta-group {
  font-size: 0;
}

.wall-item footer .data > * > * {
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
}

.wall-item footer .data > .actions::before,
.wall-item footer .data > .counters::before {
  padding: 0 5px;
  font: normal 10px Verdana, Arial, sans-serif;
  color: #d4d4d4;
  cursor: default;
  content: '•';
}

.wall-item footer .data .insights > *:not(.sentiment).influential::before {
  position: relative;
  top: 2px;
  padding: 0 5px 0 8px;
  font-size: 16px;
  color: #39c;
  cursor: default;
  content: '•';
}

.wall-item footer .data .insights > *:not(.sentiment).influential::after {
  content: "influential";
}

.wall-item footer .data .insights > *:not(.sentiment).engaged::before {
  position: relative;
  top: 2px;
  padding: 0 5px 0 8px;
  font-size: 16px;
  color: #4639ab;
  cursor: default;
  content: '•';
}

.wall-item footer .data .insights > *:not(.sentiment).engaged::after {
  content: "engaged";
}

.wall-item footer .data .insights .sentiment.positive::before {
  position: relative;
  top: 2px;
  padding: 0 5px 0 8px;
  font-size: 16px;
  color: #56b588;
  cursor: default;
  content: '•';
}

.wall-item footer .data .insights .sentiment.positive::after {
  content: "positive";
}

.wall-item footer .data .insights .sentiment.neutral::before {
  position: relative;
  top: 2px;
  padding: 0 5px 0 8px;
  font-size: 16px;
  color: #999;
  cursor: default;
  content: '•';
}

.wall-item footer .data .insights .sentiment.neutral::after {
  content: "neutral";
}

.wall-item footer .data .insights .sentiment.negative::before {
  position: relative;
  top: 2px;
  padding: 0 5px 0 8px;
  font-size: 16px;
  color: #ffa432;
  cursor: default;
  content: '•';
}

.wall-item footer .data .insights .sentiment.negative::after {
  content: "negative";
}

.tooltip-sentiments {
  font-size: 15px;
}

.tooltip-sentiments .sentiments {
  display: table;
}

.tooltip-sentiments .sentiment {
  display: table-cell;
  font: 400 12px Verdana, Arial, sans-serif;
  color: #999;
  text-align: center;
}

.tooltip-sentiments .sentiment + .sentiment {
  padding-left: 15px;
}

.tooltip-sentiments .gl {
  display: block;
  width: 46px;
  height: 46px;
  padding: 7px;
  margin: 0 auto 5px;
}

.tooltip-sentiments .gl svg {
  display: block;
  width: 32px;
  height: 32px;
}

.tooltip-sentiments .sentiment:hover .gl {
  background-color: #f2f2f2;
}

.wall-item footer .extra {
  display: flex;
}

.wall-item footer .extra a:hover {
  background-color: #f2f2f2;
}

.wall-item footer .extra .item {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.wall-item footer .extra .item svg[type*='gl']:not(.filled) {
  fill: #ccc;
}

.wall-item footer .extra .item [type='gl-18-neutral'] {
  fill: #ccc;
}

.wall-item footer .extra .item [type='gl-18-negative'] {
  fill: #ffa432;
}

.wall-item footer .extra .item [type='gl-18-positive'] {
  fill: #56b588;
}

.wall-item footer .extra .item [type='gl-18-star'] * {
  fill: #ccc;
}

.wall-item .loading {
  position: relative;
  padding: 40px 20px;
  padding-left: 80px;
}

.wall-item .loading .avatar-placeholder {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 36px;
  left: 20px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background-color: #ebebeb;
}

.see-more {
  position: relative;
}

.see-more > div {
  text-align: center;
}

.see-more > div .link {
  float: left;
  width: 100%;
}

.wall-item header > * {
  display: inline-block;
  font-size: 0;
}

.wall-item header .data {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex: 1;
  margin: 0 20px;
  font-size: 0;
  vertical-align: middle;
}

.wall-item header .data > * {
  display: inline-block;
  font-size: 15px;
  vertical-align: middle;
}

.wall-item header .data .network-icon {
  margin: -1px 10px 0 0;
}

.wall-item header .data .channel-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  color: #b2b2b2;
}

.wall-item header .data .channel-name::before {
  padding: 0 5px;
  font: normal 80% Verdana, Arial, sans-serif;
  color: #d4d4d4;
  cursor: default;
  content: '•';
}

.wall-item header .rt-notification {
  padding: 9px 5px;
}

.wall-item header .rt-notification .shape {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  background-color: #dc605c;
}

.wall-item header .rt-notification .shape svg {
  fill: #fff;
}

.wall-item header .rt-notification .shape:hover {
  background-color: #e3807d;
}

.safari .wall-item header .rt-notification .shape {
  line-height: 24px;
}

.wall-item .author {
  position: relative;
}

.wall-item .author .pic {
  position: absolute;
  top: 0;
  left: -60px;
  cursor: default;
}

.wall-item .author[data-type='user'] .pic.has-user-info {
  cursor: pointer;
}

.wall-item .author[data-type='user'] .pic.has-user-info::before {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  content: '';
}

.wall-item .author[data-type='user'] .pic.has-user-info:hover::before {
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
}

.wall-item .author .badge-holder {
  position: absolute;
  top: 40px;
  left: -60px;
  width: 40px;
  text-align: center;
}

.wall-item .author .badge-holder svg {
  width: 12px;
  height: 12px;
}

.wall-item .author > span {
  display: block;
}

.wall-item .author .name {
  padding-top: 2px;
  font-weight: bold;
}

.wall-item .author .name > span {
  font-weight: normal;
  color: #b2b2b2;
}

.wall-item .author .meta > * {
  font-size: 12px;
}

.wall-item .author .meta a {
  color: #b2b2b2;
}

.wall-item .author .meta a:hover {
  text-decoration: underline;
}

*:not([data-theme]) .author[data-type='user'] .pic::before,
*[data-theme='purple'] .author[data-type='user'] .pic::before {
  background-color: #a39cd5;
}

*[data-theme='cyclamen'] .author[data-type='user'] .pic::before {
  background-color: #fbaab2;
}

*[data-theme='yellow'] .author[data-type='user'] .pic::before {
  background-color: #ffd299;
}

*[data-theme='green'] .author[data-type='user'] .pic::before {
  background-color: #abdac4;
}

*[data-theme='blue'] .author[data-type='user'] .pic::before {
  background-color: #aedef6;
}

.wall-item .text p {
  margin: 0;
  word-wrap: break-word;
}

.wall-item .text p:not(:only-child):not(:last-child):not(.title) {
  margin: 0 0 10px;
}

.wall-item .text p.title {
  font-weight: bold;
}

.search-match {
  background: #ffdbad;
}

.wall-item main article .text:not(:first-child) {
  margin-top: 10px;
}

.wall-item .rating {
  position: relative;
  top: 1px;
  display: inline-block;
  height: 14px;
  margin-right: 5px;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM1OTkwZmY7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1LjE1IDUuMDYgNyAwIDguODUgNS4wNiAxNCA1LjM1IDEwIDguNzYgMTEuMzMgMTQgNyAxMS4wNiAyLjY3IDE0IDQgOC43NiAwIDUuMzUgNS4xNSA1LjA2Ii8+PC9zdmc+) repeat-x;
}

.wall-item .rating.star-1 {
  width: 14px;
}

.wall-item .rating.star-2 {
  width: 28px;
}

.wall-item .rating.star-3 {
  width: 42px;
}

.wall-item .rating.star-4 {
  width: 56px;
}

.wall-item .rating.star-5 {
  width: 70px;
}

.wall-item .attachment {
  color: #666;
}

.wall-item .attachment > * {
  font-size: 12px;
}

.wall-item .attachment [type*='gl'] {
  fill: #ccc;
}

.wall-item main .attachment:not(:first-child) {
  margin-top: 10px;
}

.wall-item .link-attachment {
  padding-left: 12px;
  border-left: 2px solid #ebebeb;
}

.wall-item .link-attachment p {
  margin: 0;
}

.wall-item .link-attachment .ttl {
  font-weight: bold;
}

.wall-item .link-attachment .url {
  font: normal 13px Verdana, Arial, sans-serif;
  word-wrap: break-word;
}

.wall-item main .link-attachment:not(:first-child) {
  margin-top: 10px;
}

.wall-item .locked {
  font: normal 12px Verdana, Arial, sans-serif;
  color: #b2b2b2;
}

.wall-item .locked [type*='gl'] {
  position: relative;
  top: -1px;
  fill: #b2b2b2;
}

.wall-item .comment-chain {
  border-top: 1px solid #ebebeb;
}

.wall-item .comment + .comment {
  border-top: 1px solid #ebebeb;
}

.wall-item .replies {
  position: relative;
}

.wall-item .replies::before {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 80px);
  height: 0;
  overflow: hidden;
  border-top: 1px solid #ebebeb;
  content: '';
}

.wall-item .replies article,
.wall-item .replies .more {
  padding-left: 160px;
}

.wall-item .replies article + article::before {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 80px);
  height: 0;
  overflow: hidden;
  border-top: 1px solid #ebebeb;
  content: '';
}

.wall-item .replies .inline-comment-form {
  padding-top: 0;
  margin-left: -20px;
}

.wall-item .replies .inline-comment-form > .avatar {
  top: 0;
}

.wall-item .feedback > * {
  display: inline;
  font-size: 0;
}

.wall-item .feedback > * + *::before {
  padding: 0 5px;
  font: normal 10px Verdana, Arial, sans-serif;
  color: #d4d4d4;
  cursor: default;
  content: '•';
}

.wall-item .feedback > * > * {
  font: normal 12px Verdana, Arial, sans-serif;
  line-height: 16px;
  color: #b2b2b2;
}

.wall-item .feedback > .meta * + *::before {
  font-size: 10px;
}

.wall-item .feedback > .attachment .link::before {
  content: '';
}

.wall-item .feedback > .attachment .dm-attachments-list {
  padding-top: 4px;
}

.wall-item .feedback > .attachment .dm-attachments-list > .dm-attachment {
  line-height: 22px;
}

.wall-item .feedback .reactions .react {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: -3px;
  overflow: hidden;
  border: 2px solid #fff;
}

.wall-item .feedback .reactions .react + .react {
  margin-left: -8px;
}

.wall-item .feedback .reactions .react:nth-child(1) {
  z-index: 3;
}

.wall-item .feedback .reactions .react:nth-child(2) {
  z-index: 2;
}

.wall-item .feedback .reactions .react:nth-child(3) {
  z-index: 1;
}

.wall-item .feedback .reactions > span {
  display: inline-block;
  vertical-align: middle;
}

.wall-item main .feedback:not(:first-child) {
  margin-top: 10px;
}

*:not([data-theme]) .wall-item .focused,
*[data-theme='purple'] .wall-item .focused {
  -webkit-box-shadow: 0 0 0 3px #4639ab;
  -moz-box-shadow: 0 0 0 3px #4639ab;
  box-shadow: 0 0 0 3px #4639ab;
  position: relative;
  z-index: 2;
}

*[data-theme='cyclamen'] .wall-item .focused {
  -webkit-box-shadow: 0 0 0 3px #f75465;
  -moz-box-shadow: 0 0 0 3px #f75465;
  box-shadow: 0 0 0 3px #f75465;
  position: relative;
  z-index: 2;
}

*[data-theme='yellow'] .wall-item .focused {
  -webkit-box-shadow: 0 0 0 3px #ffa432;
  -moz-box-shadow: 0 0 0 3px #ffa432;
  box-shadow: 0 0 0 3px #ffa432;
  position: relative;
  z-index: 2;
}

*[data-theme='green'] .wall-item .focused {
  -webkit-box-shadow: 0 0 0 3px #56b588;
  -moz-box-shadow: 0 0 0 3px #56b588;
  box-shadow: 0 0 0 3px #56b588;
  position: relative;
  z-index: 2;
}

*[data-theme='blue'] .wall-item .focused {
  -webkit-box-shadow: 0 0 0 3px #5dbcec;
  -moz-box-shadow: 0 0 0 3px #5dbcec;
  box-shadow: 0 0 0 3px #5dbcec;
  position: relative;
  z-index: 2;
}

.wall-item.dark > main::before {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  height: 10px;
  margin: 1px 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxMCI+PGRlZnM+PHN0eWxlPi5ncmF5e2ZpbGw6I2ViZWJlYjt9PC9zdHlsZT48L2RlZnM+PHBvbHlnb24gY2xhc3M9ImdyYXkiIHBvaW50cz0iNSAxMCAxNSAxMCAxMCAwIDAgMCA1IDEwIi8+PC9zdmc+) repeat-x;
  content: '';
}

.item-reactions-breakdown .title {
  margin-bottom: 10px;
  font-size: 15px;
}

.item-reactions-breakdown .breakdown > div {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
}

.item-reactions-breakdown .breakdown > div:first-child {
  padding-left: 0;
}

.item-reactions-breakdown .breakdown > div:last-child {
  padding-right: 0;
}

.item-reactions-breakdown .breakdown > div > i,
.item-reactions-breakdown .breakdown > div > .meta {
  margin-bottom: 10px;
  font-size: 12px;
  text-transform: capitalize;
}

.modal[data-role='ads-select-kpi'] .nav-tree > li.active {
  background-color: #f2f2f2;
}

.modal[data-role='ads-select-kpi'] .category-list {
  height: 493px;
  padding: 10px 0;
  margin-top: 15px;
  overflow-y: auto;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

.modal[data-role='ads-select-kpi'] .category-list .ttl-group {
  margin: 25px 0 0;
}

.modal[data-role='ads-select-kpi'] .category-list .group:first-child .ttl-group {
  margin-top: 0;
}

.modal[data-role='ads-select-kpi'] .category-list .list-item {
  padding-left: 10px;
  cursor: pointer;
}

.modal[data-role='ads-select-kpi'] .category-list .list-item .addon {
  padding-right: 10px;
}

.modal[data-role='ads-select-kpi'] .category-list .list-item:not(:hover):not(.active) .addon [type*='gl'] {
  fill: #ebebeb;
}

.modal[data-role='ads-select-kpi'] .category-list .list-item:hover {
  background-color: #f9f9f9;
}

.modal[data-role='ads-select-kpi'] .category-list.filtered {
  padding: 0;
}

.modal[data-role='ads-select-kpi'] .category-list.filtered .list-item {
  border-bottom: 1px solid #ebebeb;
}

.modal[data-role='ads-select-kpi'] .category-list.filtered .group:last-child .list-item:last-child {
  border-bottom: 0;
}

.modal[data-role='ads-select-kpi'] .selection {
  margin-top: 10px;
}

.modal[data-role='ads-select-kpi'] .selection .meta {
  font: normal 15px "proxima-nova", Arial, sans-serif;
}

[data-module='ads-stats'] .panel-header {
  padding: 0;
}

[data-module='ads-stats'] .panel-header .btn svg, [data-module='ads-stats'] .panel-header .btn:hover svg {
  fill: #d4d4d4 !important;
}

[data-module='ads-stats'] .panel-body {
  padding: 0;
}

[data-module='ads-stats'] .chart {
  height: 290px;
  padding: 10px;
}

[data-module='ads-stats'] .kpis {
  display: flex;
  margin-top: -1px;
  border-top: 1px solid #ebebeb;
}

[data-module='ads-stats'] .kpi {
  position: relative;
  flex: 1;
  max-width: 25%;
  padding: 15px 25px;
}

[data-module='ads-stats'] .kpi + .kpi {
  border-left: 1px solid #ebebeb;
}

[data-module='ads-stats'] .kpi .options {
  position: absolute;
  top: 0;
  right: 0;
}

[data-module='ads-stats'] .kpi .options svg {
  width: 14px;
  height: 14px;
  fill: #d4d4d4;
}

[data-module='ads-stats'] .kpi header {
  height: 40px;
  margin: 5px 0 10px;
}

[data-module='ads-stats'] .kpi .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
  line-height: 1;
  color: #919191;
}

[data-module='ads-stats'] .kpi .dropdown {
  display: block;
}

[data-module='ads-stats'] .kpi .sub {
  font-size: 11px;
}

[data-module='ads-stats'] .kpi .sub:not(:hover) {
  color: #b2b2b2;
}

[data-module='ads-stats'] .kpi .sub svg {
  width: 10px;
  height: 10px;
  fill: #b2b2b2 !important;
}

[data-module='ads-stats'] .kpi .value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

.table-list {
  width: 100%;
}

.table-list .th,
.table-list .td {
  padding: 15px 10px;
}

.table-list .th:first-child,
.table-list .td:first-child {
  padding-left: 20px;
}

.table-list .th:last-child,
.table-list .td:last-child {
  padding-right: 20px;
}

.table-list .th.text-right,
.table-list .td.text-right {
  text-align: right;
}

.table-list .th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 162px;
}

.table-list [data-col='status'] {
  width: 80px;
  padding-right: 20px;
}

.table-list [data-col='status'] .switcher {
  margin-top: 2px;
  font-size: 0;
}

.table-list [data-col='name'] {
  max-width: 340px;
  min-width: 250px;
}

.table-list [data-col='name'] .value {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  position: relative;
}

.table-list [data-col='name'] .value .status {
  position: absolute;
  left: -25px;
}

.table-list [data-col*='kpi'] {
  text-align: right;
  white-space: nowrap;
}

.table-list .td:last-child {
  font-size: 13px;
  line-height: 18px;
  color: #b2b2b2;
  white-space: nowrap;
}

.table-list .item.selected {
  background-color: #f2f2f2;
}

.table-list .item.finished {
  color: #b2b2b2;
}

.table-list[data-table='ads-ad'] .td, .table-list[data-table='ads-adset'] .td {
  padding-top: 35px;
}

.table-list[data-table='ads-ad'] .td[data-col='name'], .table-list[data-table='ads-adset'] .td[data-col='name'] {
  position: relative;
}

.table-list[data-table='ads-ad'] .td .breadcrumbs-path, .table-list[data-table='ads-adset'] .td .breadcrumbs-path {
  position: absolute;
  top: 15px;
  left: 10px;
}

.table-list[data-table='ads-ad'] .td .breadcrumbs-path > span > span, .table-list[data-table='ads-adset'] .td .breadcrumbs-path > span > span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: relative;
  z-index: -1;
}

.table-list[data-table='ads-ad'] .td .breadcrumbs-path a, .table-list[data-table='ads-adset'] .td .breadcrumbs-path a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

[data-module='targeting-selector'] [data-role='targeting-browse'] .dropdown-box .breadcrumbs-path {
  padding: 8px 12px;
}

[data-module='targeting-selector'] [data-role='targeting-browse'] .dropdown-box .category-name {
  padding: 8px 12px;
}

[data-module='dashboard'] {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 30px 0;
  background-color: #4639ab;
  background-image: url("../images/platform/dashboard/background.png");
}

@media screen and (max-aspect-ratio: 1398 / 846) {
  [data-module='dashboard'] {
    background-size: auto 100%;
  }
}

.ttl-dashboard strong {
  font-weight: 600;
}

[data-module='dashboard'] .sections {
  display: flex;
  border-top: 1px solid #594db3;
}

[data-module='dashboard'] .sections .section {
  padding: 0 2%;
}

[data-module='dashboard'] .sections .section:not(:first-child) {
  border-left: 1px solid #594db3;
}

[data-module='dashboard'] .section {
  display: flex;
  flex-direction: column;
}

[data-module='dashboard'] .section .ttl-section {
  display: inline-block;
  margin: 15px 0;
  border-bottom-style: solid;
  border-bottom-width: 4px;
}

[data-module='dashboard'] .section .image {
  margin-top: 30px;
  text-align: center;
}

[data-module='dashboard'] .section .image img {
  display: inline-block;
  width: 70%;
  height: auto;
  background-color: #fff;
  border: 5px solid #fff;
  border-radius: 50%;
  box-sizing: content-box;
}

[data-module='dashboard'] .section .slogan {
  margin-top: 30px;
  font-size: 22px;
  line-height: normal;
  text-align: center;
}

[data-module='dashboard'] .section .slogan strong {
  display: block;
}

[data-module='dashboard'] .section .text {
  flex-grow: 1;
  margin-top: 20px;
  font-size: 13px;
  text-align: center;
}

[data-module='dashboard'] .section .go {
  margin: 20px 0 10px;
  text-align: center;
}

[data-module='dashboard'] .section .stats {
  margin-top: 30px;
}

[data-module='dashboard'] .section .stats .value {
  display: block;
  font-size: 60px;
  font-weight: 600;
  line-height: normal;
}

[data-module='dashboard'] .section .stats .type {
  font-size: 13px;
}

[data-module='dashboard'] .section .links {
  margin: 60px 0 10px;
}

[data-module='dashboard'] .section .links [type*='gl'] {
  margin-right: 5px;
}

@-moz-keyframes widgetLoaderAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

@-webkit-keyframes widgetLoaderAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

@-o-keyframes widgetLoaderAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

@-ms-keyframes widgetLoaderAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

@keyframes widgetLoaderAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

.form.form-centered .line > .name {
  width: 20%;
}

.form.form-centered .line > .elm {
  width: calc(75% - 30px);
}

.error-text {
  color: #b84644;
}

.tooltip-list {
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 13px;
}

.tooltip-list .row .row {
  margin-top: 7px;
}

.tooltip-list .col-xs-3 {
  width: 100px;
}

.tooltip-list .col-xs-9 {
  width: calc(100% - 100px);
  font: normal 11px Verdana, Arial, sans-serif;
  color: #333;
}

.tooltip-list .col-xs-9 span:not(:last-child)::after {
  padding: 0 2px;
  font-size: 9px;
  color: #333;
  content: ' \2022 ';
}

.tooltip-list.long.published .col-xs-3 {
  width: 135px;
  text-align: left;
}

.tooltip-list.long.published .col-xs-9 {
  width: calc(100% - 135px);
}

.tooltip-list.long .col-xs-4 {
  width: 120px;
}

.tooltip-list.long .col-xs-5 {
  width: 130px;
}

.tooltip-list.long .col-xs-3 {
  width: calc(100% - 250px);
  text-align: right;
}

.qtip.tooltip-rich .qtip-content {
  max-height: 230px;
}

.dashboard .dashboard-toolbar {
  padding-bottom: 10px;
}

.dashboard .dashboard-toolbar .dashboard-channels {
  margin-left: 5px;
}

.dashboard .dashboard-toolbar .dashboard-channels .avatar {
  margin-right: 0;
}

.dashboard .dashboard-toolbar .dashboard-channels .avatar + .avatar {
  margin-left: 5px;
}

.channels-filter .items {
  max-height: 325px;
  padding-right: 3px;
  padding-left: 20px;
  margin: 10px -20px 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.channels-filter .filter-item {
  position: relative;
  height: 50px;
  padding: 8px 20px;
  margin: 0 -20px;
  background: #f2f2f2;
}

.channels-filter .filter-item:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.channels-filter .filter-item .chk.chk-r,
.channels-filter .filter-item .chk.chk-r label {
  width: 100%;
}

.channels-filter .filter-item .chk.chk-r::before,
.channels-filter .filter-item .chk.chk-r label::before {
  top: 8px;
}

.channels-selector .select-holder {
  position: relative;
  float: left;
  width: 100%;
}

.channels-selector .select-holder .dropdown-box {
  top: 40px;
  width: calc(100% - 104px);
  max-height: 285px;
  min-width: calc(100% - 104px);
  overflow: auto;
}

.channels-selector .select-holder .dropdown-box .list-group {
  max-height: 275px;
  overflow-y: auto;
}

.channels-selector .select-holder .dropdown-box p {
  padding: 10px 15px;
  margin: 0;
}

.channels-selector .select-holder .list-item.active {
  background: #f2f2f2;
}

.channels-selector .textfield-addon .btn {
  width: 105px;
}

.channels-selector .selected-channels {
  width: calc(100% - 105px);
  max-height: 210px;
  min-width: calc(100% - 105px);
  overflow: auto;
}

.chart-legend {
  position: relative;
  z-index: 10;
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-left: 20px;
}

.chart-legend .legend-item {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 12px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #999;
  text-align: left;
}

.chart-legend .legend-item .legend-value {
  float: left;
  width: 3.3vw;
  min-width: 55px;
  margin-right: 10px;
}

.chart-legend .legend-item .legend-color {
  float: left;
  width: 8px;
  height: 8px;
  margin-top: 5px;
  margin-right: 7px;
}

.chart-legend .legend-item .legend-color.circle {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.chart-legend.vertical {
  text-align: center;
}

.chart-legend.vertical .legend-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  float: initial;
  width: 100%;
  max-width: 190px;
  margin: 0 auto;
}

.chart-legend.vertical .legend-item:first-child {
  margin-top: 20px;
}

.stacked-line {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #ebebeb;
}

.stacked-line .line {
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  float: left;
  width: 0;
  height: 100%;
}

.stacked-line .line:nth-child(1) {
  background-color: #4db9ff;
}

.stacked-line .line:nth-child(2) {
  background-color: #3a75b6;
}

.stacked-line .line:nth-child(3) {
  background-color: #1c274f;
}

.stacked-line .line:nth-child(4) {
  background-color: #ffbf1f;
}

.stacked-line .line:nth-child(5) {
  background-color: #f88160;
}

.stacked-line .line:nth-child(6) {
  background-color: #4639ab;
}

.stacked-line .line:nth-child(7) {
  background-color: #5c5cff;
}

.stacked-line.disabled .line {
  opacity: 0;
}

.stacked-line .stacked-line--tooltip {
  position: absolute;
  bottom: 15px;
  left: -10px;
  width: calc(100% + 20px);
  padding: 10px;
  background: #fff;
  border: 1px solid #d4d4d4;
}

.stacked-line .stacked-line--tooltip .tooltip-item {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  float: left;
  width: 100%;
  height: 25px;
  padding: 4px 10px 3px;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 13px;
  color: #fff;
  white-space: nowrap;
}

.stacked-line .stacked-line--tooltip .tooltip-item:nth-child(1) {
  background-color: #4db9ff;
}

.stacked-line .stacked-line--tooltip .tooltip-item:nth-child(2) {
  background-color: #3a75b6;
}

.stacked-line .stacked-line--tooltip .tooltip-item:nth-child(3) {
  background-color: #1c274f;
}

.stacked-line .stacked-line--tooltip .tooltip-item:nth-child(4) {
  background-color: #ffbf1f;
}

.stacked-line .stacked-line--tooltip .tooltip-item:nth-child(5) {
  background-color: #f88160;
}

.stacked-line .stacked-line--tooltip .tooltip-item:nth-child(6) {
  background-color: #4639ab;
}

.stacked-line .stacked-line--tooltip .tooltip-item:nth-child(7) {
  background-color: #5c5cff;
}

.stacked-line .stacked-line--tooltip .tooltip-item + .tooltip-item {
  margin-top: 8px;
}

.stacked-line .stacked-line--tooltip .tooltip-item .legend,
.stacked-line .stacked-line--tooltip .tooltip-item .val {
  float: right;
}

.stacked-line .stacked-line--tooltip .tooltip-item .legend {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 65%;
  text-align: left;
}

.stacked-line .stacked-line--tooltip .tooltip-item .val {
  width: 35%;
  text-align: right;
}

.modal-dashboard-change-period .msg {
  margin-bottom: 15px;
}

.modal-dashboard-manage-channels .modal-dialog {
  width: 740px;
}

.modal-dashboard-manage-channels .modal-body {
  overflow: initial;
}

.modal-dashboard-manage-channels .msg {
  margin-bottom: 15px;
}

.modal-manage-dashboards .modal-body {
  width: 450px;
}

.modal-manage-dashboards .dnd-holder {
  margin-top: 15px;
  background: #fff;
  border-top: 1px solid #ebebeb;
}

.modal-manage-dashboards .dnd-holder .dnd-item {
  position: relative;
  width: 450px;
  padding: 15px 20px;
  cursor: pointer;
  background: #f2f2f2;
  border-bottom: 1px solid #fff;
}

.modal-manage-dashboards .dnd-holder .dnd-item .handle {
  background-image: -owg-repeating-radial-gradient(center center, #ccc, #ccc 1px, transparent 1px, transparent 100%);
  background-image: -webkit-repeating-radial-gradient(center center, #ccc, #ccc 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, #ccc, #ccc 1px, transparent 1px, transparent 100%);
  background-image: -o-repeating-radial-gradient(center center, #ccc, #ccc 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, #ccc, #ccc 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  -o-background-size: 3px 3px;
  background-size: 3px 3px;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 12px;
  height: 43px;
}

.modal-widget-change-period .modal-dialog {
  width: 740px;
}

.modal-widget-change-period .msg {
  margin-top: 15px;
}

.modal-widget-change-period .daterangepicker {
  margin-top: 15px;
}

.modal-widget-filter-channels .modal-dialog {
  max-width: 470px;
}

.modal-widget-filter-channels .channels-filter {
  margin-top: 10px;
}

.modal-widget-filter-channels .panel-body {
  padding-bottom: 0;
}

.modal-widget-manage-channels .modal-dialog {
  width: 740px;
}

.modal-widget-manage-channels .modal-body {
  overflow: initial;
}

.modal-widget-manage-channels .msg {
  margin-top: 15px;
}

.modal-widget-manage-channels .line {
  margin-top: 10px;
}

.modal-widget-mini-feed-filters .modal-body {
  overflow-x: hidden;
}

.modal-widget-mini-feed-filters .column-left {
  float: left;
  width: 250px;
}

.modal-widget-mini-feed-filters .column-left .list-item {
  cursor: pointer;
}

.modal-widget-mini-feed-filters .column-left .list-item .meta {
  padding: 2px 5px;
  color: #fff;
  background: #b2b2b2;
}

.modal-widget-mini-feed-filters .column-left svg {
  margin-left: 8px;
  fill: #c4c4c4;
}

.modal-widget-mini-feed-filters .column-left .shown svg {
  visibility: hidden;
}

.modal-widget-mini-feed-filters .column-right {
  float: left;
  width: 340px;
  padding: 0 15px;
}

.modal-widget-mini-feed-filters .column-right .label-holder {
  float: left;
  max-height: 152px;
  overflow-x: hidden;
}

.modal-widget-mini-feed-filters .column-right .list-blocks .list-item {
  margin-bottom: 0;
  border-bottom: 1px solid #f2f2f2;
}

.modal-widget-mini-feed-filters .column-right .list-blocks .list-item > :first-child {
  padding-left: 0;
}

.modal-widget-mini-feed-filters .column-right .list-blocks .list-item .inner:last-child .data {
  padding-right: 0;
}

.modal-widget-mini-feed-filters .column-right .list-blocks .list-item .chk:not(.chk-r) label {
  padding-left: 11px;
}

.modal-widget-mini-feed-filters .column-right .list-sheetrows .main label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 270px;
}

.modal-widget-mini-feed-filters .list-item.shown {
  color: #333;
  background: #fff;
}

.modal-widget-mini-feed-filters .textfield-input {
  margin-top: 12px;
}

.widget-reporter-contributions .chart-container {
  min-height: 230px;
}

.widget-reporter-contributions .contributions-hourly,
.widget-reporter-contributions .contributions-daily,
.widget-reporter-contributions .contributions-weekly,
.widget-reporter-contributions .contributions-overview {
  padding-top: 25px;
}

.widget-reporter-contributions .contributions-hourly {
  float: left;
  width: 100%;
}

.widget-reporter-contributions .contributions-hourly > .dropdown {
  margin-top: 15px;
  margin-bottom: 10px;
}

.widget-reporter-contributions .contributions-hourly .chart-container {
  min-height: 205px;
}

.widget-reporter-contributions .contributions-daily .chart-container {
  min-height: 205px;
}

.widget-reporter-contributions .contributions-weekly .chart-container {
  min-height: 205px;
}

.widget-reporter-contributions .contributions-overview .chart-box {
  position: relative;
  float: left;
  height: 197px;
  padding: 0 20px;
  margin-bottom: 0;
  border-right: 1px solid #ebebeb;
}

.widget-reporter-contributions .contributions-overview .chart-box.last {
  border-right: 0;
}

.widget-reporter-contributions .contributions-overview .chart-box .dropdown {
  display: inline-block;
}

.widget-reporter-contributions .contributions-overview .chart-box .dropdown .dropdown-menu {
  min-width: 195px;
}

.widget-reporter-contributions .contributions-overview .chart-container {
  max-height: 100px;
  min-height: 100px;
}

.widget-reporter-contributions .contributions-overview .chart-legend {
  margin-top: 0;
  margin-left: 5px;
}

.widget-reporter-contributions .contributions-overview .chart-legend .legend-item {
  max-width: 205px;
}

.widget-reporter-contributions .contributions-overview .chart-legend .legend-item:first-child {
  margin-top: 10px;
}

.widget-reporter-contributions .contributions-overview .charts-tooltip .chart-tooltip-name {
  width: 65%;
}

.widget-reporter-contributions .contributions-overview .charts-tooltip .chart-tooltip-name + span {
  width: 35%;
}

.widget-reporter-fans-growth .fans-growth-averages {
  max-height: 46px;
  margin-top: 15px;
  text-align: left;
}

.widget-reporter-fans-growth .fans-growth-chart {
  margin-top: 0;
}

.widget-reporter-fans-growth .fans-growth-chart .widget-loading {
  position: absolute;
  top: 44px;
  bottom: 0;
  left: 12px;
  z-index: 100;
  width: calc(100% - 24px);
  background: #fff;
}

.widget-reporter-fans-growth[data-metric='col-1'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #1c274f;
}

.widget-reporter-fans-growth[data-metric='col-2'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #3a75b6;
}

.widget-reporter-fans-growth[data-metric='col-3'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #4db9ff;
}

.widget-reporter-fans-growth[data-metric='col-4'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #f88160;
}

.widget-reporter-fans-growth[data-metric='col-5'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #f2ab00;
}

.widget-reporter-mini-feed .col-sm-1 {
  width: 95px;
}

.widget-reporter-mini-feed .col-sm-2 {
  width: 166.25px;
}

.widget-reporter-mini-feed .col-sm-5 {
  width: calc(100% - 593.75px);
}

.widget-reporter-mini-feed .col-sm-offset-6 {
  margin-left: calc(100% - 498.75px);
}

.widget-reporter-mini-feed .mini-feed-search {
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
}

.widget-reporter-mini-feed .mini-feed-search .btn-group .btn-default {
  border-right-color: #d4d4d4;
}

.widget-reporter-mini-feed .mini-feed-averages {
  height: 75px;
  padding: 15px 0 5px;
  border-bottom: 1px solid #ebebeb;
}

.widget-reporter-mini-feed .mini-feed-averages .value {
  font-size: 28px;
  font-weight: bold;
}

.widget-reporter-mini-feed .mini-feed-table-header {
  padding: 5px 0;
  color: #999;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.widget-reporter-mini-feed .mini-feed-table-header .dropdown {
  float: left;
}

.widget-reporter-mini-feed .mini-feed-table-header .dropdown .icon-link > .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 107px;
}

.widget-reporter-mini-feed .mini-feed-table-header .dropdown .icon-link > .text + svg {
  margin: 0 5px;
}

.widget-reporter-mini-feed .mini-feed-table-header .text {
  float: left;
}

.widget-reporter-mini-feed .mini-feed-table-header .column-sort {
  float: left;
}

.widget-reporter-mini-feed .mini-feed-table-header .column-sort .arrow-asc,
.widget-reporter-mini-feed .mini-feed-table-header .column-sort .arrow-desc {
  display: none;
}

.widget-reporter-mini-feed .mini-feed-table-header .column-sort.active .arrow-asc {
  display: none;
}

.widget-reporter-mini-feed .mini-feed-table-header .column-sort.active .arrow-desc {
  display: initial;
}

.widget-reporter-mini-feed .mini-feed-table-header .column-sort.active.asc .arrow-asc {
  display: initial;
}

.widget-reporter-mini-feed .mini-feed-table-header .column-sort.active.asc .arrow-desc {
  display: none;
}

.widget-reporter-mini-feed .mini-feed-table-header > .row > div:hover .arrow-desc {
  display: initial;
}

.widget-reporter-mini-feed .mini-feed-table {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.widget-reporter-mini-feed .mini-feed-table-body {
  padding: 5px 0;
}

.widget-reporter-mini-feed .mini-feed-table-body div > .row {
  position: relative;
  min-height: 140px;
  padding: 20px 0;
  overflow: hidden;
}

.widget-reporter-mini-feed .mini-feed-table-body div > .row:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.widget-reporter-mini-feed .mini-feed-table-body div > .row.fixed {
  height: 140px;
}

.widget-reporter-mini-feed .mini-feed-table-body .cell-date {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #999;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-type img,
.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-info img,
.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-dark {
  float: left;
  width: 16px;
  height: 16px;
  margin-bottom: 5px;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-type {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  color: #c4c4c4;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-type svg {
  vertical-align: baseline;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-info {
  float: left;
  width: 16px;
  min-height: 1px;
  margin-right: 15px;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-picture {
  float: left;
  width: 60px;
  height: 100%;
  min-height: 90px;
  margin-right: 15px;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-picture img {
  width: 100%;
  max-height: 70px;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-content {
  float: left;
  width: calc(100% - 32px - 60px - 45px);
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-message {
  float: left;
  width: 100%;
  max-height: 44px;
  margin-top: -4px;
  overflow: hidden;
  /*text-overflow: ellipsis;
        white-space: nowrap;*/
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-message > span {
  float: left;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-labels {
  float: left;
  max-width: 100%;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-labels > span {
  float: left;
  max-width: 100%;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-link {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 13px;
  color: #383f49;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-performance {
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-performance li {
  float: left;
  padding: 1px 5px;
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  list-style: none;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-performance li:not(:last-child) {
  margin-right: 3px;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-performance .performance-viral {
  background: #3a75b6;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-performance .performance-engaging {
  background: #1f9a64;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-performance .performance-penetration {
  background: #f2ab00;
}

.widget-reporter-mini-feed .mini-feed-table-body .post-icons .post-performance .performance-spammy {
  background: #f88160;
}

.widget-reporter-mini-feed .mini-feed-column-highchart {
  position: relative;
}

.widget-reporter-mini-feed .mini-feed-column-highchart .absolute-value {
  float: left;
  min-width: 1px;
  min-height: 30px;
  margin-top: -7px;
  margin-bottom: 25px;
  font-size: 21px;
  font-weight: bold;
}

.widget-reporter-mini-feed .mini-feed-column-highchart .chart {
  float: left;
  width: 100%;
  height: 50px;
}

.widget-reporter-mini-feed .mini-feed-column-highchart .chart-overlay {
  position: absolute;
  top: 55px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: #fff;
}

.widget-reporter-mini-feed .mini-feed-column-highchart .chart-overlay img {
  position: absolute;
  bottom: 0;
}

.widget-reporter-mini-feed .mini-feed-table-loader {
  padding: 24px 0;
  text-align: center;
  border-top: 1px solid #ebebeb;
}

.widget-reporter-mini-feed .row-loader {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  min-height: 130px;
  padding: 20px 0;
  background: #fff;
}

.widget-reporter-mini-feed .mini-feed-tooltip {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  color: #fff;
  background: #14171c;
}

.mini-feed-filters-tooltip {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

.mini-feed-filters-tooltip .row + .row {
  margin-top: 7px;
}

.mini-feed-filters-tooltip .col-xs-3 {
  width: 100px;
}

.mini-feed-filters-tooltip .col-xs-9 {
  width: calc(100% - 100px);
  font: normal 11px Verdana, Arial, sans-serif;
  color: #333;
}

.mini-feed-filters-tooltip .col-xs-9 span:not(:last-child)::after {
  padding: 0 2px;
  font-size: 9px;
  color: #333;
  content: ' \2022 ';
}

/* win is applied by JS to the html element if you are on windows OS */
.win .mini-feed-averages,
.win .mini-feed-table-header {
  padding-right: 17px;
}

.widget-reporter-post-engagement .post-engagement-averages {
  max-height: 46px;
  margin-top: 15px;
  text-align: left;
}

.widget-reporter-post-engagement .post-engagement-averages.summary .item-2 {
  color: #999999;
}

.widget-reporter-post-engagement .post-engagement-averages.summary .item-3 {
  color: #c4c4c4;
}

.widget-reporter-post-engagement .post-engagement-chart {
  margin-top: 0;
}

.widget-reporter-post-engagement .post-engagement-chart .widget-loading {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 12px;
  z-index: 100;
  width: calc(100% - 24px);
  background: #fff;
}

.widget-reporter-post-engagement[data-metric='CTR'] .summary .average.item-1 {
  color: #3a75b6;
}

.widget-reporter-post-engagement[data-metric='CTR'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #3a75b6;
}

.widget-reporter-post-engagement[data-metric='VIRAL_AMPLIFICATION'] .summary .average.item-1 {
  color: #1c274f;
}

.widget-reporter-post-engagement[data-metric='VIRAL_AMPLIFICATION'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #1c274f;
}

.widget-reporter-post-engagement[data-metric='SPAM_SCORE'] .summary .average.item-1 {
  color: #f88160;
}

.widget-reporter-post-engagement[data-metric='SPAM_SCORE'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #f88160;
}

.widget-reporter-post-engagement[data-metric='POST_REACH'] .summary .average.item-1 {
  color: #1c274f;
}

.widget-reporter-post-engagement[data-metric='POST_REACH'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #1c274f;
}

.widget-reporter-post-engagement[data-metric='IPM'] .summary .average.item-1 {
  color: #3a75b6;
}

.widget-reporter-post-engagement[data-metric='IPM'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #3a75b6;
}

.widget-reporter-post-engagement[data-metric='FAN_PENETRATION'] .summary .average.item-1 {
  color: #1c274f;
}

.widget-reporter-post-engagement[data-metric='FAN_PENETRATION'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #1c274f;
}

.widget-reporter-post-engagement[data-metric='ENGAGEMENT'] .summary .average.item-1 {
  color: #1c274f;
}

.widget-reporter-post-engagement[data-metric='ENGAGEMENT'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #1c274f;
}

.widget-reporter-post-engagement[data-metric='COMMENTS'] .summary .average.item-1 {
  color: #4db9ff;
}

.widget-reporter-post-engagement[data-metric='COMMENTS'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #4db9ff;
}

.widget-reporter-post-engagement[data-metric='LIKES'] .summary .average.item-1 {
  color: #4db9ff;
}

.widget-reporter-post-engagement[data-metric='LIKES'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #4db9ff;
}

.widget-reporter-post-engagement[data-metric='STORIES'] .summary .average.item-1 {
  color: #4db9ff;
}

.widget-reporter-post-engagement[data-metric='STORIES'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #4db9ff;
}

.widget-reporter-post-engagement[data-metric='DEFAULT'] .summary .average.item-1 {
  color: #4db9ff;
}

.widget-reporter-post-engagement[data-metric='DEFAULT'] .charts-tooltip.charts-summary > li:nth-child(2) {
  background: #4db9ff;
}

.widget-reporter-response-time .chart-container {
  min-height: 230px;
}

.widget-reporter-response-time .response-time-hourly {
  float: left;
  width: 100%;
  padding-top: 25px;
}

.widget-reporter-response-time .response-time-hourly > .dropdown {
  margin-top: 15px;
  margin-bottom: 10px;
}

.widget-reporter-response-time .response-time-hourly .chart-container {
  min-height: 185px;
}

.widget-reporter-response-time .response-time-overview {
  padding-top: 25px;
}

.widget-reporter-response-time .response-time-overview .widget-loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  z-index: 100;
  width: calc(100% - 40px);
  background: #fff;
}

.widget-reporter-response-time .response-time-overview .chart-box {
  position: relative;
  float: left;
  height: 180px;
  padding: 0 20px;
  margin-bottom: 0;
  border-right: 1px solid #ebebeb;
}

.widget-reporter-response-time .response-time-overview .chart-box.last {
  border-right: 0;
}

.widget-reporter-response-time .response-time-overview .chart-box .dropdown {
  display: inline-block;
}

.widget-reporter-response-time .response-time-overview .chart-box .dropdown .dropdown-menu {
  min-width: 225px;
}

.widget-reporter-response-time .response-time-overview .chart-container {
  min-height: 170px;
}

.widget-reporter-response-time .response-time-overview .chart-xaxis {
  position: absolute;
  bottom: 14px;
  left: 50%;
  z-index: 100;
  width: 162px;
  margin-left: -79px;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 12px;
  color: #999;
}

.widget-reporter-response-time .response-time-overview .chart-xaxis span {
  float: left;
}

.widget-reporter-response-time .response-time-overview .chart-xaxis span:last-child {
  float: right;
}

.widget-reporter-response-time .response-time-overview .charts-tooltip .chart-tooltip-name {
  width: 30%;
}

.widget-reporter-response-time .response-time-overview .charts-tooltip .chart-tooltip-name + span {
  width: 70%;
}

.widget-reporter-response-time .response-time-overview [type='gl-18-thin-arrow-up'],
.widget-reporter-response-time .response-time-overview [type='gl-18-thin-arrow-down'] {
  display: none;
  margin-top: -3px;
}

.widget-reporter-response-time .response-time-overview .no-change,
.widget-reporter-response-time .response-time-overview .infinity {
  color: #999;
}

.widget-reporter-response-time .response-time-overview .infinity span {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 24px;
  line-height: 14px;
}

.widget-reporter-response-time .response-time-overview .increase,
.widget-reporter-response-time .response-time-overview .infinity {
  color: #1f9a64;
}

.widget-reporter-response-time .response-time-overview .increase [type='gl-18-thin-arrow-up'],
.widget-reporter-response-time .response-time-overview .infinity [type='gl-18-thin-arrow-up'] {
  display: inline-block;
  fill: #1f9a64;
}

.widget-reporter-response-time .response-time-overview .increase [type='gl-18-thin-arrow-down'],
.widget-reporter-response-time .response-time-overview .infinity [type='gl-18-thin-arrow-down'] {
  display: none;
}

.widget-reporter-response-time .response-time-overview .decrease {
  color: #ea2322;
}

.widget-reporter-response-time .response-time-overview .decrease [type='gl-18-thin-arrow-down'] {
  display: inline-block;
  fill: #ea2322;
}

.widget-reporter-response-time .response-time-overview .decrease [type='gl-18-thin-arrow-up'] {
  display: none;
}

.widget-reporter-response-time .response-time-overview .arrow {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  position: absolute;
  top: 32px;
  left: calc(50% - 8.5px);
  z-index: 100;
  width: 17px;
  height: 75px;
}

.widget-reporter-sentiments .chart-container {
  min-height: 230px;
}

.widget-reporter-sentiments .widget-loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  z-index: 100;
  width: calc(100% - 40px);
  background: #fff;
}

.widget-reporter-sentiments .sentiments-weekly {
  float: left;
  width: 100%;
}

.widget-reporter-sentiments .sentiments-weekly > .dropdown {
  margin-top: 15px;
  margin-bottom: 10px;
}

.widget-reporter-sentiments .sentiments-weekly .chart-container {
  min-height: 230px;
}

.widget-reporter-sentiments .sentiments-overview {
  padding-top: 30px;
}

.widget-reporter-sentiments .sentiments-overview .chart-box {
  position: relative;
  float: left;
  height: 202px;
  padding: 0 20px;
  margin-bottom: 0;
  text-align: center;
}

.widget-reporter-sentiments .sentiments-overview .chart-box:not(:last-child) {
  border-right: 1px solid #ebebeb;
}

.widget-reporter-sentiments .sentiments-overview .dropdown {
  display: inline-block;
  padding-left: 15px;
}

.widget-reporter-sentiments .sentiments-overview .dropdown .dropdown-menu {
  min-width: 195px;
}

.widget-reporter-sentiments .sentiments-overview .chart-container {
  min-height: 80px;
}

.widget-reporter-sentiments .sentiments-overview .charts-tooltip .chart-tooltip-name {
  width: 70%;
}

.widget-reporter-sentiments .sentiments-overview .charts-tooltip .chart-tooltip-name + span {
  width: 30%;
}

.widget-reporter-sentiments .sentiments-overview .chart-legend {
  margin: 0 auto;
}

.widget-reporter-page-summary {
  margin-right: -20px;
  margin-left: -20px;
}

.widget-reporter-page-summary [metrics-data] > .row:nth-child(2) {
  margin-top: 5px;
  margin-bottom: 60px;
}

.widget-reporter-page-summary [metrics-data] .metric-selector {
  line-height: 15px;
}

.widget-reporter-page-summary .metric-value {
  float: left;
  margin-top: 6px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

@media (min-width: 1200px) {
  .widget-reporter-page-summary .metric-value {
    font-size: 28px;
  }
}

.widget-reporter-page-summary .metric-change {
  float: left;
  margin-top: 8px;
  margin-left: 5px;
  font-size: 14px;
  color: #14171c;
}

@media (min-width: 1200px) {
  .widget-reporter-page-summary .metric-change {
    margin-top: 13px;
  }
}

.widget-reporter-page-summary .metric-change [type='gl-18-thin-arrow-up'],
.widget-reporter-page-summary .metric-change [type='gl-18-thin-arrow-down'] {
  display: none;
  margin-top: -3px;
}

.widget-reporter-page-summary .metric-change.no-change, .widget-reporter-page-summary .metric-change.infinity {
  color: #20252e;
}

.widget-reporter-page-summary .metric-change.infinity span {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 24px;
  line-height: 14px;
}

.widget-reporter-page-summary .metric-change.increase, .widget-reporter-page-summary .metric-change.infinity {
  color: #1f9a64;
}

.widget-reporter-page-summary .metric-change.increase [type='gl-18-thin-arrow-up'], .widget-reporter-page-summary .metric-change.infinity [type='gl-18-thin-arrow-up'] {
  display: inline-block;
  fill: currentColor;
}

.widget-reporter-page-summary .metric-change.increase [type='gl-18-thin-arrow-down'], .widget-reporter-page-summary .metric-change.infinity [type='gl-18-thin-arrow-down'] {
  display: none;
}

.widget-reporter-page-summary .metric-change.decrease {
  color: #ea2322;
}

.widget-reporter-page-summary .metric-change.decrease [type='gl-18-thin-arrow-down'] {
  display: inline-block;
  fill: currentColor;
}

.widget-reporter-page-summary .metric-change.decrease [type='gl-18-thin-arrow-up'] {
  display: none;
}

.widget-reporter-page-summary .meta-holder {
  width: 100%;
  height: 22px;
}

.widget-reporter-page-summary .meta-holder .dropdown {
  height: 100%;
}

.widget-reporter-page-summary .meta-holder .dropdown > .meta {
  float: left;
  color: #383f49;
}

.widget-reporter-page-summary .widget-data {
  float: left;
}

.widget-reporter-page-summary .col-gridster {
  position: relative;
  float: left;
  height: 100%;
  min-height: 148px;
  padding: 0 20px;
  margin-bottom: 0;
}

.widget-reporter-page-summary .col-gridster:not(:last-child) {
  border-right: 1px solid #ebebeb;
}

.widget-reporter-page-summary[data-cols='1'] .col-gridster:nth-child(1n) {
  border-right: 0;
}

.widget-reporter-page-summary[data-rows='1'],
.widget-reporter-page-summary[data-rows='1'] .widget-data {
  max-height: 148px;
}

.widget-reporter-page-summary[data-cols='2'] .col-gridster:nth-child(2n) {
  border-right: 0;
}

.widget-reporter-page-summary[data-rows='2'],
.widget-reporter-page-summary[data-rows='2'] .widget-data {
  max-height: 296px;
}

.widget-reporter-page-summary[data-rows='2'] [metrics-data] > .row:nth-child(2) {
  margin-bottom: 25px;
}

.widget-reporter-page-summary[data-rows='2'] .col-gridster {
  margin-bottom: 40px;
  min-height: 118px;
}

.widget-reporter-page-summary[data-rows='2'][data-cols='1'] .col-gridster:nth-last-child(-n+1) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-rows='2'][data-cols='2'] .col-gridster:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-rows='2'][data-cols='3'] .col-gridster:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-rows='2'][data-cols='4'] .col-gridster:nth-last-child(-n+4) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-cols='3'] .col-gridster:nth-child(3n) {
  border-right: 0;
}

.widget-reporter-page-summary[data-rows='3'],
.widget-reporter-page-summary[data-rows='3'] .widget-data {
  max-height: 444px;
}

.widget-reporter-page-summary[data-rows='3'] [metrics-data] > .row:nth-child(2) {
  margin-bottom: 25px;
}

.widget-reporter-page-summary[data-rows='3'] .col-gridster {
  margin-bottom: 25px;
  min-height: 118px;
}

.widget-reporter-page-summary[data-rows='3'][data-cols='1'] .col-gridster:nth-last-child(-n+1) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-rows='3'][data-cols='2'] .col-gridster:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-rows='3'][data-cols='3'] .col-gridster:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-rows='3'][data-cols='4'] .col-gridster:nth-last-child(-n+4) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-cols='4'] .col-gridster:nth-child(4n) {
  border-right: 0;
}

.widget-reporter-page-summary[data-rows='4'],
.widget-reporter-page-summary[data-rows='4'] .widget-data {
  max-height: 592px;
}

.widget-reporter-page-summary[data-rows='4'] [metrics-data] > .row:nth-child(2) {
  margin-bottom: 25px;
}

.widget-reporter-page-summary[data-rows='4'] .col-gridster {
  margin-bottom: 25px;
  min-height: 118px;
}

.widget-reporter-page-summary[data-rows='4'][data-cols='1'] .col-gridster:nth-last-child(-n+1) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-rows='4'][data-cols='2'] .col-gridster:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-rows='4'][data-cols='3'] .col-gridster:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.widget-reporter-page-summary[data-rows='4'][data-cols='4'] .col-gridster:nth-last-child(-n+4) {
  margin-bottom: 0;
}

.widget-reporter-page-summary .widget-loading {
  position: absolute;
  top: 25px;
  right: 20px;
  left: 20px;
}

.gridster-item-resizing .widget-data {
  overflow: hidden;
}

.widget-reporter-team-performance .team-performance-search {
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
}

.widget-reporter-team-performance .team-performance-search .textfield {
  width: 330px;
}

.widget-reporter-team-performance .flex-container {
  display: -webkit-flex;
  display: flex;
}

.widget-reporter-team-performance .flex-container .flex-item {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-basis: 10%;
  flex-basis: 10%;
  padding: 0 10px;
  text-align: center;
}

.widget-reporter-team-performance .flex-container .flex-item:first-child {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-left: 0;
  text-align: left;
}

.widget-reporter-team-performance .flex-container .flex-item:last-child {
  padding-right: 0;
}

.widget-reporter-team-performance .flex-container .flex-item.long {
  -webkit-flex-basis: 16%;
  flex-basis: 16%;
}

.widget-reporter-team-performance[data-cols='3'] .flex-item,
.widget-reporter-team-performance[data-cols='3'] .flex-item.long {
  -webkit-flex-basis: 18%;
  flex-basis: 18%;
}

.widget-reporter-team-performance[data-cols='2'] .flex-item,
.widget-reporter-team-performance[data-cols='2'] .flex-item.long {
  -webkit-flex-basis: 30%;
  flex-basis: 30%;
}

.widget-reporter-team-performance .team-performance-averages {
  padding: 10px 15px;
  font-size: 19px;
  font-weight: bold;
  border-bottom: 1px solid #ebebeb;
}

.widget-reporter-team-performance .team-performance-table-header {
  color: #999;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.widget-reporter-team-performance .team-performance-table-header .flex-container .flex-item {
  padding: 5px 15px;
}

.widget-reporter-team-performance .team-performance-table-header .flex-container .flex-item:hover {
  background: #f2f2f2;
}

.widget-reporter-team-performance .team-performance-table-header .flex-container .flex-item > div {
  display: inline-flex;
}

.widget-reporter-team-performance .team-performance-table-header .column-sort {
  float: left;
  fill: #5dbcec;
}

.widget-reporter-team-performance .team-performance-table-header .column-sort .arrow-asc,
.widget-reporter-team-performance .team-performance-table-header .column-sort .arrow-desc {
  display: none;
}

.widget-reporter-team-performance .team-performance-table-header .column-sort.active .arrow-asc {
  display: none;
}

.widget-reporter-team-performance .team-performance-table-header .column-sort.active .arrow-desc {
  display: initial;
}

.widget-reporter-team-performance .team-performance-table-header .column-sort.active.asc .arrow-asc {
  display: initial;
}

.widget-reporter-team-performance .team-performance-table-header .column-sort.active.asc .arrow-desc {
  display: none;
}

.widget-reporter-team-performance .team-performance-table-header > .row > div:hover .arrow-desc {
  display: initial;
}

.widget-reporter-team-performance .team-performance-table {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.widget-reporter-team-performance .team-performance-table .team-performance-table-body {
  max-height: 380px;
  overflow-x: hidden;
  overflow-y: auto;
}

.widget-reporter-team-performance .team-performance-table .team-performance-table-body .flex-container .flex-item:not(:first-child) {
  text-align: center;
}

.widget-reporter-team-performance .team-performance-table .table-row {
  padding: 5px 15px;
  background: #fff;
}

.widget-reporter-team-performance .team-performance-table .table-row:nth-child(2n) {
  background: #f2f2f2;
}

/* common styles for, at least, 2 reporters */
.chart-container {
  position: relative;
  z-index: 10;
  float: left;
  width: 100%;
  min-height: 300px;
}

.charts-tooltip {
  width: 235px;
  padding: 10px;
  list-style: none;
  background: #fff;
  border: 1px solid #d4d4d4;
}

.charts-tooltip > li {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  width: 100%;
  height: 25px;
  padding: 5px 10px 3px;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 13px;
  color: #fff;
}

.charts-tooltip > li:not(:last-child) {
  margin-bottom: 7px;
}

.charts-tooltip > li.date {
  color: #14171c;
  background: #f2f2f2;
}

.charts-tooltip > li.date .chart-tooltip-name + span {
  font-weight: bold;
}

.charts-tooltip > li .chart-tooltip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: 70%;
}

.charts-tooltip > li .chart-tooltip-name + span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 30%;
  text-align: right;
}

.widget-loading .loading-bar {
  float: left;
}

.widget-loading .has-image .loading-bar:not(.half) {
  width: calc(100% - 75px);
}

.widget-loading .loading-line {
  float: left;
  width: 100%;
  height: 49px;
  border-top: 1px solid #ebebeb;
}

.widget-loading .loading-line:last-child {
  border-bottom: 1px solid #ebebeb;
}

.widget-loading .loading-image {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  background: #ebebeb;
}

.widget-settings {
  margin-right: -4px;
  text-align: right;
}

.widget-settings .widget-lock,
.widget-settings a:hover .widget-lock {
  margin-left: 2px;
  fill: #b2b2b2;
}

.widget-settings .widget-period-channels {
  float: right;
}

.widget-settings .widget-period-channels .widget-period,
.widget-settings .widget-period-channels .widget-channels {
  padding-right: 15px;
  margin-left: 10px;
}

.widget-settings .widget-period-channels .widget-period::after,
.widget-settings .widget-period-channels .widget-channels::after {
  display: inline-block;
  width: 1px;
  height: 18px;
  margin: 0 10px;
  background: #ebebeb;
  content: '';
  position: absolute;
  top: 1px;
}

.widget-settings .widget-period-channels .dropdown {
  position: absolute;
  top: -9px;
  right: 46px;
}

.widget-settings .dropdown {
  position: absolute;
  top: -9px;
  right: -3px;
}

.widget-settings .dropdown-menu {
  min-width: 175px;
}

.gridster-item-resizing .widget-settings {
  display: none;
}

.widget-sync-mainbar {
  line-height: 1.4666666667;
}

.widget-sync-mainbar .header-row {
  position: absolute;
  top: -60px;
  right: 0;
  padding: 0;
  background-color: #5dbcec;
}

.widget-sync-mainbar .header-row .modal-header {
  padding-top: 19px;
  padding-bottom: 19px;
}

.widget-sync-mainbar .msg {
  float: left;
  width: calc(100% - 70px - 10px);
  margin-right: 10px;
}

.widget-sync-mainbar .btn:not(.close) {
  float: right;
  width: 70px;
}

.widget-sync-mainbar .btn.close {
  top: 10px;
  right: 10px;
}

.widget-sync-mainbar .action-bar-mask {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  background: #ebebeb;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 60px;
}

.widget-sync .mask {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.widget-sync .chk-box {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}

.widget-sync .sync-error {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 20px 40px;
  color: #fff;
  text-align: center;
  background: #b84644;
}

.widget {
  background-color: #fff;
  border: 1px solid #d4d4d4;
}

.widget.selected {
  border: 1px solid #383f49;
}

.gridster-loaded .widget.gridster-item {
  -webkit-transition-property: opacity, left, width, height;
  -moz-transition-property: opacity, left, width, height;
  -o-transition-property: opacity, left, width, height;
  transition-property: opacity, left, width, height;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.gridster-loaded .widget.gridster-item.gridster-item-moving {
  overflow: hidden;
}

.gridster-loaded .widget.gridster-item.gridster-item-moving[data-rows] {
  overflow: hidden;
}

.widget .widget-header {
  position: relative;
  border-bottom: 1px solid #ebebeb;
}

.widget .widget-header .content {
  float: left;
  width: calc(100% - 40px);
  padding: 10px 0 8px 15px;
}

.widget .widget-header .dropdown {
  float: left;
  width: 40px;
}

.widget .widget-header .dropdown[ng-if] {
  margin-right: -4px;
}

.widget .widget-header .content > div {
  position: relative;
  display: flex;
  align-items: center;
}

.widget .widget-header h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
  margin: 0;
  overflow: hidden;
  font-size: 15px;
  font-weight: normal;
  color: #919191;
  cursor: move;
}

.widget .widget-header .widget-header-item:first-child {
  flex: 1;
  min-width: 0;
}

.widget .widget-header .widget-header-item:last-child {
  white-space: nowrap;
}

.widget .widget-header.period-channels-hidden .content {
  width: calc(100% - 80px);
}

.widget .widget-header.period-channels-hidden .widget-header-item:first-child {
  width: 100%;
}

.widget .widget-header.period-channels-hidden .widget-header-item:last-child {
  width: 0;
}

.widget .widget-header.period-channels-hidden .widget-settings {
  padding-right: 73px;
}

.widget .widget-header.period-channels-hidden .widget-settings > .dropdown:last-child::before {
  display: inline-block;
  width: 1px;
  height: 18px;
  margin: 0 -1px;
  background: #ebebeb;
  content: '';
  position: absolute;
  top: 11px;
}

.widget .widget-header.period-channels-hidden .widget-settings .widget-period-channels .dropdown {
  right: 38px;
}

.widget .widget-body {
  padding: 15px 20px 20px;
}

.widget .widget-body .widget-data {
  height: 100%;
}

.widget .average {
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 13px;
  color: #999;
  vertical-align: middle;
}

.widget .average:first-child {
  width: 100%;
}

.widget .average:not(:last-child):not(:first-child)::after {
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 5px;
  background: #ebebeb;
  content: '';
}

.widget .average:not([ng-repeat])::after {
  margin-left: 10px;
}

.widget .average.disabled {
  color: #d4d4d4 !important;
  pointer-events: none;
}

.widget .average.item-1 {
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #1c274f;
}

.widget .average.item-2 {
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #3a75b6;
}

.widget .average.item-3 {
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #4db9ff;
}

.widget .average.item-4 {
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #f88160;
}

.widget .average.item-5 {
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #f2ab00;
}

.widget .tooltip-target-area {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 101;
  display: block;
  width: 95px;
  background-color: transparent;
}

.widget .tooltip-target-area:not(.crescent) {
  -webkit-transform: translate(-50%, -33%);
  -moz-transform: translate(-50%, -33%);
  -ms-transform: translate(-50%, -33%);
  -o-transform: translate(-50%, -33%);
  transform: translate(-50%, -33%);
  height: 95px;
}

.widget .tooltip-target-area.crescent {
  -webkit-transform: translate(-50%, -66%);
  -moz-transform: translate(-50%, -66%);
  -ms-transform: translate(-50%, -66%);
  -o-transform: translate(-50%, -66%);
  transform: translate(-50%, -66%);
  height: 70px;
}

.dashboard-wizard .modal-dialog {
  min-width: 890px !important;
}

.dashboard-wizard .modal-body {
  overflow: initial;
}

.dashboard-wizard .modal-body > .container {
  padding: 0;
}

.dashboard-wizard .modal-body .choose > .col-md-3 {
  width: 245px;
}

.dashboard-wizard .modal-body .choose > .col-md-9 {
  width: calc(100% - 245px);
  padding-left: 0;
}

.dashboard-wizard .modal-body .choose > .col-md-9 > p {
  margin-top: 0;
}

.dashboard-wizard .modal-body .configure .line > .name {
  width: 15%;
}

.dashboard-wizard .modal-body .configure .line > .elm {
  width: calc(85% - 30px);
}

.dashboard-wizard .dashboard-wizard-content {
  padding: 15px;
}

.dashboard-wizard .dashboard-wizard-content .nav.nav-tree > .active a {
  background-color: #f2f2f2;
}

.dashboard-wizard .dashboard-wizard-content .nav.nav-tree + .nav {
  margin-top: 20px;
}

.dashboard-wizard .msg {
  margin-bottom: 0;
}

.modal-widget-wizard .modal-body {
  overflow: initial;
}

.modal-widget-wizard .modal-body:not(.configure) {
  min-width: 740px;
  min-height: 315px;
}

.modal-widget-wizard .dropdown-select .btn {
  width: 100%;
  min-width: 320px;
  text-align: left;
}

.modal-widget-wizard .dropdown-select .btn svg {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -9px;
}

.modal-widget-wizard .dropdown-select ul {
  width: 100%;
}

.modal-widget-wizard .img-widget {
  width: 360px;
  border: 1px solid #d4d4d4;
}

.modal-widget-wizard .msg {
  margin-bottom: 15px;
}

[data-module='composer'] .panel-header {
  padding-top: 5px;
  padding-bottom: 5px;
}

[data-module='composer'] > .panel-body {
  min-height: 100px;
}

[data-module='composer'] [data-role='boost'] .modal-dialog {
  width: 540px;
}

[data-module='composer'] [data-role='boost'] .time-dots {
  display: inline-block;
  font-size: 15px;
  vertical-align: middle;
}

[data-module='composer'] [data-role='boost'] .elm-group:not(:first-child) {
  padding-top: 21px;
  margin: 19px 0 10px;
  border-top: 1px solid #ebebeb;
}

[data-module='composer'] [data-role='boost'] .in-block {
  display: inline-block;
}

[data-module='composer'] [data-role='boost'] .fixed-size-dropdown {
  width: 90px;
  height: 160px;
  overflow: auto;
}

[data-module='composer'] [data-role='boost'] .form-ll .line > .name {
  width: 20%;
}

[data-module='composer'] [data-role='boost'] .form-ll .line > .elm {
  width: calc(80% - 30px);
}

[data-module='composer'] [data-role='compose-box'] {
  position: relative;
}

[data-module='composer'] [data-role='compose-box'] > .panel-header {
  padding-right: 10px;
  padding-left: 10px;
}

[data-module='composer'] [data-role='compose-box'] > .panel-footer {
  padding: 0;
}

[data-module='composer'] [data-role='compose-box'] > .panel-body {
  padding: 0;
}

[data-module='composer'] [data-role='compose-field'] {
  width: calc(100% + 2px);
  margin: -1px;
}

[data-module='composer'] [data-role='compose-field'] .textfield-input {
  position: relative;
  z-index: 3;
  min-height: 86px;
  background-color: transparent;
}

[data-module='composer'] [data-role='compose-field']:not(.error):not(.warning):not(.success) .textfield-input:not(:focus) {
  border-bottom-color: transparent;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .modal-dialog {
  width: 540px;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .modal-dialog .modal-body {
  width: 100%;
  overflow: initial;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .form-ll {
  margin-top: 10px;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .form-ll .line .name {
  width: 95px;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .form-ll .line .elm {
  position: relative;
  width: calc(100% - 95px - 30px);
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .form-ll .line .elm > .list-blocks {
  max-height: 225px;
  overflow-y: auto;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .form-ll .btn-group > .dropdown .btn-default:not(.selected):not(.disabled) {
  border-right-color: #d4d4d4;
  border-left-color: #d4d4d4;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .form-ll .btn-group .dropdown-box {
  max-height: 300px;
  min-width: 90px;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .form-ll .btn-group > span {
  margin: 0 5px;
  font-size: 15px;
  vertical-align: middle;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .form-ll .btn-group + .btn-group {
  margin-left: 12px;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .dropdown-autocomplete {
  color: #333;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: -1px 0 0;
  position: absolute;
  z-index: 10;
  width: 100%;
  max-height: 165px;
  overflow: auto;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .dropdown-autocomplete .list-item:hover, .modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .dropdown-autocomplete .list-item.selected {
  background-color: #f2f2f2;
}

.modal:not([class*='modal-fullscreen'])[data-role='limit-audience'] .dropdown-autocomplete .list-item.loader {
  min-height: 40px;
}

[data-module='composer'] [data-role='link-attachments'] {
  padding: 0 12px;
}

[data-module='composer'] [data-role='link-attachments'] .item {
  position: relative;
  height: 122px;
  margin: 12px 0;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  /* Disable hover highlighting for title, description and url */
}

[data-module='composer'] [data-role='link-attachments'] .item::before, [data-module='composer'] [data-role='link-attachments'] .item::after {
  display: table;
  content: ' ';
}

[data-module='composer'] [data-role='link-attachments'] .item::after {
  clear: both;
}

[data-module='composer'] [data-role='link-attachments'] .item > div {
  position: relative;
}

[data-module='composer'] [data-role='link-attachments'] .item .editor {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: calc(100% + 2px);
  height: 100%;
  margin: -1px -1px 0;
}

[data-module='composer'] [data-role='link-attachments'] .item .editor .textfield-input {
  height: 122px;
}

[data-module='composer'] [data-role='link-attachments'] .item .thumb {
  float: left;
  border: 0;
}

[data-module='composer'] [data-role='link-attachments'] .item .thumb .addon-br {
  right: 0;
}

[data-module='composer'] [data-role='link-attachments'] .item .content {
  height: 120px;
  padding: 12px 6px;
  margin-left: 120px;
}

[data-module='composer'] [data-role='link-attachments'] .item .content .btn {
  position: absolute;
  right: -1px;
  bottom: -1px;
}

[data-module='composer'] [data-role='link-attachments'] .item p {
  padding: 0 6px;
  margin: 0 0 6px;
}

[data-module='composer'] [data-role='link-attachments'] .item p.ttl {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-module='composer'] [data-role='link-attachments'] .item p.ttl:hover {
  cursor: pointer;
  background-color: rgba(255, 164, 50, 0.25);
}

[data-module='composer'] [data-role='link-attachments'] .item p.descr {
  height: 27px;
  margin-right: 34px;
  overflow: hidden;
  font: normal 11px Verdana, Arial, sans-serif;
}

[data-module='composer'] [data-role='link-attachments'] .item p.descr:hover {
  cursor: pointer;
  background-color: rgba(255, 164, 50, 0.25);
}

[data-module='composer'] [data-role='link-attachments'] .item p.url {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 34px;
  line-height: 1.4666666667;
}

[data-module='composer'] [data-role='link-attachments'] .item p.url:hover {
  cursor: pointer;
  background-color: rgba(255, 164, 50, 0.25);
}

[data-module='composer'] [data-role='link-attachments'] .item .cta {
  position: absolute;
  bottom: 5px;
  left: 12px;
}

[data-module='composer'] [data-role='link-attachments'] .item .cta .icon-link {
  font-size: 13px;
}

[data-module='composer'] [data-role='link-attachments'] .item.edit .editor {
  display: block;
}

[data-module='composer'] [data-role='link-attachments'] .item.edit .thumb,
[data-module='composer'] [data-role='link-attachments'] .item.edit .content {
  display: none;
}

[data-module='composer'] [data-role='link-attachments'] .item.no-edit .content .ttl:hover,
[data-module='composer'] [data-role='link-attachments'] .item.no-edit .content .descr:hover,
[data-module='composer'] [data-role='link-attachments'] .item.no-edit .content .url:hover {
  cursor: auto;
  background-color: transparent;
}

[data-module='composer'] [data-role='link-attachments'] .item.no-edit:only-of-type .thumb .holder:hover {
  cursor: default;
}

[data-module='composer'] [data-role='link-attachments'] .item.no-edit:only-of-type .thumb .holder:hover::before {
  display: none;
}

[data-module='composer'] [data-role='link-attachments'] .item.no-edit:not(:only-of-type) .thumb .holder:hover {
  cursor: move;
}

[data-module='composer'] [data-role='link-attachments'] .item.no-edit:not(:only-of-type) .thumb .holder:hover::before {
  display: block;
}

[data-module='composer'] [data-role='link-attachments'] .item.no-edit:not(:only-of-type) .descr {
  display: none;
}

[data-module='composer'] [data-role='link-attachments'] .item.no-edit:not(:only-of-type) .url:hover {
  cursor: pointer;
  background-color: rgba(255, 164, 50, 0.25);
}

[data-module='composer'] [data-role='link-attachments'] .item .add {
  display: block;
  margin: 12px 0;
}

[data-module='composer'] [data-role='link-attachments'] .item .add .remaining {
  color: #b2b2b2;
}

[data-module='composer'] [data-role='media-field'] {
  position: relative;
  width: calc(100% + 2px);
  margin: -1px;
}

[data-module='composer'] [data-role='media-field']::before {
  position: absolute;
  left: 0;
  z-index: 1;
  display: block;
  width: calc(100% - 24px);
  height: 0;
  margin: 0 12px;
  font-size: 0;
  border-bottom: 1px solid #ebebeb;
  content: ' ';
  bottom: 0;
}

[data-module='composer'] [data-role='media-field']:not(.error):not(.warning):not(.success) .textfield-input:not(:focus) {
  border-bottom-color: transparent;
}

[data-module='composer'] [data-role='media-field'] + [data-role='compose-field']:not(.error):not(.warning):not(.success) .textfield-input:not(:focus) {
  border-top-color: transparent;
}

[data-module='composer'] [data-role='compose-media'] .placeholder {
  min-height: 100px;
}

[data-module='composer'] [data-role='compose-media'] .placeholder .btn {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

[data-module='composer'] [data-role='compose-media'] .media {
  font-size: 0;
}

[data-module='composer'] [data-role='compose-media'] .media[class*='media-single-'] {
  padding: 12px;
}

[data-module='composer'] [data-role='compose-media'] .media.media-single-video {
  padding-bottom: 0;
}

[data-module='composer'] [data-role='compose-media'] .media.media-album {
  position: relative;
  margin: -1px;
  overflow: auto;
  font-size: 0;
  white-space: nowrap;
}

[data-module='composer'] [data-role='compose-media'] .media.media-album::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #d4d4d4;
  content: ' ';
}

[data-module='composer'] [data-role='compose-media'] > .addon {
  padding: 10px 12px;
}

[data-module='composer'] [data-role='compose-media'] > .addon .name {
  color: #999;
  word-wrap: break-word;
}

[data-module='composer'] [data-role='compose-box'] .cta .dropdown {
  padding: 9px 12px;
}

[data-module='composer'] [data-role='compose-box'] .cta .textfield {
  width: calc(100% + 2px);
  margin: -1px;
}

[data-module='composer'] [data-role='compose-box'] .cta .textfield .textfield-input {
  border-top-color: transparent;
}

[data-module='composer'] [data-role='compose-box'] .cta .textfield .group > .textfield-area::before {
  position: absolute;
  left: 0;
  z-index: 1;
  display: block;
  width: calc(100% - 24px);
  height: 0;
  margin: 0 12px;
  font-size: 0;
  border-bottom: 1px solid #ebebeb;
  content: ' ';
  top: 0;
}

[data-module='composer'] [data-role='compose-box'] .subtitles {
  padding: 9px 12px;
}

[data-module='composer'] [data-role='compose-box'] .subtitles:not(:only-child) {
  border-bottom: 1px solid #ebebeb;
}

[data-module='composer'] [data-role='organize-photos'] .album-items {
  height: 100%;
  padding: 9px 14px;
  font-size: 0;
  text-align: left;
}

[data-module='composer'] [data-role='organize-photos'] .album-items > .inner {
  display: inline;
}

[data-module='composer'] [data-role='organize-photos'] .album-item {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 306px;
  height: 377px;
  margin: 6px;
  vertical-align: top;
  background-color: #fff;
  border: 1px solid #d4d4d4;
}

[data-module='composer'] [data-role='organize-photos'] .album-items > .inner > .drag {
  display: none;
}

[data-module='composer'] [data-role='organize-photos'] .album-items > .inner > .drag:only-child {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  font-size: 18px;
  color: #b2b2b2;
  text-align: center;
}

[data-module='composer'] [data-role='organize-photos'] .album-items > .inner > .drag:only-child svg {
  width: 206px;
  height: 206px;
  fill: #b2b2b2;
}

[data-module='composer'] [data-role='organize-photos'] .album-items > .inner > .drag:only-child::after {
  display: block;
  content: 'Drag some photos here.';
}

[data-module='composer'] [data-role='organize-photos'] .album-item .thumb {
  margin: -1px;
}

[data-module='composer'] [data-role='organize-photos'] .album-item .thumb.error {
  z-index: 1;
  height: calc(100% + 2px);
}

[data-module='composer'] [data-role='organize-photos'] .album-item .thumb.rotate90 img {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

[data-module='composer'] [data-role='organize-photos'] .album-item .thumb.rotate180 img {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -moz-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  -o-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

[data-module='composer'] [data-role='organize-photos'] .album-item .thumb.rotate270 img {
  -webkit-transform: translate(-50%, -50%) rotate(270deg);
  -moz-transform: translate(-50%, -50%) rotate(270deg);
  -ms-transform: translate(-50%, -50%) rotate(270deg);
  -o-transform: translate(-50%, -50%) rotate(270deg);
  transform: translate(-50%, -50%) rotate(270deg);
}

[data-module='composer'] [data-role='organize-photos'] .album-item .thumb .addon-br {
  right: 10px;
  bottom: 10px;
}

[data-module='composer'] [data-role='organize-photos'] .album-item .textfield {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 306px;
  margin: 0 -1px;
  font-size: 15px;
}

[data-module='composer'] [data-role='organize-photos'] .album-item .textfield textarea {
  height: 72px;
  min-height: 0;
}

[data-module='composer'] [data-role='settings'] .list-sheetrows .list-item {
  white-space: nowrap;
}

[data-module='composer'] [data-role='settings'] .list-sheetrows .list-item .main {
  white-space: normal;
}

[data-module='composer'] [data-role='settings'] .list-sheetrows .list-item .addon:first-child {
  display: none;
}

[data-module='composer'] [data-role='settings'] .list-sheetrows .list-item .addon:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}

.modal:not([class*='modal-fullscreen'])[data-role='tag-brands'] .dropdown-autocomplete {
  color: #333;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: -1px 0 0;
  position: absolute;
  z-index: 10;
  width: 100%;
}

.modal:not([class*='modal-fullscreen'])[data-role='tag-brands'] .dropdown-autocomplete .list-item {
  cursor: pointer;
}

.modal:not([class*='modal-fullscreen'])[data-role='tag-brands'] .dropdown-autocomplete .list-item:hover, .modal:not([class*='modal-fullscreen'])[data-role='tag-brands'] .dropdown-autocomplete .list-item.selected {
  background-color: #f2f2f2;
}

.modal:not([class*='modal-fullscreen'])[data-role='tag-brands'] .dropdown-autocomplete .list-item.loader {
  width: 100%;
  min-height: 50px;
  cursor: wait;
  background-color: transparent;
}

.modal:not([class*='modal-fullscreen'])[data-role='tag-brands'] .dropdown-autocomplete .list-item .card {
  padding-right: 8px;
  padding-left: 8px;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .modal-dialog {
  width: 540px;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .modal-dialog .modal-body {
  overflow: initial;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content {
  position: relative;
  margin-top: 10px;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .list-blocks {
  max-height: calc(100vh - 320px);
  overflow-y: auto;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .meta {
  margin-left: 5px;
  color: #c4c4c4;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .labels {
  max-width: 425px;
  margin-top: 5px;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .labels .tag:not(:last-child) {
  margin-right: 5px;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .dropdown-autocomplete {
  color: #333;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: -1px 0 0;
  position: absolute;
  z-index: 10;
  width: 100%;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .dropdown-autocomplete .list-item:hover, .modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .dropdown-autocomplete .list-item.selected {
  background-color: #f2f2f2;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .dropdown-autocomplete .list-item.loader {
  min-height: 40px;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .dropdown-audience-tree {
  color: #333;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: -1px 0 0;
  position: absolute;
  z-index: 10;
  width: 100%;
  max-height: 340px;
  overflow-y: auto;
}

.modal:not([class*='modal-fullscreen'])[data-role='target-audience'] .target-audience-content .dropdown-audience-tree .nav-tree-checklist {
  border: 0;
}

[data-module='composer'] [data-role='target-selector'] {
  margin-bottom: 10px;
}

.tree-item-tooltip {
  width: 230px;
  font-size: 15px;
}

.tree-item-tooltip .audience-size {
  font-size: 21px;
  font-weight: bold;
}

.tree-item-tooltip p {
  margin-bottom: 0;
}

[data-module='content-planner'] {
  background: #fff;
  border: 1px solid #d4d4d4;
}

[data-module='content-planner'][data-view='weekly'] .item .card, [data-module='content-planner'][data-view='weekly'] .item .time, [data-module='content-planner'][data-view='weekly'] .item .status, [data-module='content-planner'][data-view='weekly'] .item .contents {
  padding-right: 12px;
  padding-left: 12px;
}

[data-module='content-planner'][data-view='weekly'] .day-holder {
  display: flex;
  flex-wrap: wrap;
  padding-right: 10px;
  padding-left: 10px;
}

[data-module='content-planner'][data-view='weekly'] .day {
  position: relative;
  width: 14.2857142857%;
}

[data-module='content-planner'][data-view='weekly'] .day:not(:first-child):not(.today):not(.drag-enter)::before {
  position: absolute;
  top: 20px;
  bottom: 0;
  width: 1px;
  background-color: #ebebeb;
  content: '';
}

[data-module='content-planner'][data-view='weekly'] .day.today {
  z-index: 1;
  box-shadow: 0 0 0 5px #d4d4d4;
}

[data-module='content-planner'][data-view='weekly'] .day .add {
  position: absolute;
  top: 10px;
  right: 0;
  visibility: hidden;
}

[data-module='content-planner'][data-view='weekly'] .day:not(.past):hover .add {
  visibility: visible;
}

*:not([data-theme]) [data-module='content-planner'][data-view='weekly'] .day.today.drag-enter,
*[data-theme='purple'] [data-module='content-planner'][data-view='weekly'] .day.today.drag-enter {
  box-shadow: 0 0 0 5px #4639ab;
}

*:not([data-theme]) [data-module='content-planner'][data-view='weekly'] .day:not(.today).drag-enter::after,
*[data-theme='purple'] [data-module='content-planner'][data-view='weekly'] .day:not(.today).drag-enter::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: '';
  box-shadow: 0 0 0 2px #4639ab;
}

*[data-theme='cyclamen'] [data-module='content-planner'][data-view='weekly'] .day.today.drag-enter {
  box-shadow: 0 0 0 5px #f75465;
}

*[data-theme='cyclamen'] [data-module='content-planner'][data-view='weekly'] .day:not(.today).drag-enter::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: '';
  box-shadow: 0 0 0 2px #f75465;
}

*[data-theme='yellow'] [data-module='content-planner'][data-view='weekly'] .day.today.drag-enter {
  box-shadow: 0 0 0 5px #ffa432;
}

*[data-theme='yellow'] [data-module='content-planner'][data-view='weekly'] .day:not(.today).drag-enter::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: '';
  box-shadow: 0 0 0 2px #ffa432;
}

*[data-theme='green'] [data-module='content-planner'][data-view='weekly'] .day.today.drag-enter {
  box-shadow: 0 0 0 5px #56b588;
}

*[data-theme='green'] [data-module='content-planner'][data-view='weekly'] .day:not(.today).drag-enter::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: '';
  box-shadow: 0 0 0 2px #56b588;
}

*[data-theme='blue'] [data-module='content-planner'][data-view='weekly'] .day.today.drag-enter {
  box-shadow: 0 0 0 5px #5dbcec;
}

*[data-theme='blue'] [data-module='content-planner'][data-view='weekly'] .day:not(.today).drag-enter::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: '';
  box-shadow: 0 0 0 2px #5dbcec;
}

[data-module='content-planner'][data-view='weekly'] .items > * ~ * .item {
  border-top: 1px solid #ebebeb;
}

[data-module='content-planner'][data-view='weekly'] .item {
  -webkit-transition: opacity 0.35s ease-in;
  -moz-transition: opacity 0.35s ease-in;
  -o-transition: opacity 0.35s ease-in;
  transition: opacity 0.35s ease-in;
  position: relative;
  display: flex;
  flex-direction: column;
}

[data-module='content-planner'][data-view='weekly'] .item.old > *:not(.handle),
[data-module='content-planner'][data-view='weekly'] .item.old .time,
[data-module='content-planner'][data-view='weekly'] .item.old .status:not(.not-published) {
  opacity: .5;
}

[data-module='content-planner'][data-view='weekly'] .item.draft {
  background-color: #f2f2f2;
}

[data-module='content-planner'][data-view='weekly'] .item .card {
  min-width: 0;
  margin-top: 10px;
  margin-bottom: 5px;
}

[data-module='content-planner'][data-view='weekly'] .item .card .data,
[data-module='content-planner'][data-view='weekly'] .item .card .cell,
[data-module='content-planner'][data-view='weekly'] .item .card .holder {
  display: block;
}

[data-module='content-planner'][data-view='weekly'] .item .card .name,
[data-module='content-planner'][data-view='weekly'] .item .card .meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

[data-module='content-planner'][data-view='weekly'] .item .card .name {
  font-weight: bold;
}

[data-module='content-planner'][data-view='weekly'] .item .card .social {
  vertical-align: top;
}

[data-module='content-planner'][data-view='weekly'] .item .time {
  display: block;
  padding-top: 12px;
  padding-bottom: 5px;
  font-size: 19px;
  font-weight: 300;
  line-height: 1;
  color: #999;
}

[data-module='content-planner'][data-view='weekly'] .item .status {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #999;
}

[data-module='content-planner'][data-view='weekly'] .item .status [type='misc-exclamation-mark'] {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}

[data-module='content-planner'][data-view='weekly'] .item .status span {
  vertical-align: middle;
}

[data-module='content-planner'][data-view='weekly'] .item:not(.old) .handle {
  position: relative;
}

[data-module='content-planner'][data-view='weekly'] .item:not(.old) .handle {
  cursor: move;
  user-select: none;
}

[data-module='content-planner'][data-view='weekly'] .item:not(.old) .handle::before {
  background: rgba(0, 0, 0, 0.3) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkQAOMIP7/////g2hGEMAqgKwLACC9CAUDNl7FAAAAAElFTkSuQmCC") repeat 1px top;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  height: 16px;
  content: ' ';
}

[data-module='content-planner'][data-view='weekly'] .item:not(.old) .handle:hover::before {
  display: block;
}

[data-module='content-planner'][data-view='weekly'] .item .contents {
  flex: 1;
  padding-top: 5px;
  padding-bottom: 10px;
}

[data-module='content-planner'][data-view='weekly'] .item .contents,
[data-module='content-planner'][data-view='weekly'] .item .contents * {
  cursor: pointer;
}

[data-module='content-planner'][data-view='weekly'] .item .contents:hover .text {
  text-decoration: underline;
}

[data-module='content-planner'][data-view='weekly'] .item .text {
  word-wrap: break-word;
}

[data-module='content-planner'][data-view='weekly'] .item .text:not(:last-child) {
  margin-bottom: 10px;
}

[data-module='content-planner'][data-view='weekly'] .item .thumb-media {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

[data-module='content-planner'][data-view='weekly'] .item .thumb-media .holder svg {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: calc(50% - 12px);
  left: 50%;
  color: #fff;
}

[data-module='content-planner'][data-view='weekly'] .item .dark {
  display: block;
  height: 12px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0IDQiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNkZGRkZGQ7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIGNsYXNzPSJhIiBwb2ludHM9IjAgMCAwIDIgMiAwIDAgMCIvPjxwb2x5Z29uIGNsYXNzPSJhIiBwb2ludHM9IjQgMCAwIDQgMiA0IDQgMiA0IDAiLz48L3N2Zz4=);
  background-size: 4px auto;
}

[data-module='content-planner'][data-view='weekly'] .item .dark:not(:last-child) {
  margin-bottom: 10px;
}

[data-module='content-planner'][data-view='weekly'] .item .tag:not([class*='tag-face-']):not(.tag-highlight):hover,
[data-module='content-planner'][data-view='weekly'] .item .tag:not([class*='tag-face-']):not(.tag-highlight) > .prefix {
  color: #fff;
  background-color: #383f49;
}

[data-module='content-planner'][data-view='weekly'] .item .label {
  color: #919191;
}

[data-module='content-planner'][data-view='weekly'] .item .label span {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

[data-module='content-planner'][data-view='weekly'] .item .label span:not(:first-child) {
  margin-left: 5px;
}

[data-module='content-planner'][data-view='weekly'] .date {
  padding: 18px 0 12px 12px;
  font-weight: 300;
  line-height: 1;
}

[data-module='content-planner'][data-view='weekly'] .date .week-day {
  font-size: 19px;
  color: #999;
}

[data-module='content-planner'][data-view='weekly'] .date .day-month {
  color: #c4c4c4;
}

[data-module='content-planner'][data-view='weekly'] [data-hourmarker] {
  position: relative;
}

[data-module='content-planner'][data-view='weekly'] [data-hourmarker]::before {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  margin-bottom: -1px;
  border-top: 1px solid #f75465;
  content: ' ';
}

[data-module='content-planner'][data-view='weekly'] [data-hourmarker]::after {
  position: absolute;
  right: 12px;
  bottom: 0;
  z-index: 1;
  padding-right: 4px;
  padding-left: 4px;
  margin-bottom: -8px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #fff;
  background-color: #f75465;
  content: attr(data-hourmarker);
}

[data-module='content-planner'][data-view='weekly'] [data-hourmarker].hourmarker-top::before, [data-module='content-planner'][data-view='weekly'] [data-hourmarker].hourmarker-top::after {
  bottom: 100%;
}

[data-module='content-planner'][data-view='weekly'] [data-hourmarker].dragging::before, [data-module='content-planner'][data-view='weekly'] [data-hourmarker].dragging::after {
  visibility: hidden;
}

[data-module='content-planner'][data-view='weekly'] .bottom-container {
  flex: 1 100%;
  width: 100%;
  text-align: center;
}

[data-module='content-planner'][data-view='monthly'] .weekdays {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 40px;
  border-bottom: 1px solid #ebebeb;
}

[data-module='content-planner'][data-view='monthly'] .weekdays > div {
  width: 14.2857142857%;
  padding-right: 10px;
  color: #b2b2b2;
  text-align: right;
}

[data-module='content-planner'][data-view='monthly'] .day-holder {
  display: flex;
  flex-wrap: wrap;
}

[data-module='content-planner'][data-view='monthly'] .day-holder > .day {
  position: relative;
  width: 14.2857142857%;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

@media screen and (max-height: 600px) {
  [data-module='content-planner'][data-view='monthly'] .day-holder > .day {
    height: 93px;
  }
}

@media screen and (min-height: 601px) {
  [data-module='content-planner'][data-view='monthly'] .day-holder > .day {
    height: 141px;
  }
}

[data-module='content-planner'][data-view='monthly'] .day-holder > .day:nth-last-child(-n+7) {
  border-bottom: 0;
}

[data-module='content-planner'][data-view='monthly'] .day-holder > .day:nth-child(7n) {
  border-right: 0;
}

[data-module='content-planner'][data-view='monthly'] .items {
  -webkit-transition: opacity 0.35s ease-in;
  -moz-transition: opacity 0.35s ease-in;
  -o-transition: opacity 0.35s ease-in;
  transition: opacity 0.35s ease-in;
}

[data-module='content-planner'][data-view='monthly'] .item {
  position: relative;
  margin: 0 -10px;
  font-size: 13px;
  line-height: 22px;
  cursor: pointer;
}

[data-module='content-planner'][data-view='monthly'] .item + .item {
  margin-top: 1px;
}

[data-module='content-planner'][data-view='monthly'] .item .text:hover {
  text-decoration: underline;
}

[data-module='content-planner'][data-view='monthly'] .item.old .text {
  color: #919191;
}

[data-module='content-planner'][data-view='monthly'] .item.dark {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0IDQiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNkZGRkZGQ7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIGNsYXNzPSJhIiBwb2ludHM9IjAgMCAwIDIgMiAwIDAgMCIvPjxwb2x5Z29uIGNsYXNzPSJhIiBwb2ludHM9IjQgMCAwIDQgMiA0IDQgMiA0IDAiLz48L3N2Zz4=);
  background-size: 4px auto;
}

[data-module='content-planner'][data-view='monthly'] .item.draft svg[type*='social']:not(.disabled) .body {
  fill: #919191;
}

[data-module='content-planner'][data-view='monthly'] .item .contents {
  display: flex;
  width: 100%;
  padding: 0 10px;
}

[data-module='content-planner'][data-view='monthly'] .item .contents > * + * {
  margin-left: 5px;
}

[data-module='content-planner'][data-view='monthly'] .item .social {
  width: 12px;
  height: 12px;
  margin-top: -4px;
}

[data-module='content-planner'][data-view='monthly'] .item .time {
  color: #b2b2b2;
}

[data-module='content-planner'][data-view='monthly'] .item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

[data-module='content-planner'][data-view='monthly'] .item [type='misc-exclamation-mark'] {
  width: 12px;
  height: 12px;
  background-size: 70px auto;
}

[ng-drag].dragging {
  color: #333;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
}

[data-module='content-planner'][data-view='monthly'] .item:not(.old) .handle {
  cursor: move;
  user-select: none;
}

[data-module='content-planner'][data-view='monthly'] .item:not(.old) .handle::before {
  background: rgba(0, 0, 0, 0.3) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkQAOMIP7/////g2hGEMAqgKwLACC9CAUDNl7FAAAAAElFTkSuQmCC") repeat 1px top;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 10px;
  content: ' ';
}

[data-module='content-planner'][data-view='monthly'] .item:not(.old) .handle:hover::before {
  display: block;
}

[data-module='content-planner'][data-view='monthly'] .box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px 10px;
}

[data-module='content-planner'][data-view='monthly'] .box.today {
  z-index: 1;
  box-shadow: 0 0 0 5px #d4d4d4;
}

[data-module='content-planner'][data-view='monthly'] .box .add {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

[data-module='content-planner'][data-view='monthly'] .box:not(.past):hover .add {
  display: block;
}

[data-module='content-planner'][data-view='monthly'] .box .day-title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  line-height: 1;
  color: #b2b2b2;
  text-align: right;
  cursor: default;
}

[data-module='content-planner'][data-view='monthly'] .box .all {
  display: none;
  font: normal 12px Verdana, Arial, sans-serif;
  line-height: 22px;
}

[data-module='content-planner'][data-view='monthly'] .box .all:not(:hover) {
  color: #b2b2b2 !important;
}

[data-module='content-planner'][data-view='monthly'] .box .all:hover {
  text-decoration: underline;
}

*:not([data-theme]) [data-module='content-planner'] .box.drag-enter .day-title,
*[data-theme='purple'] [data-module='content-planner'] .box.drag-enter .day-title {
  color: #4639ab;
}

*[data-theme='cyclamen'] [data-module='content-planner'] .box.drag-enter .day-title {
  color: #f75465;
}

*[data-theme='yellow'] [data-module='content-planner'] .box.drag-enter .day-title {
  color: #ffa432;
}

*[data-theme='green'] [data-module='content-planner'] .box.drag-enter .day-title {
  color: #56b588;
}

*[data-theme='blue'] [data-module='content-planner'] .box.drag-enter .day-title {
  color: #5dbcec;
}

[data-module='content-planner'][data-view='monthly'] .popover {
  color: #333;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  position: absolute;
  display: none;
  width: 274px;
  min-height: 84px;
}

[data-module='content-planner'][data-view='monthly'] .popover.on {
  z-index: 2;
  display: block;
}

[data-module='content-planner'][data-view='monthly'] .popover header {
  padding: 10px 15px 0;
}

[data-module='content-planner'][data-view='monthly'] .popover .date {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  line-height: 34px;
}

[data-module='content-planner'][data-view='monthly'] .popover .items {
  max-height: 220px;
  margin: 10px 0 15px 10px;
}

[data-module='content-planner'][data-view='monthly'] .popover .item {
  margin-right: 10px;
  margin-left: 0;
}

[data-module='content-planner'][data-view='monthly'] .popover header .btn {
  position: relative;
  right: -10px;
}

[data-module='content-planner'][data-view='monthly'] .popover .link {
  padding-left: 10px;
  font: normal 12px Verdana, Arial, sans-serif;
  line-height: 22px;
}

[data-module='content-planner'][data-view='monthly'] .popover .link:hover {
  text-decoration: underline;
}

[data-module='content-planner'][data-view='monthly'] .popover [class*='mCSB_container'] {
  margin-right: 15px;
}

[data-module='content-planner'][data-view='monthly'] .day:not(:nth-child(-n+7)):not(:nth-child(7n+1)):not(:nth-child(7n+7)):not(:nth-last-child(-n+7)) .popover {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

[data-module='content-planner'][data-view='monthly'] .day:nth-child(-n+7):not(:first-child):not(:nth-child(7)) .popover {
  -webkit-transform: translate(-50%, -10px);
  -moz-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  -o-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
  top: 0;
  left: 50%;
}

[data-module='content-planner'][data-view='monthly'] .day:nth-last-child(-n+7):not(:nth-last-child(7)):not(:last-child) .popover {
  -webkit-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  -o-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  bottom: 0;
  left: 50%;
}

[data-module='content-planner'][data-view='monthly'] .day:nth-child(7n+1):not(:nth-last-child(7)):not(:first-child) .popover {
  -webkit-transform: translate(-10px, -50%);
  -moz-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  -o-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
  top: 50%;
  left: 0;
}

[data-module='content-planner'][data-view='monthly'] .day:nth-child(7n+7):not(:nth-child(7)):not(:last-child) .popover {
  -webkit-transform: translate(10px, -50%);
  -moz-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  -o-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
  top: 50%;
  right: 0;
}

[data-module='content-planner'][data-view='monthly'] .day:first-child .popover {
  -webkit-transform: translate(-10px, -10px);
  -moz-transform: translate(-10px, -10px);
  -ms-transform: translate(-10px, -10px);
  -o-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
  top: 0;
  left: 0;
}

[data-module='content-planner'][data-view='monthly'] .day:nth-child(7) .popover {
  -webkit-transform: translate(10px, -10px);
  -moz-transform: translate(10px, -10px);
  -ms-transform: translate(10px, -10px);
  -o-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
  top: 0;
  right: 0;
}

[data-module='content-planner'][data-view='monthly'] .day:nth-last-child(7) .popover {
  -webkit-transform: translate(-10px, 10px);
  -moz-transform: translate(-10px, 10px);
  -ms-transform: translate(-10px, 10px);
  -o-transform: translate(-10px, 10px);
  transform: translate(-10px, 10px);
  bottom: 0;
  left: 0;
}

[data-module='content-planner'][data-view='monthly'] .day:last-child .popover {
  -webkit-transform: translate(10px, 10px);
  -moz-transform: translate(10px, 10px);
  -ms-transform: translate(10px, 10px);
  -o-transform: translate(10px, 10px);
  transform: translate(10px, 10px);
  right: 0;
  bottom: 0;
}

@media screen and (max-height: 600px) {
  [data-module='content-planner'][data-view='monthly'] {
    min-height: 600px;
  }
  [data-module='content-planner'][data-view='monthly'] .box .item:not(:nth-of-type(1)) {
    display: none;
  }
  [data-module='content-planner'][data-view='monthly'] .box .item:nth-of-type(2):nth-last-of-type(1) {
    display: flex !important;
  }
  [data-module='content-planner'][data-view='monthly'] .box .item:not(:nth-of-type(1)):not(:nth-of-type(2)):nth-last-of-type(1) + .all {
    display: block;
  }
  [data-module='content-planner'][data-view='monthly'] .box .item:nth-of-type(2):nth-last-of-type(1) + .all {
    display: none;
  }
}

@media screen and (min-height: 601px) {
  [data-module='content-planner'][data-view='monthly'] {
    min-height: 880px;
  }
  [data-module='content-planner'][data-view='monthly'] .box .item:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)) {
    display: none;
  }
  [data-module='content-planner'][data-view='monthly'] .box .item:nth-of-type(4):nth-last-of-type(1) {
    display: flex !important;
  }
  [data-module='content-planner'][data-view='monthly'] .box .item:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)):nth-last-of-type(1) + .all {
    display: block;
  }
  [data-module='content-planner'][data-view='monthly'] .box .item:nth-of-type(4):nth-last-of-type(1) + .all {
    display: none;
  }
}

[data-module='content-planner'][data-view='monthly'] .loader {
  z-index: 2;
  background: rgba(255, 255, 255, 0.3);
}

[data-module='preview'] .panel-header {
  padding-top: 5px;
  padding-bottom: 5px;
}

[data-module='preview'] .panel-body {
  padding: 0;
}

[data-module='preview'] .panel-body::before, [data-module='preview'] .panel-body::after {
  display: table;
  content: ' ';
}

[data-module='preview'] .panel-body::after {
  clear: both;
}

[data-module='preview'] [data-role='desktop'],
[data-module='preview'] [data-role='mobile'] {
  margin: 15px;
}

[data-module='preview'] [data-role='desktop'] [data-role='ground'],
[data-module='preview'] [data-role='mobile'] [data-role='ground'] {
  margin: -15px;
}

[data-module='preview'] .preview-box {
  width: 552px;
  padding: 15px 28px;
  margin: 15px auto;
  background-color: #fff;
}

[data-module='preview'] .preview-box .card {
  margin-bottom: 10px;
}

[data-module='preview'] [data-role='ground'] {
  position: relative;
  min-height: 330px;
  background-color: #fff;
}

[data-module='preview'] [data-role='ground']:not(:only-of-type) {
  display: none;
}

[data-module='preview'] [data-role='ground']:only-of-type {
  display: block;
}

[data-module='preview'] [data-role='ground'] .content {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  color: #b2b2b2;
  text-align: center;
  white-space: nowrap;
}

[data-module='preview'] [data-role='post-link'] {
  position: relative;
}

[data-module='preview'] [data-role='post-link']:not([data-attachment]), [data-module='preview'] [data-role='post-link'][data-attachment='single'] {
  border: 1px solid #d4d4d4;
}

[data-module='preview'] [data-role='post-link'] .content {
  padding: 12px 15px;
}

[data-module='preview'] [data-role='post-link'] p {
  margin: 0;
  word-break: break-all;
}

[data-module='preview'] [data-role='post-link'] p:last-of-type {
  margin: 0;
}

[data-module='preview'] [data-role='post-link'] .ttl {
  margin-bottom: 8px;
  font: normal 19px Georgia, Times, "Times New Roman", serif;
}

[data-module='preview'] [data-role='post-link'] .descr {
  margin-bottom: 5px;
}

[data-module='preview'] [data-role='post-link'] .url {
  font-size: 13px;
}

[data-module='preview'] [data-role='post-link'] .cta {
  position: absolute;
  right: -1px;
  bottom: -1px;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'] .image img {
  display: block;
  height: auto;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'][data-image='thumb'] {
  display: table;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'][data-image='thumb'] > div {
  display: table-cell;
  vertical-align: top;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'][data-image='thumb'] .image {
  width: 0;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'][data-image='thumb'] .image img {
  width: auto;
  max-width: 100px;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'][data-image='thumb'] .content {
  width: 100%;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'][data-image='cover'] .image {
  max-height: 494px;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'][data-image='cover'] .image img {
  width: 100%;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'][data-image='cover'] .image.portrait {
  position: relative;
  height: 494px;
  overflow: hidden;
}

[data-module='preview'] [data-role='post-link'][data-attachment='single'][data-image='cover'] .image.portrait img {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}

.carousel {
  position: relative;
  height: 100%;
  margin: 0 -28px;
}

.carousel-viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
}

.carousel-overview {
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  height: 100%;
  min-width: 100%;
  padding: 0 28px;
  font-size: 0;
  white-space: nowrap;
}

.force .carousel-overview {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.carousel-item {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 380px;
  white-space: normal;
  vertical-align: top;
  border: 1px solid #d4d4d4;
}

.carousel-item:not(:last-child) {
  margin-right: 6px;
}

.carousel-item:focus {
  outline: none;
}

.carousel-item .thumb {
  margin: -1px -1px 0;
  border-bottom: 0;
}

.carousel-item .title {
  height: 59px;
  margin: 10px;
  overflow: hidden;
  font-size: 15px;
  line-height: 18px;
  white-space: normal;
  background: #fff;
}

.carousel-ready .carousel-item {
  opacity: 1;
}

.carousel-arrows a {
  position: absolute;
  top: 0;
  z-index: 2;
  display: block;
  width: 10%;
  height: 100%;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background-color: transparent;
}

.carousel-arrows a.carousel-prev-arrow,
.carousel-arrows a.carousel-prev-arrow button {
  left: 0;
}

.carousel-arrows a.carousel-next-arrow,
.carousel-arrows a.carousel-next-arrow button {
  right: 0;
}

.carousel-arrows a.hidden-arrow {
  display: none;
}

.carousel-arrows a:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

.carousel-arrows a:hover svg {
  fill: #14171c;
}

.carousel-arrows button {
  position: absolute;
  top: 130px;
  z-index: 2;
  display: block;
}

.carousel-sliding .carousel-arrows a:hover {
  background-color: transparent;
}

[data-module='preview'] [data-role='post-photo'] img {
  display: block;
  height: auto;
  max-width: 100%;
  border: 1px solid #d4d4d4;
}

[data-module='preview'] [data-role='post-photo-album'] {
  display: inline-block;
  font-size: 0;
  border: 1px solid #d4d4d4;
}

[data-module='preview'] [data-role='post-photo-album']::before, [data-module='preview'] [data-role='post-photo-album']::after {
  display: table;
  content: ' ';
}

[data-module='preview'] [data-role='post-photo-album']::after {
  clear: both;
}

[data-module='preview'] [data-role='post-photo-album'] .photo {
  border: 0;
}

[data-module='preview'] [data-role='post-photo-album'] .photo + .photo {
  margin-left: 0;
}

[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(2):first-child,
[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-child(2):last-child,
[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(4):nth-child(1),
[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(3):nth-child(2),
[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(2):nth-child(3),
[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(1):nth-child(4) {
  width: 246px;
  height: 246px;
}

[data-module='preview'] [data-role='post-photo-album'] .photo:nth-last-child(2):nth-child(2),
[data-module='preview'] [data-role='post-photo-album'] .photo:nth-last-child(1):nth-child(3),
[data-module='preview'] [data-role='post-photo-album'][class*='cover-'] .photo:nth-last-child(3):nth-child(2),
[data-module='preview'] [data-role='post-photo-album'][class*='cover-'] .photo:nth-last-child(2):nth-child(3),
[data-module='preview'] [data-role='post-photo-album'][class*='cover-'] .photo:nth-last-child(1):nth-child(4) {
  width: 164px;
  height: 164px;
}

[data-module='preview'] [data-role='post-photo-album'] .photo:only-child {
  width: 494px;
  height: 330px;
}

[data-module='preview'] [data-role='post-photo-album'] .photo:nth-child(2):last-child {
  margin-left: 1px;
}

[data-module='preview'] [data-role='post-photo-album'] .photo:nth-last-child(3):nth-child(1) {
  width: 329px;
  height: 329px;
  float: left;
}

[data-module='preview'] [data-role='post-photo-album'] .photo:nth-last-child(2):nth-child(2) {
  margin-bottom: 1px;
}

[data-module='preview'] [data-role='post-photo-album'] .photo:nth-last-child(2):nth-child(2),
[data-module='preview'] [data-role='post-photo-album'] .photo:nth-last-child(1):nth-child(3) {
  float: right;
  margin-left: 1px;
}

[data-module='preview'] [data-role='post-photo-album'].cover-landscape .photo:nth-last-child(4):nth-child(1) {
  display: block;
  width: 494px;
  height: 329px;
  margin-bottom: 1px;
}

[data-module='preview'] [data-role='post-photo-album'].cover-landscape .photo:nth-last-child(3):nth-child(2),
[data-module='preview'] [data-role='post-photo-album'].cover-landscape .photo:nth-last-child(2):nth-child(3) {
  margin-right: 1px;
}

[data-module='preview'] [data-role='post-photo-album'].cover-portrait .photo:nth-last-child(4):nth-child(1) {
  float: left;
  width: 329px;
  height: 494px;
  margin-right: 1px;
}

[data-module='preview'] [data-role='post-photo-album'].cover-portrait .photo:nth-last-child(3):nth-child(2),
[data-module='preview'] [data-role='post-photo-album'].cover-portrait .photo:nth-last-child(2):nth-child(3),
[data-module='preview'] [data-role='post-photo-album'].cover-portrait .photo:nth-last-child(1):nth-child(4) {
  float: right;
}

[data-module='preview'] [data-role='post-photo-album'].cover-portrait .photo:nth-last-child(3):nth-child(2),
[data-module='preview'] [data-role='post-photo-album'].cover-portrait .photo:nth-last-child(2):nth-child(3) {
  margin-bottom: 1px;
}

[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(4):nth-child(1),
[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(3):nth-child(2) {
  margin-bottom: 1px;
}

[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(4):nth-child(1),
[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(2):nth-child(3) {
  margin-right: 1px;
}

[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(3):nth-child(2),
[data-module='preview'] [data-role='post-photo-album']:not([class*='cover-']) .photo:nth-last-child(1):nth-child(4) {
  width: 247px;
}

[data-module='preview'] [data-role*='real-preview-'] {
  position: relative;
  min-height: 330px;
  padding: 15px 20px;
}

[data-module='preview'] [data-role*='real-preview-'] .reload-preview {
  position: absolute;
  top: -40px;
  right: 5px;
}

[data-module='preview'] [data-role*='real-preview-'] .frame-holder {
  padding: 15px 20px;
  margin: -15px -20px;
  background-color: #fff;
}

[data-module='preview'] [data-role*='real-preview-'] iframe {
  display: block;
  margin: 0 auto;
}

[data-module='preview'] [data-role*='real-preview-'] [data-role='ground'] {
  margin: -15px -20px;
}

[data-module='preview'] [data-role*='real-preview-'] .sys-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  padding: 50px 10%;
  margin: 0;
  background-color: #fff;
}

[data-module='preview'] [data-role*='real-preview-desktop'] iframe {
  width: 502px;
}

[data-module='preview'] [data-role*='real-preview-mobile'] iframe {
  width: 320px;
}

[data-module='preview'] [data-role='post-text'] {
  word-wrap: break-word;
}

[data-module='preview'] [data-role='post-text'] p {
  margin: 10px 0;
  white-space: pre-line;
}

[data-module='preview'] [data-role='post-video'] {
  position: relative;
  display: table;
  width: 100%;
  min-height: 160px;
  background-color: #000;
}

[data-module='preview'] [data-role='post-video'] .ground {
  position: relative;
  min-height: 280px;
}

[data-module='preview'] [data-role='post-video'] .ground:not(:first-child) {
  display: none;
}

[data-module='preview'] [data-role='post-video'] .ground:first-child {
  display: block;
}

[data-module='preview'] [data-role='post-video'] .ground [type='misc-videotape'] {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 96px;
  height: 96px;
  background-size: 120px auto;
  opacity: .2;
}

[data-module='preview'] [data-role='post-video'] .cover {
  display: table-cell;
  min-height: 160px;
  text-align: center;
  vertical-align: middle;
}

[data-module='preview'] [data-role='post-video'] .cover img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 496px;
}

[data-module='preview'] [data-role='post-video'] .info {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 18px 25px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
}

[data-module='preview'] [data-role='post-video'] .info [type*='gl'] {
  float: left;
  margin-top: 1px;
  fill: #fff;
}

[data-module='preview'] [data-role='post-video'] .info label {
  display: block;
  padding-left: 28px;
  word-wrap: break-word;
}

[data-module='authentication-box'] {
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
  position: relative;
  display: block;
  width: 468px;
  height: auto;
  padding: 15px;
  margin: 0 auto;
  font-size: 13px;
  border: 1px solid #d4d4d4;
}

[data-module='authentication-box'] .content {
  max-width: 354px;
  padding: 25px;
  margin: 0 auto;
}

[data-module='authentication-box'] [data-img='komfo-logo'] {
  display: block;
  width: 110px;
  margin: 0 auto 30px;
}

[data-module='authentication-box'] .button {
  background-color: #383f49;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 15px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

[data-module='authentication-box'] .button:not(div):hover {
  background-color: #2a2f39;
}

[data-module='authentication-box'] .button > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

[data-module='authentication-box'] .button [type*='gl'] {
  position: relative;
  top: -2px;
  margin-right: 5px;
  fill: #fff;
}

[data-module='authentication-box'] .button-wrap {
  display: table;
  width: 100%;
}

[data-module='authentication-box'] .button-wrap .main,
[data-module='authentication-box'] .button-wrap .sub {
  display: table-cell;
  vertical-align: top;
}

[data-module='authentication-box'] .button-wrap .main {
  width: 100%;
  max-width: 304px;
}

[data-module='authentication-box'] .button-wrap .sub {
  width: 1px;
}

[data-module='authentication-box'] .fb .button {
  background-color: #3b5998;
}

[data-module='authentication-box'] .fb .button:not(div):hover {
  background-color: #24487c;
}

[data-module='authentication-box'] .gp .button {
  background-color: #d84e3f;
}

[data-module='authentication-box'] .gp .button:not(div):hover {
  background-color: #c33726;
}

[data-module='authentication-box'] .logged .button {
  justify-content: flex-start;
  text-align: left;
  text-transform: none;
}

[data-module='authentication-box'] .logged .main {
  max-width: 248px;
}

[data-module='authentication-box'] label {
  display: block;
}

[data-module='authentication-box'] .logging {
  width: 100%;
  height: 180px;
  text-align: center;
}

[data-module='authentication-box'] .avatar {
  display: block;
  width: 50px;
  height: auto;
  margin-right: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

[data-module='authentication-box'] .disabled .avatar {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .5;
}

[data-module='authentication-box'] .disabled .button {
  cursor: default;
}

[data-module='authentication-box'] .disabled .button, [data-module='authentication-box'] .disabled .button:not(div):hover {
  background-color: #d4d4d4;
}

[data-section='authentication'] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding: 50px 20px;
  background-color: #4639ab;
}

[data-section='authentication'] [data-module='authentication-box'] {
  background-color: #fff;
}

[data-module='onboarding'] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
}

[data-module='onboarding'] .content-wrapper {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  top: 50%;
}

[data-module='reactivate-channels'] th:nth-child(1),
[data-module='reactivate-channels'] td:nth-child(1) {
  width: 36px;
}

[data-module='reactivate-channels'] th:nth-child(1) .s-icon,
[data-module='reactivate-channels'] td:nth-child(1) .s-icon {
  margin-top: 5px;
}

[data-module='reactivate-channels'] th:nth-child(2),
[data-module='reactivate-channels'] td:nth-child(2) {
  width: 50%;
}

[data-module='reactivate-channels'] th:nth-child(5),
[data-module='reactivate-channels'] td:nth-child(5) {
  position: relative;
}

[data-module='reactivate-channels'] th:nth-child(3),
[data-module='reactivate-channels'] td:nth-child(3) {
  width: 48px;
}

[data-module='reactivate-channels'] th:nth-child(3) svg,
[data-module='reactivate-channels'] td:nth-child(3) svg {
  fill: #b2b2b2;
}

[data-module='reactivate-channels'] th:nth-child(4),
[data-module='reactivate-channels'] td:nth-child(4) {
  width: 25%;
}

[data-module='reactivate-channels'] th:nth-child(5),
[data-module='reactivate-channels'] td:nth-child(5) {
  width: 136px;
  line-height: 1;
}

.mentions-container.facebook-message-composer,
.message-editor.facebook-message-editor {
  position: relative;
}

.mentions-container.facebook-message-composer .textfield .textfield-input,
.message-editor.facebook-message-editor .textfield .textfield-input {
  background: transparent;
}

.mentions-container.facebook-message-composer .textfield .textfield-input:not(:last-child),
.message-editor.facebook-message-editor .textfield .textfield-input:not(:last-child) {
  padding-right: 40px;
}

.mentions-container.facebook-message-composer .dropdown-box .card:hover,
.message-editor.facebook-message-editor .dropdown-box .card:hover {
  background: #f2f2f2;
}

.mentions-container.facebook-message-composer .dropdown-box .list-item,
.message-editor.facebook-message-editor .dropdown-box .list-item {
  min-height: 50px;
}

.mentions-container.facebook-message-composer .dropdown-box .list-item.active,
.message-editor.facebook-message-editor .dropdown-box .list-item.active {
  background: #f2f2f2;
}

.textfield .kf-autogrow {
  overflow-y: hidden;
}

.mentions-container {
  position: relative;
}

.mentions-container .textfield .textfield-area,
.message-editor .textfield .textfield-area {
  margin-right: 0;
}

.mentions-container .textfield .textfield-input + .mention-highlight,
.message-editor .textfield .textfield-input + .mention-highlight {
  width: 100%;
  min-height: 100%;
  padding: 8px 12px;
  overflow: hidden;
}

.mentions-container .textfield .textfield-addon.warning,
.message-editor .textfield .textfield-addon.warning {
  color: #f07500;
}

.mentions-container .textfield .textfield-addon.error,
.message-editor .textfield .textfield-addon.error {
  color: #b84644;
}

.mentions-container .textfield .mention-highlight,
.message-editor .textfield .mention-highlight {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  color: transparent;
  word-break: break-word;
  white-space: pre-wrap;
  border: 1px solid transparent;
}

.mentions-container .textfield .mention-highlight em,
.message-editor .textfield .mention-highlight em {
  position: relative;
  display: inline;
  height: 15px;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  word-break: break-word;
  vertical-align: middle;
  border: 0;
}

.mentions-container .textfield .mention-highlight b,
.message-editor .textfield .mention-highlight b {
  position: relative;
  display: inline;
  height: 15px;
  padding: 0;
  font-weight: normal;
  word-break: break-word;
  vertical-align: middle;
  background: #d4d4d4;
  border: 0;
}

.mentions-container .dropdown-box,
.message-editor .dropdown-box {
  display: block;
}

.kf-btn-toolbar {
  position: relative;
  float: left;
}

.kf-btn-toolbar .btn > span {
  display: inline-block;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.kf-btn-toolbar .btn + .text-right {
  display: inline-block;
  margin-left: -1px;
}

.kf-btn-toolbar .btn-group {
  position: relative;
  float: left;
}

.kf-btn-toolbar .btn-group + .btn {
  float: left;
  margin-left: 10px;
}

.kf-ellipsis {
  position: relative;
  padding-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kf-ellipsis-toggle {
  cursor: pointer;
}

.kf-ellipsis-toggle .handle {
  position: absolute;
  right: 0;
}

.kf-ellipsis-toggle .handle::before {
  display: inline-block;
  width: 10px;
  font: normal normal normal 12px/1 FontAwesome;
  font-size: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
  content: '\f0d7';
}

.kf-ellipsis-toggle.open .handle {
  right: initial;
  margin-left: 5px;
}

.kf-ellipsis-toggle.open .handle::before {
  content: '\f0d8';
}

.qtip .qtip-content {
  height: 100%;
}

.notifications-container {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  max-height: 100vh;
  overflow: hidden;
}

@-moz-keyframes slide-in-left {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slide-in-left {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-o-keyframes slide-in-left {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-ms-keyframes slide-in-left {
  .notifications-container from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .notifications-container to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slide-in-left {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes slide-in-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes slide-in-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-o-keyframes slide-in-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-ms-keyframes slide-in-right {
  .notifications-container from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .notifications-container to {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slide-in-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.notifications-container .animated {
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -ms-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.notifications-container .slide-in-left {
  -webkit-animation-name: slide-in-left;
  -moz-animation-name: slide-in-left;
  -ms-animation-name: slide-in-left;
  -o-animation-name: slide-in-left;
  animation-name: slide-in-left;
}

.notifications-container .slide-in-right {
  -webkit-animation-name: slide-in-right;
  -moz-animation-name: slide-in-right;
  -ms-animation-name: slide-in-right;
  -o-animation-name: slide-in-right;
  animation-name: slide-in-right;
}

.notifications-container .notif {
  margin-bottom: 10px;
}

.mentions-container.twitter-message-composer .textfield .textfield-input:not([disabled]),
.mentions-container.instagram-message-composer .textfield .textfield-input:not([disabled]) {
  background: transparent;
}

.mentions-container.twitter-message-composer .textfield .textfield-input,
.mentions-container.twitter-message-composer .textfield .textfield-input + .mention-highlight,
.mentions-container.instagram-message-composer .textfield .textfield-input,
.mentions-container.instagram-message-composer .textfield .textfield-input + .mention-highlight {
  padding-right: 52px;
}

.mentions-container.twitter-message-composer .textfield.error .textfield-addon .data,
.mentions-container.instagram-message-composer .textfield.error .textfield-addon .data {
  padding: 0;
  text-align: right;
}

.mentions-container.twitter-message-composer .mention-highlight em,
.mentions-container.instagram-message-composer .mention-highlight em {
  overflow: hidden;
  background: #eeb2b0;
}

.datepicker {
  position: relative;
  display: inline-block;
  font-family: "proxima-nova", Arial, sans-serif;
}

.datepicker .dp-trigger {
  text-align: left;
}

.datepicker .daterangepicker {
  z-index: 9999;
  display: none;
}

.datepicker .daterangepicker::before, .datepicker .daterangepicker::after {
  content: none !important;
}

.datepicker .daterangepicker:not(.inline) {
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #333;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  box-shadow: 5px 5px 0 rgba(102, 102, 102, 0.2);
  padding: 0;
  margin: -1px 0 0;
}

.datepicker .daterangepicker:not(.inline).dropup {
  color: #333;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 5px -5px 0 rgba(102, 102, 102, 0.2);
  -moz-box-shadow: 5px -5px 0 rgba(102, 102, 102, 0.2);
  box-shadow: 5px -5px 0 rgba(102, 102, 102, 0.2);
  margin: 1px 0 0;
}

.datepicker .daterangepicker.inline {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  height: auto;
  padding: 0;
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.datepicker .daterangepicker.inline:not(.single) {
  min-width: 700px;
}

.datepicker .daterangepicker .calendar {
  padding-top: 15px;
  padding-bottom: 15px;
}

.datepicker .daterangepicker .calendar.left {
  padding-right: 5px;
  padding-left: 20px;
}

.datepicker .daterangepicker .calendar.right {
  padding-right: 15px;
  padding-left: 5px;
}

.datepicker .daterangepicker .calendar.single {
  padding-right: 15px;
  padding-left: 20px;
}

.datepicker .daterangepicker .calendar .calendar-table {
  padding: 0;
  background: transparent;
}

.datepicker .daterangepicker .calendar table,
.datepicker .daterangepicker .calendar tr,
.datepicker .daterangepicker .calendar th,
.datepicker .daterangepicker .calendar td {
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
  border: 1px solid transparent;
}

.datepicker .daterangepicker .calendar th,
.datepicker .daterangepicker .calendar td {
  height: 25px;
  min-width: 35px;
}

.datepicker .daterangepicker .calendar th.disabled, .datepicker .daterangepicker .calendar th.disabled:hover,
.datepicker .daterangepicker .calendar td.disabled,
.datepicker .daterangepicker .calendar td.disabled:hover {
  font-weight: normal;
  color: rgba(32, 37, 46, 0.3);
  text-decoration: none;
  cursor: default;
  background: transparent;
  border: 1px solid transparent;
}

.datepicker .daterangepicker .calendar thead tr th {
  font-weight: normal;
}

.datepicker .daterangepicker .calendar thead tr:first-child th {
  height: 40px;
  padding: 0;
  font-size: 15px;
  cursor: default;
}

.datepicker .daterangepicker .calendar thead tr:first-child .month {
  color: #20252e;
}

.datepicker .daterangepicker .calendar thead tr:nth-child(2) th {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #747980;
  cursor: default;
}

.datepicker .daterangepicker .calendar td {
  font-size: 13px;
  color: #20252e;
  border-color: #fff;
}

.datepicker .daterangepicker .calendar td:hover {
  font-weight: bold;
  color: #20252e;
  background: #f2f2f2;
}

.datepicker .daterangepicker .calendar td.inactive {
  color: transparent;
  cursor: default;
  background: transparent !important;
  border: 0 !important;
}

.datepicker .daterangepicker .calendar td.today:not(.disabled) {
  font-size: 15px;
  font-weight: bold;
}

.datepicker .daterangepicker .calendar .in-range {
  color: #fff;
  background: #383f49;
  border: 1px solid #fff;
}

.datepicker .daterangepicker .calendar .in-range.selecting {
  color: #383f49;
  background: #f2f2f2;
}

.datepicker .daterangepicker .calendar .active:not(input),
.datepicker .daterangepicker .calendar .active:not(input):hover {
  color: #fff;
  background: #383f49;
  border: 1px solid #fff;
}

.datepicker .daterangepicker .calendar .start-date,
.datepicker .daterangepicker .calendar .end-date,
.datepicker .daterangepicker .calendar .start-date.end-date {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.datepicker .daterangepicker .ranges {
  padding-right: 20px;
  margin: 0;
  vertical-align: middle;
}

.datepicker .daterangepicker .ranges ul {
  width: 145px;
  padding: 17px 0;
  border-left: 1px solid #d4d4d4;
}

.datepicker .daterangepicker .ranges ul > li {
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 7px 20px;
  margin-bottom: 0;
  font-size: 15px;
  color: #20252e;
  background: none;
  border: 0;
}

.datepicker .daterangepicker .ranges ul > li.active, .datepicker .daterangepicker .ranges ul > li:hover {
  color: #fff;
  background: #20252e;
  border: 0;
}

.datepicker .daterangepicker .ranges ul > li:last-child {
  margin-bottom: 0;
}

.datepicker.datepicker-face-dark .daterangepicker {
  color: #fff;
  background: #383f49;
}

.datepicker.datepicker-face-dark .calendar thead tr:first-child .month {
  color: #fff;
}

.datepicker.datepicker-face-dark thead tr th {
  color: #b2b2b2;
}

.datepicker.datepicker-face-dark thead tr:nth-child(2) th {
  color: rgba(255, 255, 255, 0.3);
}

.datepicker.datepicker-face-dark thead tr .btn:hover {
  background: #2a2f39;
}

.datepicker.datepicker-face-dark thead tr .btn [type*='gl'] {
  fill: #fff;
}

.datepicker.datepicker-face-dark td {
  color: #fff;
  border-color: #383f49;
}

.datepicker.datepicker-face-dark td:hover, .datepicker.datepicker-face-dark td.today:not(.disabled):not(.in-range) {
  color: #fff;
  background: #2a2f39;
  border-color: #383f49;
}

.datepicker.datepicker-face-dark td.active:not(input), .datepicker.datepicker-face-dark td.active:not(input):hover {
  border-color: #383f49;
}

.datepicker.datepicker-face-dark td.disabled, .datepicker.datepicker-face-dark td.disabled:hover {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
}

.datepicker.datepicker-face-dark td.in-range {
  border-color: #383f49;
}

.datepicker.datepicker-face-dark td.in-range.selecting {
  color: #fff;
  background: #2a2f39;
  border-color: #383f49;
}

.datepicker.datepicker-face-dark .ranges ul {
  border-left-color: rgba(0, 0, 0, 0.2);
}

.datepicker.datepicker-face-dark .ranges ul li {
  color: #fff;
}

.datepicker.datepicker-face-dark .ranges ul li:hover {
  background: #2a2f39;
}

.datepicker.week-view .calendar-table tbody tr:hover {
  font-weight: bold;
  color: #20252e;
  background: #f2f2f2;
}

*:not([data-theme]) .datepicker.datepicker-face-dark td.active:not(input), *:not([data-theme]) .datepicker.datepicker-face-dark td.active:not(input):hover,
*[data-theme='purple'] .datepicker.datepicker-face-dark td.active:not(input),
*[data-theme='purple'] .datepicker.datepicker-face-dark td.active:not(input):hover {
  background: #4639ab;
}

*:not([data-theme]) .datepicker.datepicker-face-dark td.in-range,
*[data-theme='purple'] .datepicker.datepicker-face-dark td.in-range {
  background: #4639ab;
}

*:not([data-theme]) .datepicker.datepicker-face-dark .ranges ul li.active,
*[data-theme='purple'] .datepicker.datepicker-face-dark .ranges ul li.active {
  background: #4639ab;
}

*[data-theme='cyclamen'] .datepicker.datepicker-face-dark td.active:not(input), *[data-theme='cyclamen'] .datepicker.datepicker-face-dark td.active:not(input):hover {
  background: #f75465;
}

*[data-theme='cyclamen'] .datepicker.datepicker-face-dark td.in-range {
  background: #f75465;
}

*[data-theme='cyclamen'] .datepicker.datepicker-face-dark .ranges ul li.active {
  background: #f75465;
}

*[data-theme='yellow'] .datepicker.datepicker-face-dark td.active:not(input), *[data-theme='yellow'] .datepicker.datepicker-face-dark td.active:not(input):hover {
  background: #ffa432;
}

*[data-theme='yellow'] .datepicker.datepicker-face-dark td.in-range {
  background: #ffa432;
}

*[data-theme='yellow'] .datepicker.datepicker-face-dark .ranges ul li.active {
  background: #ffa432;
}

*[data-theme='green'] .datepicker.datepicker-face-dark td.active:not(input), *[data-theme='green'] .datepicker.datepicker-face-dark td.active:not(input):hover {
  background: #56b588;
}

*[data-theme='green'] .datepicker.datepicker-face-dark td.in-range {
  background: #56b588;
}

*[data-theme='green'] .datepicker.datepicker-face-dark .ranges ul li.active {
  background: #56b588;
}

*[data-theme='blue'] .datepicker.datepicker-face-dark td.active:not(input), *[data-theme='blue'] .datepicker.datepicker-face-dark td.active:not(input):hover {
  background: #5dbcec;
}

*[data-theme='blue'] .datepicker.datepicker-face-dark td.in-range {
  background: #5dbcec;
}

*[data-theme='blue'] .datepicker.datepicker-face-dark .ranges ul li.active {
  background: #5dbcec;
}

.daterangepicker {
  position: absolute;
  margin-top: 1px;
}

.daterangepicker.opensleft::before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom-color: transparent;
  content: '';
}

.daterangepicker.opensleft::after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.openscenter::before {
  position: absolute;
  top: -7px;
  right: 0;
  left: 0;
  display: inline-block;
  width: 0;
  margin-right: auto;
  margin-left: auto;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  content: '';
}

.daterangepicker.openscenter::after {
  position: absolute;
  top: -6px;
  right: 0;
  left: 0;
  display: inline-block;
  width: 0;
  margin-right: auto;
  margin-left: auto;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright::before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  content: '';
}

.daterangepicker.opensright::after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.dropup {
  margin-top: -5px;
}

.daterangepicker.dropup::before {
  top: initial;
  bottom: -7px;
  border-top: 7px solid transparent;
  border-bottom: initial;
}

.daterangepicker.dropup::after {
  top: initial;
  bottom: -6px;
  border-top: 6px solid transparent;
  border-bottom: initial;
}

.daterangepicker.dropdown-menu {
  z-index: 3000;
  max-width: none;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
}

.daterangepicker .calendar {
  display: none;
  max-width: 300px;
}

.daterangepicker.show-calendar .calendar {
  display: table-cell;
}

.daterangepicker .calendar.single .calendar-table {
  border: 0;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
  min-width: 32px;
  text-align: center;
  white-space: nowrap;
}

.daterangepicker .calendar-table {
  padding: 5px 0;
  border: 0;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td,
.daterangepicker th {
  width: 20px;
  height: 20px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker td.disabled {
  text-decoration: line-through;
}

.daterangepicker option.disabled {
  text-decoration: line-through;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: transparent;
}

.daterangepicker td.in-range {
  border-radius: 0;
}

.daterangepicker td.week {
  font-size: 80%;
}

.daterangepicker th.week {
  font-size: 80%;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker .ranges {
  display: table-cell;
  float: none;
  margin: 4px;
  font-size: 11px;
  text-align: left;
}

.daterangepicker .ranges ul {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}

.daterangepicker .ranges li {
  padding: 3px 12px;
  margin-bottom: 8px;
  font-size: 13px;
  cursor: pointer;
}

/* Calendars */
/* Text Input Above Each Calendar */
/* Time Picker */
/* Predefined Ranges */
/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 160px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker .calendar.left .calendar-table {
    border-right: 0;
  }
  .daterangepicker .calendar.right .calendar-table {
    border-left: 0;
  }
  .daterangepicker .calendar.left {
    margin-right: 0;
    clear: left;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges,
  .daterangepicker.single .calendar {
    float: left;
  }
  .daterangepicker .calendar.right {
    margin-left: 0;
  }
  .daterangepicker .left .daterangepicker-input,
  .daterangepicker .calendar.left .calendar-table {
    padding-right: 12px;
  }
  .daterangepicker .ranges,
  .daterangepicker .calendar {
    float: none;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    float: none;
    width: auto;
  }
  .daterangepicker .calendar.left {
    clear: none;
  }
}

/* Style for hover td */

/*# sourceMappingURL=komfo-platform.css.map */